Фотомоушен2 — Сообщество творческих людей. / Fearless / Создание векторных значков

Шаг 1.
Создайте новый документ в Photoshop, 500х500, цвет фона белый.

Возьмите Pen Tool (P)и выберите Ellipse Tool.

Выберите хороший цвет, который отобразит тени и блики, я выбрал красный.Теперь начинаем создавать наш элипс придерживая Shift, это сделает нашу форму идеально круглой. Это будет основой для значка.

Шаг 2.
Этот шаг покажет какие настройки надо применить к Layer Style (стилю слоя). Что бы открыть окно с опциями слоя в Layer Palette(политре слоев) два раза кликните на слой или Layer > Layer Style > Blending Options…
Drop Shadow:

Inner Shadow:

Outer Glow:

Inner Glow:

Gradient Overlay:

Хорошо, немного разобрались с настройками. Теперь нам надо сделать тень более мягкой и добавить блики.

Шаг 3.
Этот шаг поможет вам создать два тонких блика, один на верху другой снизу. Дублируем первый слой Layer > Duplicate Layer… уменьшаем размер нового слоя на 90% Edit > Transform > Resize
Проделываем такую же операцию Layer Style как предыдущем шаге, за исключением одного стиля его настройки:
Gradient Overlay:

Кликните на Gradient что бы открылось новое окно. Здесь Вы должны будете двигать верхнюю правую стрелку к середине это сузит
градиент.

Измените параметр Fill(заливка) на 0 %(расположенный чуть ниже Layer Opacity в политре слоев). Это уберет цвет формы, вы можете изменить настройки Opacity (непрозрачности) для этого слоя я сделал 30%.
у вас должно получится, что то похожее на это:

Шаг 4.
Теперь нам надо создать основной блик.
Выберите Pen Tool инструмент Ellipse Tool и начертите элипс.

Теперь нам надо поменять позицию нашей формы. Выбираем инструмент Move Tool(V) включите опцию Show Transform Controls (Показать контроль трансформации) в верхнем меню. Держа Shift, поверните слой на 45 градусов и поставьте его туда, где вы хотите создать блик.

Берем инструмент Pen Tool(P) обведем наш элипс нам понадобица 4 точки не более, потяните за точку как показано на рисунке:

Теперь мы собираемся изменить нашу черную форму в блик с помощью настроек стиля слоя.
Только Gradient Overlay:

измените настройки Fill (заливки) 0% и Opacity (непрозрачность) 60%.
Шаг 5.
Значок более менее закончен, теперь просто выделите базу слоя и измените Fill 0%. Что бы показать вам как должен выглядеть значок на этом этапе я изменил цвет фона на светло-синий, так как блики не будут видны на белом фоне.

Шаг 6.
Теперь осталось только выбрать картинку для вашего значка, подстроить её по размеру и разместить ниже слоя базы. Так теперь зажмите Ctrl и кликните по векторной маске основного слоя это выделит ваш круг после этого кликните на Add Layer Mask это скроет все что находится за пределами значка.

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

Автор: Fredrik Silverglimth
Перевод: Fearless

Метки: вектор, векторная графика, дизайн, создание векторного значка, фотошоп

Монетизация:

15 горячих:

Создание векторных значков