Сейчас я вам покажу и расскажу как его нарисовать...

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

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

>> Если хочется в качестве фона картинку - делаем следующее:

* Открываем с помощью фотошопа нужную картинку. Выделяем (нажатием Ctrl + A), копируем (нажатием Ctrl + С). Выбираем окно нашего проекта и вставляем картинку (нажатием Ctrl + V)

* Как видите картинка слишком большая, её надо уменьшить. Нажимаем Ctrl + T и изменяем параметры изображения:

(на рисунке под цифрой "1" обозначены значения ширины и высоты (в % от истинного размера изображения), под цифрой "2" - угол поворота. Для сохранения изменений не забудьте нажать Enter)

* Теперь нужно обьединить слои (саму картинку и чёрный фон). Для этого выбираем сразу два слоя, жмём правой кнопкой мыши и выбираем "Объединить слои".

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

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

5. Сейчас нужно добавить к нашему изображению штриховку. Чтобы не рисовать её полностью самому, сделаем текстуру. Чтобы создать текстуру создадим новое изображение размером 4x4 пикселей с прозрачным фоном:

6. Закрасим полученный квадрат белым карандашом таки образом, как показано ниже:

7. Изображение для текстуры готово. Теперь нужно чтобы оно было доступно в PhotoShop'е. Для этого идём на вкладку "Редактирование" -> "Опредилить узор" (Edit —> Define Pattern) главного меню, в появившемся окошке вводим название текстуры и жмём "OK". Теперь можно изображение, которое мы использовали для текстуры, закрыть не сохраняя – оно нам не понадобится.

8. Возвращаемся к нашему User Bar'у... Снова открываем "Параметры наложения", переходим на вкладку "Перекрытие узора", в пункте "Узор" выбираем только что созданную нами текстуру и изменяем следующие параметры:

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

10. Добавим к нашему тексту тень. Нам это делать не надо, но на светлых рисунках рекомендуется. Делается это так:

10. Также добавляют обводку толщиной в 1 пиксель, чёрного цвета. Нам можно выбрать любой другой цвет:

11. Сейчас создадим новый слой и разместим его над слоем с фоном. Зайдём в "Параметры наложения" данного слоя и выставим значение параметра "Режим" в "Перекрытие":

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

Далее заходим в "Параметры наложения" и выставляем настройки градиента:

14. Снимаем выделение (нажатием Ctrl + D) и всё. Наш User Bar готов: