[ вход · Новые сообщения · Участники · Правила · Поиск ]
  • Страница 1 из 1
  • 1
Модератор форума: sugrob  
Форум Dizignеров » Photoshop » Уроки\Учебники » Создание юзербара (Создание юзербара)
Создание юзербара
XenOSДата: Среда, 23.01.2008, 21:28
Мастер
Группа: Юзер
Сообщений: 73
Статус: Offline
Итак, вы решили создать юзербар (предполагается, что вы знакомы с Adobe Photoshop и владеете базовыми действиями).
Для начала запускаем Adobe Photoshop и создаем новый документ размером 350 на 19 пикселей (стандартный размер юзербаров).

Создаем новый слой и заливаем его градиентом:

Вставляем логотип или картинку на тему которых мы делаем юзербар в отдельный слой:

Чтоб сделать его более выразительным, «подсветим его». Для этого идем в меню Layer-Layer Style-Outer Glow… и выставляем такие параметры для этого слоя (позже можете попробовать другие комбинации и получите достаточно интересные ефекты):

Должен получиться вот такой результат:

XenOSДата: Среда, 23.01.2008, 21:30
Мастер
Группа: Юзер
Сообщений: 73
Статус: Offline
Дальше нам нужна подпись. Наибольшего распространения в создании юзербаров приобрел шрифт Visitor TT1 (BRK) (а так же некоторые его модификации которые не выходят за рамки одного стиля).
Скачать этот шрифт вы можете с нашего портала - Скачать шрифт
Чтобы установить шрифт, просто скопируйте его в папку Windows\Fonts\. После этого он будет доступен в списке шрифтов в Фотошопе.
Добавили надпись:

Для того что бы подчеркнуть надпись и она не терялась в фоне, идем в меню Layer-Layer Style-Stroke… и выставляем такие параметры:

Результатом будет текст, обведенный аккуратной однопиксельной черной линией:

Дальше, чтобы юзербар был более «трехмерным», добавим на него блик.
Создаем новый слой (приелась уже фраза ). Выбираем инструмент Elliptical Marquee:

В новом слое выделяем таким образом:

XenOSДата: Среда, 23.01.2008, 21:32
Мастер
Группа: Юзер
Сообщений: 73
Статус: Offline
Заливаем его белым цветом и ставим в свойстве Opacity значение 35%. Должно выйти приблизительно так:

Но тут вы можете спросить : «А как же косая штриховка??»
Займемся теперь ею. Естественно возникает вопрос как ее делать, не рисовать же вручную . Для этого создаем новый документ размером 5 на 5 пикселей с прозрачным фоном. В нем карандашом рисуем однопиксельную диагональ. Все это должно выглядеть вот так:

Далее создаем новый слой. Идем в меню Edit-Define Pattern, и вводим имя для нашего паттерна. Переходим в документ нашего бара. Выбираем инструмент Pattern Stamp Tool (поле 1) и выбираем из списка наш паттерн (поле 2):

Зарисовываем полностью наш слой штриховки, и ставим для него Opacity 35%.
Результат должен быть таким:

Чтобы поставить финальный штрих, обведем юзербар рамкой чтобы он не сливался с фоном. Для этого создаем новый слой (он должен быть самым верхним), зажимаем Ctrl+A чтобы выделить все в нем, идем в меню Edit-Stroke, и применяем его с такими параметрами: Width:1px, Color:Black, Location: Inside.
Наконец-то результат наших трудов:

Таким образом мы завершили создание вашего первого юзербара.

HinatAДата: Среда, 23.01.2008, 21:42
Новичок
Группа: Юзер
Сообщений: 38
Статус: Offline
самый простенький юзербар...точнее просто первая попытка его создания, не основываясь на уроке...
XenOSДата: Среда, 23.01.2008, 21:48
Мастер
Группа: Юзер
Сообщений: 73
Статус: Offline
Мой у меня в подписи smile
SasukeДата: Пятница, 07.03.2008, 23:23
Новичок
Группа: Юзер
Сообщений: 9
Статус: Offline
Моей любимой девушке! На 8 марта
UserДата: Суббота, 08.03.2008, 10:26
Admin
Группа: Юзер
Сообщений: 238
Статус: Offline
Sasuke, happy
SasukeДата: Суббота, 08.03.2008, 10:27
Новичок
Группа: Юзер
Сообщений: 9
Статус: Offline
-моя работка!
Форум Dizignеров » Photoshop » Уроки\Учебники » Создание юзербара (Создание юзербара)
  • Страница 1 из 1
  • 1
Поиск: