Створення юзербара у програмі Photoshop - малюємо разом

Створення юзербара в програмі Photoshop.

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

1 спосіб

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

Нам потрібно залити наше зображення градієнтом.

Я вибрала чорно - білий колір градієнта. Однак ви можете вибрати будь-які кольори або навіть один колір.

У налаштуваннях градієнта я виставила заливку по колу. Ви ж можете виставити ту яка вам подобається.

Не бійтеся експериментувати.

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

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

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

Вибираємо інструмент Pencil (Олівець), чорного кольору c розміром 1 px.

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

Натискаємо Edit > Define Pattern (Редагування - Визначити візерунок) і даємо нашій текстурі ім'я.

Повертаємося на зображення нашого майбутнього юзербара і створюємо новий шар.

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

Заливаем новый слой

Додаємо будь-яку картинку без заднього фону.

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

Додаємо напис. В основному напис шрифтом пишуть
vizitor.rar
, однак Ви можете використовувати будь-який шрифт.

создание юзербаров

Тепер створимо ефект обсягу.

Створюємо новий шар. Виставляємо білий колір. За допомогою інструменту Ellipse (Окружність) робимо овал рівний за розміром зображення.

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

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

Затем перетягиваем 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

Даний матеріал підготовлений для Вас командою сайту http://jak-namaljuvaty.pp.ua


Намалюй разом з нами таке
Додавання коментаря

Ім'я:*
Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлера
Введіть код: *