Иконка почты

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

Шаг 1

Как всегда, для начала создаем новый документ в фотошопе. Создайте новый слой, возьмите инструмент Pen Tool и нарисуйте форму конверта.

Иконка почты

Шаг 2

Залейте получуенную форму цветом #80a5c0

Иконка почты

Шаг 3

Нажмите двойным кликом на слой с конвертом, чтобы зайти в Blending Options. Перейдите в Gradient Overlay и настройте градиент как на картинке.

Иконка почты

Шаг 4

Создайте новый слой. Нарисуйте фигуру как на картинке, чтобы казалось что конверт раскрут. Цвет используйте #738ea3

Иконка почты

Шаг 5

Двойным кликом на слой откройте Blending Options. Настройте стили Inner Shadow, Gradient Overlay и Stroke. Все параметры отображены на картинке.

Иконка почты

Шаг 6

Добавим немного тени. Для этого используйте черный цвет и Elliptical Marquee Tool — создайте черную фигуру тени как на картинке. Примените для нее фильтр Filter — Blur — Gaussian Blur с параметром 3,8

Иконка почты

Шаг 7

Создайте новый слой и нариуйте фигуру как на картинке, используя цвет #4b7c9d. Примените стиль Gradient Overlay.

Иконка почты

Иконка почты

Шаг 8

Дорисуйте нижнию часть обочки и примните стиль Gradient Overlay.

Иконка почты

Шаг 9

Нарисуйте несколько линий белого цвета, с помощью Line Tool. Меняйте для них прозрачность, как обозначено на картинке.

Иконка почты

Шаг 10

Теперь нарисуйте липкие полосы для конверта — там где он обычно держиться на клею. Для этого используйте инструмент Pen Tool.

Иконка почты

Шаг 11

Добавим немного шума — Filter — Noise — Add Noise.

Иконка почты

Иконка почты

Шаг 12

Теперь нарисуем элементы которые будут лежать внутри конверта и немного из него как-бы выглядывать. Создайте новый слой и с помощью Polygonal Lasso Tool сделайте выделение в форме фигурки прямоугольника, залейте белым цветом. Мягкой большой черной кистью подрисуйте тень в нижней части.

Иконка почты

Шаг 13

Добавьте еще фигуру используя инструмент Custom Shape Tool — в наборе есть множество фигур. Выберите фигуру в форме пазла.

Иконка почты

Не нужную часть сотрите.

Иконка почты

Шаг 14

Добавьте еще фигуру в форме лупы, точно также как только что добавляли предыдущую. Примените для нее стиль Gradient Overlay.

Иконка почты

Шаг 15

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

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

Иконка почты

Шаг 16

Добавьте фигуру кинопленки. С этим не должно возникнуть сложностей.

Иконка почты

Шаг 17

Следующая фигура — ручка. Добавьте ее как фигуру — либо из стандартного набора фотошопа, либо скачайте нужную в интернете. Цвет используйте #ff7000

Иконка почты

Шаг 18

Дорисуйте делати ручки как показано на рисунке.

Иконка почты

Шаг 19

С помощью Polygonal Lasso Tool создайте выделения как на рисунки. Добавьте на каждое выделение легкие белые градиенты. Нынче модно, чтобы иконки выглядели пластиковыми.

Иконка почты

Шаг 20

В заключение можно поиграть с яркостью и контрастом. Для этого используйте функцию — Image — Adjustments — Brightness/Contrast

Иконка почты

Иконка почты

Результат

Иконка почты

Автор перевода — Евгений Червонцев

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *