Аватары: обводка с помощью стилей

 

В этом уроке мы рассмотрим, как создавать аватары и делать эффектную обводку с помощью стилей. Обводка пунктиром, рамкой и объемный аватар.

 

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

Я выбрала картинку с Мику. Однако для аватара она очень большая, а уменьшать трансформацией долго и не удобно,  поэтому прежде чем  ее обрабатывать я уменьшу размер.

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

 

 

 

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

Также перед уменьшением картинки обязательно проверьте настройки сжатия! Они должны быть как у меня на скрине в красной обводке.

 

 

 

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

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

 

 

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

 

 

 

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

Заходим в меню стилей (в правом верхнем углу) и в выпадающем списке выбираем стиль Dotted Strokes (пунктирные штрихи).

 

 

 

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

 

 

 

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

 

 

 

2.  Веб стиль

Теперь будем создавать аватав в веб стиле. Продолжаем с того места когда сделали белый слой для стиля.

Заходим в меню стилей (в правом верхнем углу) и в выпадающем списке выбираем стиль Web Styles (Web стили).

 

 

 

Теперь здесь выбиваем любую рамочку (если необходимо, то трансформируем стиль по аватару)

 

 

 

Также в этом стиле мне нравятся веб кнопки.

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

 

 

 

И цветные (настройка слоя со стилем Linear Burn /линейный затемнитель).

 

 

 

А также с настройкой слоя со стилем Darken / замена темным

 

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

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