E-Mail:  Пароль:    
Меню сайта
Категории раздела
Анимация [78]
Спец еффекты [36]
Компграфика [35]
Фотообработка [4]
Текстовыйэффект [8]
Дизайн [7]
Зимнее [0]
космос [2]
Мини-чат
Наш опрос
Нравиться ли вам новый дизайн сайта?
Всего ответов: 37
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Файлы » уроки Photoshop » Дизайн


Создаём userbar
18.12.2010, 12:56
Готовый вариант:
Создай свой Userbar *

Итак, от винта!!
1) Создаём новый файл, как на картинке:
Создай свой Userbar *

2) Выбираем в настройках градиента те же значения как и на рисунке ниже:
Создай свой Userbar *

после этого нажмите на панель обозначенную на рисунке выше красным квадратом и выставьте подобные настройки:
Создай свой Userbar *

3) Нажимаем "Ок" и протягиваем градиент строго сверху вниз. Должно получиться что то вроде этого:
Создай свой Userbar *

4) Теперь давайте добавим "фирменные" полочки. Создаём новый файл, разрешением 3х3 пикселя и стандартными настройками, увеличиваем его на 1600%, выбираем инструмент "карандаш", делаем его размер 1пиксель и рисуем три точки, образующие диагональ, как тут:
Создай свой Userbar *.

Потом идем в "Edit >> Define Pattern.." и даем любое имя новому шаблону.
Возвращаемся к нашему Юзербару, создаем новый слой, идем в "Edit>>Fill.." и делаем как тут:
Создай свой Userbar *

и нажимаем Ок.

После этого мы просто уменьшаем прозрачность слоя по желанию и получаем примерно вот это:
Создай свой Userbar *

5) Теперь нам следует выбрать изображение которое мы поместим на наш юзербар. В данном случае это иконка Microsoft Word.
Теперь просто вставляем икнку Microsoft Word в нашу заготовку, подгоняем желаемые размеры и другие характеристики. Получаем примерно вот это:
Создай свой Userbar *

6) Теперь добавим текст! В первую очередь скачиваем шрифт, распаковываем и добавляем его в папку Fonts в папке Windows. (Комп необходимо перезагрузить, чтобы шрифт заработал. Прим. переводчика). Пишем необходимый текст на размере шрифта 13px ( наверное ОЧЕПЯТКА, надо 3px ставить wink.gif ) и удостоверяемся что "anti-alias" имеет значение "0". Делаем текст белого цвета и добавляем ему Эффект "Stroke" ( От переводчика. Это делается так: Layer >> Layer style >> Stroke )
Настройки эффекта как на изображении:
Создай свой Userbar *

Получает вот это:
Создай свой Userbar *

7) Теперь добавим объёма. Создадим новый слой. Выбираем инструмент elliptical marquee tool и делаем выделение в виде овала, из левого верхнего угла в правый верхний и заливаем белым цветом. Взгляните на рисунок вам сразу станет понятно какой формы должно быть выделение:
Создай свой Userbar *

8) И последняя, не обязательная часть. Добавление эффекта STROKE шириной в один пиксель. Я думаю с этим у вас теперь проблем не будет! =)
Все! Вуаля, наш юзербар готов =)
Категория: Дизайн | Добавил: KAuMAH | Теги: как сделать user bar, user bar
Просмотров: 465 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Поиск