Основные требования к оформлению
При создании юзербаров нет никаких ограничений. Всё зависит от фантазии и вкуса создателя. Чем оригинальнее и неожиданнее решение, тем лучше изображение. Достоинством считается качественная и остроумно сделанная анимация.
Ну начнем. В фотошопе создаем новый документ. задоем нужное разрешение изображения
далее накладываем градиент:
для этого:
наложили градиент(с цветами: #ff8400 и #bc5001)
Создаем документ 3х3 пиксела (можно 5х5) можно с прозрачным фоном.
Делаем максимальное приближение (до 1600%) можно как на скриншоте, а можно ctrl + "+"
Рисуем самый привычный узор: косые линии. Рисуем каранашом толщиной 1пиксель .Черным цветом(#000000 ).
Жмем "Редактирование", "определить узор
Теперь в нашем документе создаем новый слой.
жмем shift+F5 или как на скрине:
всё как на скрине. а в "заказном узоре выбираем последний, он - и есть наш.
Теперь это больше похоже на юзербар. Совершим сведение слоев комбинацией клавиш ctrl+e.
Обводка по краям юзербара толщиной 1пиксель. Это можно сделать так: карандашом нажимаем в один угол изображения(верхний левый). В самый крайний пиксел. Зажимаем шифт и кликаем в правый верхний, затем не отпуская в правый нижний, и наконец в левый нижний угол изображения. Обводка готова.
Теперь пишем текст.
Осталось всего ничего - засунуть картинку и наложить эффект glow.
Объем будем добавлять так: создаем новый слой (выше всех остальных) делаем круглое выделение по всей площади изображения. Теперь смещаем выделение наверх или вниз, всё зависит от вашего желания.
Далее берем инструмент "заливка" со следующими параметрами:
Прибавление эффектов анимации.
Существует два способа:
Движение.
Мигание
Чтобы сделать движение, надо:
Сделать активным слой с изображением.
Поставить инструментом перемещение начало картинки вверх.
Копировать слой. [Ctrl+J]
Активируем инструмент перемещение.
Держа клавишу Shrift перемещением опускаем изображение вниз.
Проделываем эти операции до тех пор, пока изображение не кончится.
Теперь идем в имедж реди [Shift+Ctrl+M] и делаем анимацию, что очень просто. (слой с текстом должен быть виден на всех кадрах анимации).
Теперь описание как сделать мигание.
Дублируем слой с изображением.
На дублированном слое, ставим режим "Осветление" и непрозрачность на 37%.
Идем в имедж реди и делаем анимацию.
Выключаем глазик на дублированном слое.
Делаем в окне анимация дублированный кадр.
На дублированном кадре, открываем глазик на дублированном слое.
Сохраняем анимацию. [Ctrl+Shift+Alt+S]