Иконка почты

04.12.2012

320

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

Шаг 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 создайте выделения как на рисунки. Добавьте на каждое выделение легкие белые градиенты. Нынче модно, чтобы иконки выглядели пластиковыми.