Делаем Юзербар

1. Для начала жмём File-->New (Файл-->Новый) и выставляем вот что:

2. Далее выбираем инструмент "Градиент", вот он:

3. Выставляем нужные параметры (см. ниже), и нажимаем на то, что я обозначила на скриншоте красным:

4. В открывшемся окне вписываем:

*от автора: я думаю, что лучше выбрать однотонный градиент, но в своём юзербаре ты можешь выбрать какой хочешь*
5. Затем нажимаем на "ОК" и протягиваем градиент сверху вниз.

6. Теперь создаём новый документ 3х3 пикселя, увеличиваем его и чёрным карандашём (1 пиксель) рисуем, чтобы получилось так:

7. Далее идём Edit-->Define Pattern

В открывшемся окне выставляем даём нашему паттерну любое имя.
7. Далее берём инструмент "Заливка":

И вписываем вот что:

8)Заливаем наш юзербар и уменьшаем прозрачность слоя до желаемого:

9)Теперь открываем нужную картинку, в моём случае это:

Обрезаем/кадрируем её если нужно и перетаскиваем на юзербар. Затем стираем лишнее(если это нужно). И вуаля!

10)Теперь осталась только надпись. Скачиваем данный шрифт, распаковываем его и добавляем в папку Fonts на компе. Затем пишем надпись.
11)Далее добавляем обводку. Это делается так: Layer-->Layer Style-->Stroke(Стиль-->Стиль слоя-->Обводка). В открывшемся окне выставляем вот такие параметры:

12)Этот пункт нужен, если вы хотите добавить юзербару объёма.
Берём вот этот инструмент:

Создаём новый слой, делаем выделение и заливаем белой краской.
Вот что получается:

Удачи вам!
ИСТОЧНИК