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

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

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

4. Теперь не мешало бы добавить внутреннюю тень. Для этого в этом же окошке переходим на вкладку Inner Shadow и выставляем следующие параметры (можно и поэксперементировать): Blend Mode - Normal, Opacity - 100%, Angle 120 градусов, Distance и Choke = 0, и Size = 13

5, 6, 7, пропустим, т.к. нужна картинка чтобы обьяснить....

8. Возвращаемся к нашему User Bar'у... Снова открываем Blending Options, переходим на вкладку Pattern Overlay, в пункте Pattern выбираем только что созданную нами текстуру и изменяем следующие параметры: Blend Mode: Overlay, Opacity - 70%

9. Фон готов. Теперь нужно добавить текст. Лучше для этого использовать специальные шрифты, которые хорошо читабельны даже при малом размере. Я использовал шрифт Hooge 05_55 Cyr2 (прилагается к уроку – смотрите в конце статьи). Пишем белым шрифтом текст

10. Добавим к нашему тексту тень и обводку

11. Сейчас создадим новый слой и разместим его над слоем с фоном. Зайдём в Blending Options данного слоя и выставим значение параметра Blend Mode в Overlay

12. Теперь нарисуем на этом слое что-нибудь любыми кисточками (на ваш вкус, а эту кисточку ищите в конце урока) белого цвета

13. Осталось добавить эффект стекла. Его можно сделать различными способами — я покажу вам способ попроще. Для этого выделим часть изображения инструментом Elliptical Marquee Tool

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

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

Можно ещё поэкспериментировать с эффектами, фоновым рисунком и др...

Всем спасибо, наша группа Design Arts благодарит вас за просмотр...

.: Дополнительно :.

Скачать шрифт « Hooge 05_55 Cyr2 » | ZIP, 15.2 КБ - http://www.designarts.ru/lessons/photoshop/2/hoog_mini.zip

Скачать кисточку (пункт №12 этого урока) | ZIP, 885 КБ - http://www.designarts.ru/lessons/photoshop/2/brushes.zip