Как нарисовать социальные иконки в фотошоп?

30.10.13 14:32

Результат урока:

001

Итак, для начала нам нужно скачать фотошоп cs5 и создать в нем новый документ, размер которого составляет 600х400 пикселей. Нам предстоит придумать определенный стиль фона, ориентируясь при этом на собственный вкус.

003

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

004

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

005

Выбираем инструмент Перо и изменяем на Вычесть из области фигуры

006

Рисуем треугольник в нашей прямоугольной фигуре.

007

Теперь нам предстоит добавлять стили

Тень:

008

Внутренняя тень:

009

Обводка:

010

Наложение градиента:

011

В результате внесенных изменений получается следующее:

012

Щелкаем правой кнопкой мышки на том слое, где у нас присутствует лента, чтобы выбрать преобразование в смарт – объект. После того, как произойдет преобразование, нужно проследовать Фильтр – Шум – добавить шум.

013

014

Теперь добавляем прошивку нитью. Выбираем для этого Горизонтальный текст, и устанавливаем цвет 2e81cb. Нить нужно написать. Для этого удерживаем клавишу «-» пока, у нас не получиться нужная длина шва. Не нужно стараться сделать эту работу очень точно, а то что останется лишним, можно быстро обрезать. Выбираем инструмент Трансформирование и поворачиваем линию также в вертикальную позицию.

015

Нам предстоит продублировать слой со швом и поместить его на один пиксель в правую сторону. Меняем цвет на 7dc2e7

016

Копируем оба слоя, на которых обозначены швы, и размещаем их на противоположную сторону ленты.

017

К ленточке нужно добавить социальные элементы. Для этого выбираем Прямоугольник и рисуем небольшую фигуру в самом низу ленты. Добавляем маленький треугольник в нижнюю часть, меняем тип пера. Используем Добавить к области фигуры.

018

Дальше мы используем социальные иконки, которые выберем из списка ресурсов. Добавляем кнопку Твитер и размещаем ее на полученную фигуру.

019

Добавляем любой текст

020

Вот такой результат у нас получиться в конце!

021

Добавить комментарий