Урок: создаем юзербар

Tin · Продвинутый форумчанин

UserBar или просто «графическая подпись», обычно размещается в подписи и отражает взгляды и интересы пользователя. Есть кучи сайтов, где можно скачать себе какие угодно User Bar'ы, но будет оригинальнее сделать его самому, и, тем самым, подчеркнуть свою индивидуальность.
Итак, приступим:

1. Создаем новое изображение размером 350x19 пикселей:

2. Теперь нужно сделать фон. Можно применить в качестве фона какую-либо картинку, можно залить цветом (на ваш вкус), что я и сделал:

3. Теперь сделаем чёрную внутреннюю обводку толщиной в 1 пиксель (чтобы наш User Bar хорошо отделялся от другой информации на форуме).
Для этого кликаем на нашем слое правой кнопкой (на панели слоёв – Layers), выбираем пункт Blending Options и делаем так, как показано на рисунке ниже:

4. Теперь не мешало бы добавить внутреннюю тень. Для этого в этом же окошке переходим на вкладку Inner Shadow и выставляем следующие параметры (можно и поэксперементировать):

5. Далее переходим на вкладку Pattern Overlay, в пункте Pattern выбираем понравившуюся Вам текстуру и изменяем следующие параметры:

В итоги, у Вас должно быть так:

6. Фон готов. Теперь нужно добавить текст. Лучше для этого использовать специальные шрифты, которые хорошо читабельные даже при малом размере. Пишем белым шрифтом текст:

7. Добавим к нашему тексту тень, обводку толщиной в 1 пиксель, чёрного цвета:

8. Осталось добавить эффект стекла. Его можно сделать различными способами. Самый простой, это выделить часть изображения инструментом Elliptical Marquee Tool:

И зальём его градиентом белого цвета (с помощью инструмента Gradient Tool):

Снимаем выделение и всё. Наш User Bar готов:

Можно ещё поэкспериментировать с эффектами, фоновым рисунком и др. Вот, например, какой UserBar сделал себе я:

Если понравилось, могу написать как делать аватары!