Создание юзербара в программе Photoshop.

 

С помощью этого урока вы сможете легко сделать себе анимешный юзербар в программе Adobe Photoshop. В уроке будут показаны два способа создания юзербаров.

 

1 способ

Создаем новый документ (Ctrl + N), размером 350х19 px (стандартный размер для юзербара).

 

Нам нужно залить наше изображение градиентом.

Я выбрала черно – белый цвет для градиента. Однако вы можете выбрать любые цвета или даже один цвет.

В настройках градиента я выставила заливку по окружности. Вы же можете выставить ту которая вам нравиться.

Не бойтесь экспериментировать.

 

 

 

Теперь создадим заготовку для заливки в виде косых черных линий. Для этого создадим новый документ с параметрами 3х3 px, RGB, Transparent (Прозрачный).

 

Выбираем инструмент Pencil (Карандаш), черного цвета c размером 1 px.

Ставим точки по диагонали как на скриншоте.

Нажимаем Edit > Define Pattern (Редактирование – Определить узор) и даём нашей текстуре имя.

 

 

 

Возвращаемся на изображение нашего будущего юзербара и создаём новый слой.

Выбираем инструмент Paint Bucket (Заливка). В параметрах выставляем Pattern (Узор) и выбираем в выпадающем списке текстуру, которую мы делали. Заливаем новый слой.

 

 

 

Добавляем любую картинку без заднего фона.

 

 

 

Добавляем надпись. В основном надпись пишут шрифтом

, однако можно Вы можете использовать любой шрифт.

 

 

 

Теперь создадим эффект объема.

Создаем новый слой. Выставляем белый цвет. С помощью инструмента Ellipse (Окружность) делаем овал равный по размеру изображения.

 

 

 

 Переходим на вкладку Paths (Пути) и нажимаем в нижней панели инструментов на первую кнопку (черный кружок). Затем перетягиваем Work Path в ведро.

 

 

 

Устанавливаем прозрачность слоя на 40%.

 

 

 

Если хотите усложнить свой юзербар, то можно добавить новый слой и с помощью разных кистей сделать рисунок.

 

 

 

2 способ

Второй юзербар мы сделаем немного больше по размеру.

Создаем новый документ (Ctrl + N), размером 350х40 px.

Выбираем любую понравившеюся картинку и перетягиваем ее на созданный документ. 

 

 

 

Теперь создадим заготовку для заливки в виде косых белых линий. Для этого создадим новый документ с параметрами 5х5 px, RGB, Transparent (Прозрачный).

Первый слой заливаем черным цветом и создаем еще один слой. Выбираем инструмент Pencil (Карандаш), белого цвета, размером 1 px. Ставим точки по диагонали как на скриншоте.

Удаляем черный слой и сохраняем.

Нажимаем Edit > Define Pattern (Редактирование – Определить узор) и даём нашей текстуре имя.

 

 

 

Возвращаемся на изображение нашего будущего юзербара и создаём новый слой.

Выбираем инструмент Paint Bucket (Заливка). В параметрах выставляем Pattern (Узор) и выбираем в выпадающем списке текстуру, которую мы делали. Заливаем новый слой. Устанавливаем параметр слоя Soft Light (Мягкий свет).

 

 

 

 Теперь добавим немного контраста. Переходим на слой с картинкой. Через нижнюю панель включаем настройку Brightness/Contrast (Яркость/Контраст).

 

 

 

 Передвигаем ползунки до тех пор, пока вам не понравиться результат.

 

 

 

Добавляем надпись.

 

 

 

Делаем эффект объема (как его делать я описывала выше, когда мы делали юзербар первым способом).

 

 

 

 Еще можно добавить обводку юзербара.

 

Автор урока: Prescilla

Данный материал подготовлен для Вас командой сайта /anime-look.ru