Рисование иконки конверта

9 августа 2013 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоте. Включите сетку (View → Show → Grid) и привязку к ней (View → Snap To → Grid). Для начала нам нужна 5-пиксельная сетка (расстояние между линиями). Перейдите в меню Edit → Preferences → Guides, Grid & Slices. Настройте сетку, как показано на скриншоте.

Шаг 2

Выберите инструмент Rounded Rectangle Tool (U) и создайте прямоугольник размером 240х150 пикселей цветом #ddf1ff. Привязка к сетке должна упростить работу. Назовите слой «main».

Шаг 3

Сейчас нам нужно создать узор. Создайте новый документ (Ctrl + N) размером 10х20 пикселей портретной ориентации. Выберите инструмент Rectangle Tool (U) и создайте квадрат размером 10х10 пикселей. Выберите инструмент Direct Selection Tool (A) и поднимите правые угловые точки квадрата на 5 пикселей. После этого перейдите в меню Edit → Define Pattern и назовите узор «envelopePattern». Закройте файл узора и вернитесь к основному.

Шаг 4

Создайте копию слоя «main» (Ctrl + J) и выберите инструмент Rectangle Tool (U). На верхней панели включите режим пересечения фигур и создайте прямоугольник размером 10х150 пикселей на левом крае.

Кликните дважды на полученной фигуре, чтобы открыть окно стилей. Примените стили, показанные ниже. Как всё будет сделано, кликните правой кнпокой мыши на стилях в палитре слоёв и выберите пункт Copy Layer Style.

Шаг 5

Создайте ещё одну копию слоя «main» и создайте полоску размером 10х150 пикселей на правой стороне прямоугольника. Кликните на слое с полученной фигурой правой кнопкой мыши и выберите пункт Paste Layer Style. Вам останется только изменить угол тени.

Шаг 6

Создайте копию слоя «main» и вынесите её на передний план (Ctrl + Shift + ]). Кликните дважды на цветовой миниатюре слоя и измените цвет на #ed4505.

Шаг 7

Выберите инструмент Rectangle Tool (U) в том же режиме пересечения. Создайте прямоугольник размером 260х100 пикселей. Выберите инструмент Delete Anchor Point и кликните на правой верхней точке, чтобы удалить её. Затем выберите инструмент Direct Selection Tool (A) и сдвиньте левую верхнюю точку вправо на 130 пикселей. Должна получиться треугольная форма.

Шаг 8

Примените несколько стилей:

Шаг 9

Создайте копию треугольной формы (Ctrl + J), кликните на ней правой кнопкой мыши и выберите пункт Clear Layer Style. Понизьте Fill (заливку) до 0% и примените другие стили:

Шаг 10

Создайте ещё одну копию слоя «main» и поднимите её на самый верх палитра слоёв (Ctrl + Shift + ]). Измените цвет прямоугольник на #b40007.

Шаг 11

Инструментом Rectangle Tool (U) создайте фигуру размером 260х95 пикселей в верхней части конверта. Удалите правую нижнюю точку и сдвиньте левую вправо на 130 пикселей.

Шаг 12

Сейчас нам понадобится 1-пиксельая сетка. Перейдите в меню Edit → Preferences → Guides, Grid & Slices и введите цифру 1 в поле Gridline Every. Выберите инструмент Rectangle Tool (U), включите режим вычитания из фигуры и создайте прямоугольник размером 8х3 пикселя поверх нижнего острия красного треугольника.

Выберите инструмент Ellipse Tool (U) и создайте круг диаметром 14 пикселей, чтобы закруглить нижнюю часть треугольника.

Шаг 13

Примените следующие стили:

Шаг 14

Создайте копию верхнего треугольника, удалите с неё стили, понизьте заливку до 0% и примените другие стили:

Шаг 15

Снова верните 5-пиксельную сетку. Выберите инструмент Rectangle Tool (U) и создайте прямоугольник размером 210х80 пикселей. Удалите нижнюю правую точку и сдвиньте левую на 105 пикселей вправо.

Шаг 16

Опустите чёрный треугольник под предыдущий верхний треугольник конверта. Кликните на нём правой кнопкой мыши и выберите пункт Convert to Smart Object. Установите режим наложения слоя на Linear Light и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 4 пикселя.

Шаг 17

Откройте мятую бумагу в Фотошопе. Обесцветьте её (Ctrl + Shift + U) и сохраните как узор (Edit → Define Pattern). Назовите узор «paper» и закройте документ.

Шаг 18

Создайте копию слоя «main» и вынесите её на передний план (Ctrl + Shift + ]). Понизьте заливку до 0% и примените стиль Pattern Overlay.

Шаг 19

Создайте новый слой (Ctrl + Shift + Alt + N) поверх всех слоёв, выберите мягкую кисть размером 50 пикселей и обрисуйте нижний край конверта чёрным цветом.

Шаг 20

Выделите слой «main» (удерживая Ctrl, кликните на миниатюре слоя). Выберите слой с чёрной полосой и добавьте к нему маску. Часть чёрного цвета за пределами конверта будет скрыта.

Уберите выделение (Ctrl + D), понизьте непрозрачность слоя до 30% и установите режим наложения на Soft Light.

Шаг 21

Создайте ещё один слой поверх остальных. Белой кистью обрисуйте верхний край конверта.

Шаг 22

Снова выделите слой «main» и скройте часть белой заливки за пределами конверта. Понизьте непрозрачность слоя до 70% и установите режим наложения на Soft Light.

Шаг 23

К слою «main» примените стиль Drop Shadow:

Шаг 24

Создайте копию слоя «main» и измените настройки стиля тени.

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта www.photoshopstar.com, автор перевода указан в начале урока.