Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем визитку в Adobe Photoshop

6 мая 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем рисовать классическую визитку в Photoshop. Саму карточку мы нарисуем и оформим при помощи стилей слоя. Затем, преобразуем все нарисованное в смарт-объект, и трансформируем его, чтобы создать перспективу и придать реалистичности. После чего создадим стопку из визиток. Благодаря смарт-объектам вы сможете использовать эту работу в качестве mockup-файла.

 

Результат

How to Make a Business Card in Photoshop

Исходники

Шаг 1

Создайте документ размером 1240x 826px, в меню выберите View > Show > Grid/Вид>Показать>Сетка, затем View > Snap To > Grid/Вид>Привязать к...>Сетке. Нажмите Control + K, чтобы открыть окно настроек. Зайдите в раздел Guides, Grid & Slices/Направляющие, сетка и фрагменты и укажите настройки как показано на картинке ниже. В скриншотах ниже сетки не будет, чтобы лучше была видна сама работа, но вам она поможет в размещении и редактировании объектов.

How to Make a Business Card in Photoshop 1

Шаг 2

В палитре Layers/Слои кликните по иконке замка возле фоного слоя, чтобы разблокировать его. Кликните дважды по слою, чтобы открыть его Layer Style/Стили слоя. Укажите параметры как на картинке ниже.

How to Make a Business Card in Photoshop 2

How to Make a Business Card in Photoshop 3

Шаг 3

При помощи инструмента Rectangle/Прямоугольник нарисуйте прямоугольник размером 740x 460px.

How to Make a Business Card in Photoshop 4

Шаг 4

Откройте Layer Style/Стили слоя для слоя с прямоугольником и введите параметры как на картинке ниже.

How to Make a Business Card in Photoshop 5

How to Make a Business Card in Photoshop 6

Шаг 5

Убедитесь, что слой с прямоугольником по прежнему активен и нажмите Control + J, чтобы дублировать его.

Укажите копии Fill/Заливку в 0%, откройте окно Layer Style/Стилей слоя, и укажите следующие параметры.

How to Make a Business Card in Photoshop 7

How to Make a Business Card in Photoshop 8

Шаг 6

Возьмите инструмент Type/Текст. В палитре Character/Символ выберите шрифт Roboto Light, цвет шрифта #FFFFFF и размер в 16px. Введите текст, как показано ниже.

How to Make a Business Card in Photoshop 9

How to Make a Business Card in Photoshop 10

Шаг 7

Откройте Layer Style/Стили слоя для слоя с текстом (или слоев, если текст в разных слоях), и укажите стиль Gradient Overlay/Перекрытие градиента с указанными ниже параметрами.

How to Make a Business Card in Photoshop 11

How to Make a Business Card in Photoshop 12

Шаг 8

Откройте файл PSD из набора иконок и перенесите нужные иконки в ваш документ.

Откройте стили слоя для иконок и укажите им стиль Stroke/Обводка с указанными ниже параметрами.

How to Make a Business Card in Photoshop 13

How to Make a Business Card in Photoshop 14

Шаг 9

Добавьте логотип, название компании и слоган, затем укажите этим слоям стиль слоя Gradient Overlay/Перекрытие градиента с параметрами из предыдущих шагов.

How to Make a Business Card in Photoshop 15

How to Make a Business Card in Photoshop 16

Шаг 10

В палитре Layers/Слои выделите все слои кроме фона. Кликните по ним правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.

Откройте стили слоя для этого смарт-объекта и укажите параметры как показано ниже.

How to Make a Business Card in Photoshop 17

How to Make a Business Card in Photoshop 18

How to Make a Business Card in Photoshop 19

How to Make a Business Card in Photoshop 20

How to Make a Business Card in Photoshop 21

How to Make a Business Card in Photoshop 22

How to Make a Business Card in Photoshop 23

Шаг 11

Нажмите Control + T, чтобы перейти в режим трансформирования. Зажмите клавишу Control и потяните левый верхний угол.

How to Make a Business Card in Photoshop 24

How to Make a Business Card in Photoshop 25

Шаг 12

Нажмите Control + T снова и поверните визитку на 14 градусов.

How to Make a Business Card in Photoshop 26

Шаг 13

Нажмите Control + J, чтобы дублировать слой с визиткой. Откройте стили слоя копии и отключите последние два стиля drop shadows/тень.

Теперь просто поверните визитку на 1.5 градуса.

How to Make a Business Card in Photoshop 27

How to Make a Business Card in Photoshop 28

Шаг 14

Выберите копию и дублируйте ее. Поверните получившийся слой на 1.5 градуса.

Повторите этот процесс столько, сколько визиток хотите получить.

How to Make a Business Card in Photoshop 29

How to Make a Business Card in Photoshop 30

How to Make a Business Card in Photoshop 31

How to Make a Business Card in Photoshop 32

Результат

How to Make a Business Card in Photoshop

Автор урока Razvan Gabriel

Перевод — Дежурка

Смотрите также:




Комментарии

Оставить ответ


восемь − 1 =

Вставить изображение