Аватари обведення за допомогою стилів - малюємо разом

Рекламний блок
Аватари обведення за допомогою стилів

У цьому уроці ми розглянемо, як створювати аватари та робити ефектну обведення за допомогою стилів. Обведений пунктиром, рамкою і об'ємний аватар.

Для початку відкриємо фотошоп і завантажимо в нього будь-яку картинку з якою ви б хотіли зробити аватар.

Я вибрала картинку з Міку. Однак для аватара вона дуже велика, а зменшувати трансформацією довго і не зручно, тому перш ніж її обробляти я зменшу розмір.

Заходимо в меню Image > Image Size (Зображення - Розмір Зображення).


Картинка с Мику

У відкритому вікні вибираємо підходящий для нас розмір. Так як я планую зробити аватар 100х200рх, то мені будуть достатньо зменшити картинку до 150px по ширині (там де виставляти розмір по ширині, я показала на скріні синім обрамленням).

Також перед зменшенням картинки обов'язково перевірте налаштування стиснення! Вони повинні бути як у мене на скріні в червоній обведення.


Выбираем подходящий для нас размер

Тепер створюємо новий документ розміром 100х200 і перетягуємо нашу картинку на нього.


Создаем новый документ

Підготовка завершена тепер займемося поліпшенням нашого аватара.

Для обробки нам знадобляться стилі фотошопу, тому ми створюємо новий шар поверх аватара і заливаємо його білим кольором, а потім в налаштуваннях шару виставляємо Multiply (множення).


Стили фотошопа

1. Обведення пунктирною рамкою

Заходимо в меню стилів (у правому верхньому куті) і в випадаючому списку вибираємо стиль Dotted Strokes (пунктирні штрихи).


Обводка пунктирной рамкой

У отрывшемся вікні вибираємо будь-який стиль.


В отрывшемся окне выбираем любой стиль.

Однак стилі заливаються по квадрату (пунктир видно тільки з 2х сторін), тому перебуваючи на верхньому шарі зі стилем ми включаємо трансформацію (Ctrl t) і підганяємо розмір стилю до нашого аватару.


Подгоняем размер стиля

2. Веб стиль

Тепер будемо створювати аватав у веб стилі. Продовжуємо з того місця, коли зробили білий шар стилю.

Заходимо в меню стилів (у правому верхньому куті) і в випадаючому списку вибираємо стиль Web Styles Web стилі).


Веб стиль

Тепер тут вибиваємо будь рамочку (якщо необхідно, то трансформуємо стиль по аватару)


Выбиваем любую рамочку

Також у цьому стилі мені подобаються веб кнопки.

Біла (настройка шару зі стилем Multiply /множення).


Веб кнопки

І кольорові (настройка шару зі стилем Linear Burn /лінійний випалювання).


Настройка слоя со стилем Linear Burn

А також з налаштуванням шару зі стилем Darken / заміна темним


Настройкой слоя со стилем Darken

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

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

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

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