ДЕЛАЕМ ЮЗЕРБАР В этом уроке вы можете научится делать юзербары такого типа:
1. Открываем Photoshop, заходим в File --> New и создаем файл размером
350 X 20:
2. Получилась белая полоска. Заходим в Layer --> New Fill Layer --> Gradient: Должно появится следующее меню:
3. В появившемся окне Gradient Fill выбираем цвет, а также можно изменять настройки (Style, Angle, Scale, Reverse), чтобы добится оригинального эффекта:
4. Получилась цветная полоска. Добавим полоски или узоры. Для этого создаём новый документ размером 5x5 и с прозрачным фоном (Transparent):
5. В получившемся документе увеличиваем масштаб (Ctrl + "+" несколько раз) и карандашом (Pencil Tool) рисуем, например, диагональную полоску:
6. Теперь сохраним наш узор: Edit --> Define Patern, в открывшемся окне даём узору имя и жмём ОК:
7. Теперь переходим к работе с нашей полоской и создадим в ней новый слой:
8. На созданный новый слой мы нанесём наш узор. Для этого выбираем Paint Bucket Tool, в верхнем меню ставим Pattern и выбираем сохранённый узор:
Должно получится, что то вроде этого:
9. Узор слишком тёмный, сделаем его более прозрачным. Для этого в панели слоев ставим Opacity ~ 30 - 40 %:
10. Теперь полоска готова, приступаем к оформлению.
- выбираем фотку или картинку, которую хотим видеть на юзербаре:
- пишем надпись:
- для эффекта сделаем светлую овальную область. Создаём новый слой, затем берём инструмент Elliptical Marquee Tool (Овальная область):
Выделяем на полоске овальную область и заливаем (Paint Bucket Tool) белым цветом:
Ставим Opacity на 30 % или как лучше выглядит:
11. Переходим к анимации. Сделаем так, чтобы текст мигал.
- Создаём 2 кадра:
- теперь надо изменить стили слоя надписей, а именно Stroke (Обводку). На первом кадре поставим Stroke 1 px, на втором – 3:
- теперь ставим секунды на кадрах, у меня будет 0,1 сек.
12. Сохранение. Любую анимацию следует сохранять следующим образом:
File- --> Save Optimized As, в открывшемся окне указать название и формат файла (GIF) и сохранить.
Вот такой юзербар у меня получился: