Нарисовать конверт в фотошопе. Создаем иконку конверта в Photoshop

Этот урок по фотошопу описывает процесс создания простой иллюстрации почтового конверта.

Законченное изображение

Детали урока
Использованное ПО: Adobe Photoshop CS5
Примерное время выполнения: 45 минут
Сложность: для начинающих/средняя

Шаг 1
Создайте новый документ: Control + N. Введите параметры, представленные на скриншоте ниже, и нажмите OK. Включите отображение сетки: Просмотр > Показать > Сетку (View > Show > Grid) и Привязку к сетке: Просмотр > Привязка к… > Сетке (View > Snap To > Grid). Вам понадобится сетка ячейками в 5 пикселей. Пройдите в меню Редактирование > Установки > Направляющие, Сетка и Фрагменты (Edit > Preferences > Guides, Grid & Slices). Обратите внимание на раздел Сетка (Grid). Введите величину 5 в поле Линия через каждые… (Gridline Every) и величину 1 в поле Внутреннее деление на… (Subdivision). Также установите цвет сетки: #a7a7a7. Задав все эти параметры, нажмите OK. Пусть вас не смущает покрывшая холст сетка. В конце концов она значительно упростит вам работу. Кроме того, вам необходимо отобразить еще и панель информации: Окно > Инфо (Window > Info), чтобы в реальном режиме времени отслеживать положение и размер ваших фигур.

Шаг 2
Установите Основным цветом (foreground color) - #ddf1ff и выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool). Установите Радиус – 10 пикселей и начертите фигуру размером 240x150 пикселей. Режим привязки к сетке облегчит вам работу. Назовите слой с этой голубой фигурой “Основа”.

Шаг 3
Далее нам предстоит создать простой узор. Нажмите Control + N, чтобы открыть новый документ. В поле Ширина (Width) введите 10, а в поле Высота (Height) – 20, после чего нажмите OK. Установите Основным цветом (Foreground color) – черный, выберите инструмент Прямоугольник (Rectangle Tool) и начертите 10-пиксельный квадрат, расположив его, как показано на первом изображении. При этой активной векторной фигуре переключитесь на инструмент Стрелка (Direct selection Tool). Выделите две опорные анкерные точки, показанные на втором изображении ниже, и просто переместите их на 5 пикселей вверх. Теперь снимите, сделав эту черную векторную фигуру неактивной, пройдите в меню Редактирование > Определить узор (Edit > Define Pattern). Введите название “Узор конверта”, и нажмите OK. Сохраните и закройте этот документ и вернитесь к своему соновному.

Шаг 4
Продублируйте слой с Основой (Control + J). Выделите копию и выберите инструмент Прямоугольник (Rectangle Tool). На панели опций в верхней части окна программы выберите режим Область пересечения фигур (Intersect) и начертите фигуру с размерами 10x150 пикселей, как показано ниже.
Двойным кликом по слою с векторной фигурой на палитре слоев откройте окно параметров наложения. Примените стили слоя Тень (Drop Shadow) и Наложение узора (Pattern Overlay), с настройками, приведенными на изображениях ниже. В разделе Наложение узора (Pattern Overlay) укажите узор, созданный на предыдущем шаге.
После того, как вы примените все эти стили, кликните ПКМ на вашей, покрытой узором векторной фигуре и, в открывшемся контекстном меню, выберите пункт Копировать стиль слоя (Copy Layer Style).





Шаг 5
Продублируйте слой с Основой еще раз. Выделите копию и выберите инструмент Прямоугольник (Rectangle Tool). Убедитесь, что на панели опций в верхней части окна программы по-прежнему активен режим Области пересечения фигур (Intersect) и начертите фигуру с размерами 10x150 пикселей, как показано на первом изображении ниже.
Теперь кликните ПКМ по слою с этой фигурой на палитре слоев, и, в открывшемся контекстном меню, выберите пункт Вклеить стили слоя (Paste Layer Style). Откройте окно стиле слоя для этой же фигуры, и в разделе Тень (Drop Shadow) просто инвертируйте значение Угла (Angle).


Шаг 6
Продублируйте слой с Основой (Control + J), выделите копию и переместите ее на задний план (Shift + Control + ]).
Дважды кликните на палитре слоев по цветной иконке на слою с только что созданной копией, и замените голубой цвет на #ed4505.

Шаг 7
Убедитесь, что активным является слой с оранжевым скругленным прямоугольником и выберите инструмент Прямоугольник (Rectangle Tool). На панели опций в верхней части окна программы активируйте режим Область пересечения фигур, и начертите векторную фигуру размером 260x100 пикселей, как показано на первом изображении ниже.
Теперь выберите инструмент Перо (удалить опорную точку) - Delete Anchor Point. Просто кликните по правой опорной точке, чтобы удалить ее и переключитесь на инструмент Стрелка (Direct selection Tool). Выделите оставшуюся верхнюю опорную точку, и сместите ее на 130 пикселей вправо. В результате у вас должно получиться нечто похожее на второе изображение, приведенное ниже.

Шаг 8
Откройте окно стилей слоя для оранжевой векторной фигуры и примените установки, приведенные на изображениях ниже.






Шаг 9
Продублируйте оранжевую фигуру. Кликните ПКМ по копии фигуры на палитре слоев, и, в открывшемся контекстном меню, выберите пункт Очистить стили слоя (Clear Layer Style). Убедитесь, что эта копия по-прежнему активна, уменьшите ее Заливку (Fill) до 0%, после чего откройте окно стилей слоя и примените установки, показанные ниже.





Шаг 10
Продублируйте слой Основа (Control + J), выделите копию и переместите ее на передний план (Shift + Control + ]). Теперь замените ее синий цвет на #b40007.

Шаг 11
При активном слое с только что созданным бордовым скругленным прямоугольником, выберите инструмент Прямоугольник (Rectangle Tool). На панели опций в верхней части окна программы активируйте режим Область пересечения фигур (Intersect) и начертите векторную фигуру размером 260x95 пикселей, как показано на первом изображении ниже.
Теперь выберите инструмент Перо (удалить опорную точку) - Delete Anchor Point. Просто кликните по правой опорной точке, чтобы удалить ее и переключитесь на инструмент Стрелка (Direct selection Tool). Выделите оставшуюся нижнюю опорную точку, и сместите ее на 130 пикселей вправо. В результате у вас должно получиться нечто похожее на второе изображение, приведенное ниже.

Шаг 12
Для выполнения следующих шагов нам понадобится сетка с величиной ячейки 1 пиксель. Пройдите в меню Редактирование > Установки > Направляющие, Сетка и Фрагменты (Edit > Preferences > Guides, Grid & Slices). Обратите внимание на раздел Сетка (Grid). Введите величину 1 в поле Линия через каждые… (Gridline Every).
Далее, при активном слое с бордовой векторной фигурой, выберите инструмент Прямоугольник (Rectangle Tool). На панели опций в верхней части окна программы выберите Вычесть из области фигуры переднюю фигуру (Subtract) и начертите векторную фигуру размером 8x13 пикселей, как показано на первом изображении ниже.
Переключитесь на инструмент Эллипс (Ellipse Tool). На панели опций в верхней части окна программы активируйте Добавить к области фигуры (Add) и начертите 14-пиксельный круг, как показано на втором изображении ниже.

Шаг 13
Откройте окно стилей слоя для бордовой векторной фигуры и примените установки, приведенные на изображения ниже.





Шаг 14
Продублируйте бордовую слой-фигуру. Выделите копию и очистите имеющиеся здесь стили слоя. Уменьшите Заливку (Fill) этого слоя до 0%, откройте окно стилей слоя и введите параметры, приведенные на следующих изображениях.





Шаг 15
Для выполнения следующих шагов нам понадобится сетка с ценой деления 5 пикселей. Пройдите в меню Редактирование > Установки > Направляющие, Сетка и Фрагменты (Edit > Preferences > Guides, Grid & Slices). Обратите внимание на раздел Сетка (Grid). Введите величину 5 в поле Линия через каждые… (Gridline Every).
Установите Основным цветом (Foreground color) – черный, выберите инструмент Прямоугольник (Rectangle Tool) и начертите векторную фигуру размером 210x80 пикселей, расположив ее, как показано на первом изображении ниже.
Теперь выберите инструмент Перо (удалить опорную точку) - Delete Anchor Point. Просто кликните по правой опорной точке, чтобы удалить ее и переключитесь на инструмент Стрелка (Direct selection Tool). Выделите оставшуюся нижнюю опорную точку, и сместите ее на 105 пикселей вправо. В результате у вас должно получиться нечто похожее на второе изображение, приведенное ниже.

Шаг 16
Выделите на палитре слоев черную векторную фигуру, и сместите ее под ранее созданные бордовые.
Кликните по слою с черной векторной фигурой ПКМ, и, в открывшемся контекстном меню, выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Измените Режим наложения (Blend mode) этого смарт-объекта на Мягкий свет (Soft Light) и пройдите в меню Фильтр > Размытие > Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur). Задайте величину 4 пикселя и нажмите OK.

Шаг 17
Далее, мы создадим простой узор на основе бумажной текстуры. Откройте в фотошопе изображение с бумажной текстурой, пройдите в меню Изображение > Коррекция > Обесцветить (Image > Adjustments > Desaturate) а затем – в меню Редактирование > Определить узор (Edit > Define Pattern). Присвой этому узору имя “Бумага” и нажмите OK. Сохраните и закройте этот документ. Вернитесь к своему основному документу.

Шаг 18
Продублируйте слой с Основой еще раз, выделите копию и переместите ее на передний план (Shift + Control + ]). Уменьшите Заливку (Fill) этого слоя до 0% и откройте окно стилей слоя. Откройте раздел Наложение градиента (Gradient Overlay) и задайте установки, приведенные на изображении ниже. Конечно же в качестве узора следует указать узор, созданный на предыдущем шаге.


Шаг 19
Создайте новый слой (Shift + Control + Alt + N), расположите его поверх всех существующих слоев. Установите Основным цветом (Foreground color) – черный, выберите инструмент Кисть (Brush tool), и кликните по холсту ПКМ, чтобы открыть выбора кистей. Выберите мягкую круглую кисть, задайте размер 50 пикселей и Жесткость (Hardness) – 0%. Нарисуйте с помощью этой кисти произвольный контур в нижней части вашего конверта, как показано на изображении ниже.

Шаг 20
Удерживая Ctrl, по слою с Основой на палитре слоев. В результате будет загружена выделенная область, включающая конверт. При активной выделенной области, выделите слой, созданный на предыдущем шаге и, кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте слоя слой-маску. В результате у вас должно получиться нечто похожее на второе изображение, представленное ниже.
Снимите выделение (Control + D), убедитесь, что активным является замаскированный слой, уменьшите его Непрозрачность (Opacity) до 30% и измените режим наложения на Мягкий свет (Soft Light).

Шаг 21
Создайте новый слой (Shift + Control + Alt + N), расположите его поверх всех существующих слоев. Установите Основным цветом (Foreground color) – белый, выберите инструмент Кисть (Brush tool). Нарисуйте с помощью этой кисти произвольный контур в верхней части вашего конверта, как показано на изображении ниже.

Шаг 22
Загрузите новую выделенную область, включающую слой с Основой, и используйте ее, чтобы замаскировать слой, созданный на предыдущем шаге.
Снимите выделение (Control + D), убедитесь, что активным является только что созданный замаскированный слой, уменьшите его Непрозрачность (Opacity) до 70% и установите его в Режим наложения (Blend mode) – Мягкий свет (Soft Light).

Шаг 23
Откройте для слоя с основой окно настроек стилей слоя и введите параметры, приведенные ниже:


Шаг 24
Продублируйте слой с Основой (Control + J). Откройте окно стилей слоя для созданной копии и измените параметры в разделе Тень (Drop Shadow) следующим образом:


Вот мы и закончили!

Шаг 1. Создайте новый документ 512x512 пикселей с белым или прозрачным фоновым слоем. Залейте фоновый слой серым (9D9D9D). Создайте вертикальную и горизонтальную направляющие для удобства.

Шаг 2. Создайте новый слой и назовите его “envelope”. Выберете инструмент Rectangular Marquee Tool (M) (прямоугольное выделение) и на новом слое создайте и залейте выделение белым. Назовите новый слой “body”.

Шаг 3. Дважды кликните на новом слое (в палитре слоев) и примените к нему “Gradient Overlay” (заливка градиентом). Настройки показаны на рисунке.

Шаг 4. Создайте новый слой и назовите его “pattern”. Используя инструмент Rectangular Marquee Tool (прямоугольное выделение), заливайте выделения по очереди цветами #6092BD и #E84141. Убедитесь, что расстояние между всеми прямоугольниками одинаковое.

Шаг 5. Переместите полоски к левому краю конверта. Выполните команду Edit > Transform > Skew (редактировать > трансформирование > скос) и «скосите» полоски так, как показано на рисунка. Ту часть, которая вышла за пределы конверта, удалите при помощи инструмента Eraser Tool (ластик).

Шаг 6. Создайте новый слой и назовите его “shade”. Зажмите CTRL и кликните по слою “body”, чтобы выделить его содержимое. Примените черно-белый градиент от левого края конверта до середины полос (примерно). Измените режим наложения слоя на Multiply (Умножение) и уменьшите его непрозрачность (Opacity) до 30%.

Шаг 7. Сейчас нужно создать такие же полосы для правого края конверта. Для этого дублируйте слой “pattern” (CTRL+J), выполните команду Edit > Transform > Flip Horizontal (Редактировать > Трансформирование > Отразить по горизонтали) и переместите его в правый край конверта. То же самое проделайте со слоем “shade”.

Шаг 8. Выберите инструмент Pen (Перо) и создайте фигуру как показано ниже. Назовите новый слой “lower”

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

Шаг 9. Примените к слою “lower” следующие стили:

Шаг 10. Сделайте копию слоя “pattern” и расположите его выше слоя “lower” (в палитре слоев). Выполните команду Edit > Transform > Rotate 90 deg CCW (Редактировать > Трансформирование > Повернуть на 90 0 против часовой стрелки). Затем поместите полосы так, как показано на рисунке.

Сотрите незаконченные секции полосок, используя инструмент Eraser (Ластик). Выберите инструмент Polygonal Lasso (Полигональное лассо) и выделите полную полоску. Затем щелкните на выделении правой кнопкой мыши и выберите Layer via copy (скопировать на новый слой). Переместите полученную полоску вправо.

Шаг 11. Выделите содержимое слоя “lower” и на новом слое залейте выделение черно-белым градиентом как в шаге 6. После этого смените режим наложения на Multiply (Умножение) и измените непрозрачность (Opacity) до 50%

Шаг 12 . Создайте новый слой и расположите под слоем “lower”. Выделите содержимое слоя “lower” и залейте выделение черным. Нажмите CTRL + T и измените высоту до 102%. Теперь выполните команду Filter > Blur > Gaussian Blur (Фильтры > Размытие > Размытие по Гауссу) с радиусом 0,7 пикселей. Уменьшите непрозрачность до 40%. Удалите часть тени, которая вышла за пределы конверта.

Шаг 13. Используя инструмент Pen (Перо) создайте фигуру, изображенную на рисунке. Новый слой назовите upper.

Шаг 14. Добавьте этому слою следующие стили:

Шаг 15. Чтобы добавить тень, повторите шаги 11 и 12, но с некоторыми изменениями. В шаге 11 измените непрозрачность до 10%, а в 12 - высоту до 103%, радиус размытия до 1,2 пикселей и непрозрачность до 70%.
Вы должны получить что-то, похожее на это:

Шаг 16. Теперь нужно добавить тень внизу конверта. Для этого создайте черный прямоугольник и примените к нему следующие фильтры:
Filter > Blur > Gaussian Blur (Фильтры> Размытие > Размытие по Гауссу) с радиусом 2,0 пикселя
Filter > Blur > Motion Blur (Фильтры > Размытие > Размытие в движении) с дистанцией 20 пикселей

Наш конверт готов. Осталось добавить к нему штамп. Множество штампов Вы можете найти в Интернете, но можете сделать сами. Для этого проделайте следующие шаги.

Шаг 17. Создайте новый документ 180x180 пикселей с белым фоновым слоем. Создайте новый слой и назовите его “shape”. Создайте круг любого цвета. Измените его заливку (Fill) на 0%. И задайте ему параметр Stroke (Обводка).

Шаг 18. Дублируйте слой “shape” и уменьшите круг наполовину.

Шаг 19. Выделите содержимое копии слоя “shape”. Перейдите на вкладку «контуры» (Paths) и нажмите на кнопку Make work path from selection (Создать рабочий контур из выделения).

Выберите инструмент Type Tool (текст), подведите курсор к краю контура. Когда курсор изменит свой вид, нажмите на контур и напишите что-нибудь. Текст будет располагаться вокруг контура. Для завершения штампа добавьте какой-нибудь логотип в центр круга.

Шаг 20. Сделайте фоновый слой невидимым. Нажмите сочетание клавиш CTRL + SHIFT + E для того, чтобы объединить все видимые слои в один.
Выберите только что объединенный слой и выполните команду Layer > Add layer mask > reveal all . Теперь откройте это изображение (рис. Image 1) и поместите его поверх штампа. Назовите новый слой fade. Выделите содержимое слоя fade и выполните команду Select > Color Range (Выделение > Цветовой диапазон) (настройки показаны на рисунке). После этого белая часть изображения выделится. Не отменяя выделения, сделайте слой fade невидимым, щелкните правой кнопкой мыши на символе маски слоя “stamp” и выберите Apply Layer Mask (применить маску).

Шаг 21. Переместите штамп в документ с конвертом поверх всех слоев. Уменьшите непрозрачность до 35%.

Шаг 22. Выделите содержимое слоя upper (активным оставаться должен слой со штампом), щелкните на выделении правой кнопкой мыши и выберите пункт Layer Via Cut (Вырезать на новый слой). Уменьшите непрозрачность получившегося слоя до 30%. Удалите фоновый слой и сохраните файл в формате PNG.

В этом уроке Вы узнаете, как нарисовать иконку с конвертом.

Шаг 1. Создайте новый документ 512×512 пикселей с белым или прозрачным фоновым слоем. Залейте фоновый слой серым (9D9D9D). Создайте вертикальную и горизонтальную направляющие для удобства.

Шаг 2. Создайте новый слой и назовите его “envelope”. Выберете инструмент Rectangular Marquee Tool (M) (прямоугольное выделение) и на новом слое создайте и залейте выделение белым. Назовите новый слой “body”.

Шаг 3. Дважды кликните на новом слое (в палитре слоев) и примените к нему “Gradient Overlay” (заливка градиентом). Настройки показаны на рисунке.

Шаг 4. Создайте новый слой и назовите его “pattern”. Используя инструмент Rectangular Marquee Tool (прямоугольное выделение), заливайте выделения по очереди цветами #6092BD и #E84141. Убедитесь, что расстояние между всеми прямоугольниками одинаковое.

Шаг 5. Переместите полоски к левому краю конверта. Выполните команду Edit > Transform > Skew (редактировать > трансформирование > скос) и «скосите» полоски так, как показано на рисунка. Ту часть, которая вышла за пределы конверта, удалите при помощи инструмента Eraser Tool (ластик).

Шаг 6. Создайте новый слой и назовите его “shade”. Зажмите CTRL и кликните по слою “body”, чтобы выделить его содержимое. Примените черно-белый градиент от левого края конверта до середины полос (примерно). Измените режим наложения слоя на Multiply (Умножение) и уменьшите его непрозрачность (Opacity) до 30%.

Шаг 7. Сейчас нужно создать такие же полосы для правого края конверта. Для этого дублируйте слой “pattern” (CTRL+J), выполните команду Edit > Transform > Flip Horizontal (Редактировать > Трансформирование > Отразить по горизонтали) и переместите его в правый край конверта. То же самое проделайте со слоем “shade”.

Шаг 8. Выберите инструмент Pen (Перо) и создайте фигуру как показано ниже. Назовите новый слой “lower”

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

Шаг 9. Примените к слою “lower” следующие стили:

Шаг 10. Сделайте копию слоя “pattern” и расположите его выше слоя “lower” (в палитре слоев). Выполните команду Edit > Transform > Rotate 90 deg CCW (Редактировать > Трансформирование > Повернуть на 900 против часовой стрелки). Затем поместите полосы так, как показано на рисунке.

Сотрите незаконченные секции полосок, используя инструмент Eraser (Ластик). Выберите инструмент Polygonal Lasso (Полигональное лассо) и выделите полную полоску. Затем щелкните на выделении правой кнопкой мыши и выберите Layer via copy (скопировать на новый слой). Переместите полученную полоску вправо.

Шаг 11. Выделите содержимое слоя “lower” и на новом слое залейте выделение черно-белым градиентом как в шаге 6. После этого смените режим наложения на Multiply (Умножение) и измените непрозрачность (Opacity) до 50%

Шаг 12 . Создайте новый слой и расположите под слоем “lower”. Выделите содержимое слоя “lower” и залейте выделение черным. Нажмите CTRL + T и измените высоту до 102%. Теперь выполните команду Filter > Blur > Gaussian Blur (Фильтры > Размытие > Размытие по Гауссу) с радиусом 0,7 пикселей. Уменьшите непрозрачность до 40%. Удалите часть тени, которая вышла за пределы конверта.

Шаг 13. Используя инструмент Pen (Перо) создайте фигуру, изображенную на рисунке. Новый слой назовите upper.

Шаг 14. Добавьте этому слою следующие стили:

Шаг 15. Чтобы добавить тень, повторите шаги 11 и 12, но с некоторыми изменениями. В шаге 11 измените непрозрачность до 10%, а в 12 – высоту до 103%, радиус размытия до 1,2 пикселей и непрозрачность до 70%.
Вы должны получить что-то, похожее на это:

Шаг 16. Теперь нужно добавить тень внизу конверта. Для этого создайте черный прямоугольник и примените к нему следующие фильтры:
Filter > Blur > Gaussian Blur (Фильтры> Размытие > Размытие по Гауссу) с радиусом 2,0 пикселя
Filter > Blur > Motion Blur (Фильтры > Размытие > Размытие в движении) с дистанцией 20 пикселей

Наш конверт готов. Осталось добавить к нему штамп. Множество штампов Вы можете найти в Интернете, но можете сделать сами. Для этого проделайте следующие шаги.

Шаг 17. Создайте новый документ 180×180 пикселей с белым фоновым слоем. Создайте новый слой и назовите его “shape”. Создайте круг любого цвета. Измените его заливку (Fill) на 0%. И задайте ему параметр Stroke (Обводка).

Шаг 18. Дублируйте слой “shape” и уменьшите круг наполовину.

Шаг 19. Выделите содержимое копии слоя “shape”. Перейдите на вкладку «контуры» (Paths) и нажмите на кнопку Make work path from selection (Создать рабочий контур из выделения).

Выберите инструмент Type Tool (текст), подведите курсор к краю контура. Когда курсор изменит свой вид, нажмите на контур и напишите что-нибудь. Текст будет располагаться вокруг контура. Для завершения штампа добавьте какой-нибудь логотип в центр круга.

Шаг 20. Сделайте фоновый слой невидимым. Нажмите сочетание клавиш CTRL + SHIFT + E для того, чтобы объединить все видимые слои в один.
Выберите только что объединенный слой и выполните команду Layer > Add layer mask > reveal all . Теперь откройте это изображение () и поместите его поверх штампа. Назовите новый слой fade. Выделите содержимое слоя fade и выполните команду Select > Color Range (Выделение > Цветовой диапазон) (настройки показаны на рисунке). После этого белая часть изображения выделится. Не отменяя выделения, сделайте слой fade невидимым, щелкните правой кнопкой мыши на символе маски слоя “stamp” и выберитеApply Layer Mask (применить маску).

Шаг 21. Переместите штамп в документ с конвертом поверх всех слоев. Уменьшите непрозрачность до 35%.

Шаг 22. Выделите содержимое слоя upper (активным оставаться должен слой со штампом), щелкните на выделении правой кнопкой мыши и выберите пункт Layer Via Cut (Вырезать на новый слой). Уменьшите непрозрачность получившегося слоя до 30%. Удалите фоновый слой и сохраните файл в формате PNG.

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

Конверт в фотошопе

1. Начнём с создания нового изображения размером 500x500 px, а фон пока зальём белым цветом. Пока — потому что сначала мы создадим все элементы, из которых будет состоять конверт, т.е. начнём с создания формы, а затем раскрасим его, применив эффекты. В связи с этим создаваемые фигуры могут быть любого цвета и я не буду оговаривать его дополнительно. Для наглядности в качестве цвета будем задавать фигурам различные оттенки серого.

Итак, нарисуем прямоугольник при помощи инструмента Rectangle Tool (Прямоугольник), примерно как на картинке:

2. Выберите инструмент Polygon Tool (Многоугольник), с числом сторон равным трем (Sides в панели свойств).

Нарисуйте треугольник, у которого нижняя сторона будет расположена горизонтально, для этого удерживайте клавишу Shift и вращайте его до тех пор, пока он не займет нужное положение:

3. Теперь трансформируем треугольник (Edit —> Free Transform Path (Правка —> Свободное трансформирование)) так, чтобы нижние его углы совпадали с нижними углами прямоугольника, а вершина располагалась чуть выше середины прямоугольника:

4. Инструментом Add Anchor Point Tool (Добавить опорную точку) поставьте четыре дополнительных точки на боковых сторонах треугольника (по две на каждой) как на рисунке:

5. Инструментом Convert Point Tool (Преобразовать опорную точку) сделаем вершину треугольника сглаженной, для этого нужно нажать левую кнопку мыши на опорной точке и немного потянуть в сторону — появятся направляющие линии и вершина станет сглаженной:

6. Инструментом Direct Selection Tool (Непосредственное выделение) выделите эту опорную точку и сдвиньте её немного вниз (можно мышью, а можно нажимая кнопку «вниз» на клавиатуре) до получения, закругленности, похожей на представленную ниже:

Для дальнейшей работы нам понадобятся два экземпляра получившейся фигуры, поэтому сделайте её копию, щелкнув правой клавишей мыши на изображении фигуры в панели слоёв Layers и выбрав в появившемся меню пункт Duplicate Layer (Дублировать слой). Полученную копию слоя пока можно скрыть, нажав на иконку глаза соответствующую слою в панели слоев.

7. Возвращаемся к нашему измененному треугольнику. Следующим шагом будет выделение нескольких опорных точек инструментом Direct Selection Tool (Непосредственное выделение). Держа нажатой клавишу Shift , щёлкните последовательно по всем точкам кроме двух нижних, при этом выделенные точки становятся тёмными:

Теперь нужно сместить выделенные опорные точки на несколько (а конкретно на 6) пикселей вверх (проще всего это сделать, нажав кнопку «вверх» на клавиатуре соответствующее количество раз). Если посмотреть поближе на нижние углы нашей фигуры, тогда будет видно, что нижние дополнительные опорные точки сглажены:

8. Оставить их такими или сделать острыми — дело вкуса. Я преобразовал точки в острые щелкнув по ним инструментом Convert Point Tool (Преобразовать опорную точку):

9. Самая сложная в этом уроке фигура закончена, теперь мы будем пользоваться её копиями. Дублируйте полученный слой (клик правой клавишей мыши на названии слоя, там выбирайте пункт Duplicate Layer (Дублировать слой) и поместите копию в верхнюю часть будущего конверта:

10. Вот теперь нам и понадобится копия фигуры, предусмотрительно спрятанная нами в пункте 6. Сделайте её видимой и разместите поверх «клапана» конверта:

11. Уменьшим эту фигуру (Edit —> Free Transform Path (Правка —> Свободное трансформирование)) как показано на рисунке ниже:

12. Вернёмся к фигуре, расположенной в нижней части конверта. Сделайте ещё одну её копию, продублировав слой. Развернём фигуру на 90 градусов против часовой стрелки (Edit —> Transform Path —> Rotate 90 CCW ):

13. Измените форму фигуры (Edit —> Free Transform Path (Правка —> Свободное трансформирование)) и разместите её как показано на рисунке:

14. Дублируйте полученную фигуру, а затем отразите её горизонтально (Edit —> Transform Path —> Flip Horizontal ) и разместите с левой стороны:

15. Осталось только поменять порядок слоёв и разместить их так, чтобы основная часть конверта (лицевая его сторона) вместе с клапаном (состоящим из двух фигур) размещались в панели слоев ниже, чем боковые стороны, а слой с нижней частью конверта был выше всех остальных:

Форма конверта готова. Можно в этот конверт что-нибудь вложить. Пусть это будет карточка с неким текстом.

16. Создайте прямоугольник при помощи инструмента Rectangle Tool (Прямоугольник):

17. Добавьте текст и преобразуйте его в векторные фигуры (клик правой клавишей мыши на названии слоя с текстом, там выберите Convert to Shape (Конвертировать в форму)). После такой операции мы не сможем просто поменять текст, так как теперь он состоит из векторных форм в виде букв, зато в таком виде его можно трансформировать наравне с другими фигурами:

18. Выделите слои с карточкой и текстом в панели слоев, удерживая клавишу Ctrl . Немного поверните их (Edit —> Transform —> Rotate (Правка —> Трансформация —> Поворот)):

И разместите слои ниже правой, левой и нижней сторон конверта (фигуры 2,5,6 на рисунке ниже). Цифровые обозначения для фигур (по порядку создания) введены для того, чтобы не запутаться в слоях при применении эффектов, чем мы сейчас и займёмся, но прежде сделаем еще кое-что:

19. В панели слоёв выделите три слоя с фигурами 2, 5, 6 (удерживайте Ctrl при выделении) и дублируйте их (клик правой клавишей мыши на названии одного из выделенных слоёв, там выберите Duplicate Layers... (Дублировать слои) и соглашаемся нажатием на кнопку Ok . Цвет трёх фигур, являющихся копиями, поменяйте на чёрный. В результате должно получиться вот так:

А в панели слоёв у нас такая картина:

20. Выделите три слоя с копиями и объедините их (клик правой клавишей мыши на названии одного из выделенных слоев, там выбираем Merge Layers (Объединить слои)). Полученный растровый слой поместите ниже слоев с фигурами 2, 5, 6.

21. Размоем этот слой, применив фильтр: Filter —> Blur —> Motion Blur (Фильтр —> Размытие —> Размытие в движении) со следующими параметрами:

Затем сдвиньте слой на 3..4 пикселя вверх и установите непрозрачность слоя примерно на 25% (Opacity (Непрозрачность)) в верхней части панели слоев Layers ).

Сделали мы так, чтобы получить имитацию тени от трех фигур сразу, при чём тень нам нужна только в верхней открытой части конверта. К тени мы ещё вернемся, а пока переходим к эффектам...

22. Выберите в панели слоёв слой с фигурой №1. Сделаем двойной клик правой клавишей мыши по свободному месту справа от изображения слоя в панели слоёв и в появившемся окне Layer Style (Эффект слоя) выбираем пункт Gradient Overlay (Наложение градиента). Выставляем там следующие параметры:

Подтверждаем изменения нажатием на кнопку Ok и переходим к следующему слою...

23. Для слоя с фигурой №2 задайте следующие параметры в пункте Gradient Overlay (Наложение градиента):

В пункте Stroke (Штрих):

Точно такие же параметры в пункте Stroke будут применяться к слоям с фигурами 3, 5 и 6. Для них я в дальнейшем буду просто указывать толщину и цвет...

24. Для слоя с фигурой №3 задайте следующие параметры в пункте Gradient Overlay (Наложение градиента):

В пункте Stroke Size: 1px , Color: #878787 .

25. Для слоя с фигурой №4 параметры в пункте Gradient Overlay (Наложение градиента) будут следующими:

26. Для слоев с фигурами №5 и №6 задайте следующие параметры в пункте Gradient Overlay (Наложение градиента):

И в пункте Stroke (Штрих) установите параметры Size: 1px , Color: #878787 .

27. Для слоя с фигурой №7 установите следующие параметры в пункте Drop Shadow (Отбросить тень):

В пункте Gradient Overlay (Наложение градиента):

В пункте Stroke (Штрих) установите параметры:

28. К слою (слоям) с текстом примените следующие параметры в пункте Gradient Overlay (Наложение градиента):

29. Для слоя с фоном параметры в пункте Gradient Overlay (Наложение градиента) будут такими:

В результате применения эффектов должны получить следующую картинку:

30. Теперь вернёмся к внутренней тени. К слою с имитацией тени, полученной в пункте 21, добавьте слой-маску (иконка Add layer mask (Добавить слой-маску) в нижней части панели слоёв). Выберите инструмент Gradient Tool (Градиент) и чёрно-белую заливку. Залейте градиентом слой-маску сверху вниз, как показано на рисунке ниже. Этим мы уберём тень в верхних углах конверта:

Фактически наш конверт готов. Осталось добавить отражение и перспективу.

31. Для создания отражения нужно выделить все нарисованные нами слои в панели слоёв, кроме слоя с фоном. Дублируем эти слои (Duplicate Layers... (Дублировать слои)) и объединяем их (Merge Layers (Объединить слои)).

32. Полученное в результате растровое изображение отразим вертикально (Edit —> Transform —> Flip Vertical (Правка —> Трансформация —> Отразить вертикально)):

И передвигаем его вниз к основанию конверта:

33. Теперь добавим перспективу. Выделите все слои конверта и слой с его отражением.

Исказим изображение Edit —> Transform —> Distort (Правка —> Трансформация —> Исказить) примерно как на рисунке ниже (для удобства нужно уменьшить изображение):

34. Приведём в порядок отражение. К слою с отражением добавьте слой-маску и залейте её черно-белым градиентом снизу вверх примерно как на рисунке. Непрозрачность слоя установите около 50%:

35. Добавим небольшое свечение под конвертом. Для этого нарисуйте белый прямоугольник инструментом Rectangle Tool (Прямоугольник). Слой с прямоугольником разместите ниже остальных слоёв, составляющих конверт:

36. Разверните прямоугольник (Edit —> Free Transform Path (Правка —> Свободное трансформирование)) и поместите его как на картинке ниже:

37. Инструментом Direct Selection Tool (Непосредственное выделение) разместите опорные точки прямоугольника так, чтобы придать ему такую форму, как будто он лежит на плоскости в пространстве. Исключительной точности в придании прямоугольнику перспективы не понадобится, поэтому просто придайте ему форму, похожую на изображённую на картинке ниже:

38. Финальный шаг. Размойте прямоугольник Filter —> Blur —> Gaussian Blur (Фильтр —> Размытие —> Размытие по Гауссу). Перед применением фильтра появится предупреждение о том, что для продолжения фигура будет автоматически растрирована. Согласитесь нажатием на кнопку Ok и для размытия установите радиус (Radius ) 16 px. После применения фильтра установите непрозрачность слоя на 40..45%:

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