Создаем новый юзербар. Заливаем «Слой 1» белым цветом, выставляем заливку в 0 и идем в «Стили слоя  -> Наложение узора» и выставляем такие настройки:

Теперь необходимо создать штриховку. Для этого создаем новый документ с настройками аналогичными как у юзербара, но размером 6 на 6 пикселей. Затем берем инструмент «Карандаш» (он находится в одной группе с кистью). Настройки должны быть такие:

Увеличиваем документ с помощью клавиш CTRL++ (контрол и клавиша плюс) до упора. И карандашом проводим черную линию по диагонали, кликая по каждому пикселю отдельно:

Теперь записываем этот документ как узор. Для этого идем в «Редактирование -> Определить узор» и сохраняем узор. Все, теперь для каждого юзербара можно будет применять данный узор.

Чтобы применить узор на нашем новом юзербаре создаем новый слой, заливаем его белым цветом и выкручиваем заливку в 0. Затем переходим в «Стили слоя -> Наложени узора» и там должен быть наш новы узор:

Выбираем его и меняем прозрачность до приемлемой. Результат:

Теперь добавим надпись. В юзербарах стандартом де-факто является шрифт Visitor. По ссылке вы можете скачать русифицированный. Чтобы установить нажимаете правой кнопкой -> «Установить». В фотошопе он должен появиться сразу (без перезапуска).

Теперь выбираем инструмент «Горизонтальный текст»:

Выбираем шрифт Visitor, размер 11pt и сглаживание «Не показывать»:

Кликаем в любом месте юзербара и набираем текст:

Теперь необходимо выровнять надпись. Для этого выбираем инструмент «Перемещение»:

Зажав CTRL выделяем слой текста и фон:

Выравниваем по вертикали:

И по горизонтали:

Результат:

Экспериментируем со стилями текстового слоя и добавляем эффект стекла.

Следующий урок будет про анимацию.