Автор урока: Maria-m
Источник: tritroichki.narod.ru

Теперь каждый сможет создать красивый и эксклюзивный юзербар! Можно, на пример, написать адрес своего сайта на таком юзербаре... как я и сделала.

1. Создаём новый документ - File > New или Ctrl+N:
http://tritroichki.narod.ru/uroki/urok12.gif
2. Выбираем два цвета нашего будущего градиента. Вот такие я выбрала (#c98104 и #e4a02a):
http://tritroichki.narod.ru/uroki/urok12-1.gif
3. Нажимаем на инструмент градиент -Gradient Tool (G) - и протягиваем им снизу-вверх по юзербару.
http://tritroichki.narod.ru/uroki/urok3-1.gif
Должно получиться что-то похожее на это:
http://tritroichki.narod.ru/uroki/urok12-2.gif
4. Теперь добавим фирменные полосочки! Создаём новый файл, размером 3х3 пикселя с прозрачным фоном:
http://tritroichki.narod.ru/uroki/urok12-3.gif
5. Увеличиваем файл до 1600%, выбираем инструмент "карандаш" -http://tritroichki.narod.ru/uroki/urok6-15.gif - размером в 1 пиксель и чёрного цвета. Рисуем диагональ как на картинке:
http://tritroichki.narod.ru/uroki/urok12-4.gif


6. Сохраняем только что созданную диагональ как текстуру - Edit > Define Pattern... Даём ей название.
http://tritroichki.narod.ru/uroki/urok12-5.gif
7. Создаём новый слой - нажимаем Ctrl+Shift+N или Layer > New > Layer...
http://tritroichki.narod.ru/uroki/urok12-6.gif
8. Оставляем только что созданный слой выделеным. Идём в Edit > Fill... Параметры копируем с картинки и жмём ОК.
http://tritroichki.narod.ru/uroki/urok12-7.gif
Получаем вот такой полосатый юзербар :)
9. Уменьшаем прозрачность "полосатого" слоя примерно до 20%. Не обязательно использовать именно 20%, можете сами поикспериментировать...
http://tritroichki.narod.ru/uroki/urok12-8.gif
Результат после изменения прозрачности:
http://tritroichki.narod.ru/uroki/urok12-9.gif
10. Теперь выбираем картинку которую разместим на наш юзербар. Открываем картинку - жмём Ctrl+O или File > Open.
http://tritroichki.narod.ru/uroki/urok12-10.gif
11. Выделяем её - Select > Select All или Ctrl+A. Копируем выделение - Ctrl+C - и наклеиваем - Ctrl+V - на наш юзербар. При помощи инструмента Move Tool (V) - http://tritroichki.narod.ru/uroki/urok12-11.gif- можете двигать цветочек как захочется. Вот что у меня получилось:
http://tritroichki.narod.ru/uroki/urok12-12.gif
12. Время добавить текст! В первую очередь нужно скачать текст, который используется на юзербарах - Visitor TT2. Добавляем его в папочку Fonts/Шрифты в папке Windows (Комп необходимо перезагрузить, чтобы шрифт заработал!).
13. Выбираем Horizontal Type Tool (T) -  http://tritroichki.narod.ru/uroki/urok11-7.gif - - и кликаем по тому месту, где хотим что бы была надпись. Используя текст который скачали, пишем что хотим. Размер текста - 13 писелей. Цвет - белый.
http://tritroichki.narod.ru/uroki/urok12-13.gif
14. Теперь создадим чёрную окантовочку для текста - Layer > Layer style > Stroke. Параметры копируем с картинки:
http://tritroichki.narod.ru/uroki/urok12-14.gif
Получается вот такой симпатичный юзербар:
http://tritroichki.narod.ru/uroki/urok12-15.gif
15. И наконец, добавим объёма... Создаём новый слой и выбираем инструмент Elliptical Marquee Tool (M) - http://tritroichki.narod.ru/uroki/urok8-6.gif - Делаем выделение в виде овала от одного края до другого как на картинке:
http://tritroichki.narod.ru/uroki/urok12-16.gif
16. Заливаем выделение белым цветом, при помощи инструмента Paint Bucket Tool (G) - http://tritroichki.narod.ru/uroki/urok1-10.gif  - и уменьшаем прозрачность до 32%.
http://tritroichki.narod.ru/uroki/urok12-17.gif
http://tritroichki.narod.ru/uroki/urok12-18.gif
17. Что бы получилься полноценный юзербар, слои должны стоять по-порядку, как на картинке:
http://tritroichki.narod.ru/uroki/urok12-19.gif
18. Готово!!! Сохраняем картинку: File > Save as... Выбираем нужный формат, а именно - *.GIF .
http://tritroichki.narod.ru/uroki/urok12-20.gif