Userbar - создание

Этот урок призван помочь Вам в создании userbar'ов. Просто и понятно описываются все этапы создания userbar'а. Урок хорошо проиллюстрирован. Рисуйте.

---

1. Создаём новый файл, как на рисунке:

























2. Устанавливаем настройки "gradient" как на рисунке ниже:







































3. Подтверждаем и протягиваем градиент строго сверху вниз.


4. Теперь добавляем полочки. Для этого создадим новый файл с разрешением 3х3 - 4х4 - 5х5 пикселя (здесь все зависит от вкуса: чем больше разрешение- тем больше расстояние между полочками), прозрачным фоном и стандартными настройками, увеличиваем его на 1600% (комбинация клавиш Ctrl и +), выбираем инструмент "pencil tool", устанавливаем его размер в 1-px и рисуем точки, образующие диагональ.

Потом "Edit -> Define Pattern" и даем любое имя новому шаблону.
Возвращаемся к нашему userbar'у. Создаем новый слой, "Edit ->Fill", выбираем наш шаблон, подтверждаем.
После этого мы просто уменьшаем прозрачность слоя (по желанию).



5. Теперь нам следует выбрать изображение которое мы поместим на наш userbar. Теперь просто вставляем наше изображение в заготовку, регулируем желаемые размеры и другие характеристики.



6. Добавляем текст. Сначала скачиваем шрифт ( скачать: Вы не можете скачивать файлы с нашего сервера ), распаковываем и добавляем его в папку "Fonts" в папке "Windows" (компьютер необходимо перезагрузить, чтобы шрифт заработал). Пишем необходимый текст на размере шрифта 3-4 px и удостоверяемся что "anti-alias" имеет значение "0". Делаем текст белого цвета и добавляем ему эффект "Stroke" (Layer -> Layer style -> Stroke)
Настройки эффекта:


















Получаем вот это:



7. Теперь добавляем объёма. Создаем новый слой. Выбираем инструмент "elliptical marquee tool" и делаем выделение в виде овала, из левого верхнего угла в правый верхний и заливаем белым цветом. Затем понижаем Opacity слоя до 15-20



8. И последняя, необязательная часть. Добавляем эффект "stroke" шириной в 1-px.

Поздравляем, Ваш userbar готов...