Рисуем визитку в Adobe Photoshop
6 мая 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем рисовать классическую визитку в Photoshop. Саму карточку мы нарисуем и оформим при помощи стилей слоя. Затем, преобразуем все нарисованное в смарт-объект, и трансформируем его, чтобы создать перспективу и придать реалистичности. После чего создадим стопку из визиток. Благодаря смарт-объектам вы сможете использовать эту работу в качестве mockup-файла.
Результат
Исходники
- Шрифт Roboto
- Набор иконок
Шаг 1
Создайте документ размером 1240x 826px, в меню выберите View > Show > Grid/Вид>Показать>Сетка, затем View > Snap To > Grid/Вид>Привязать к...>Сетке. Нажмите Control + K, чтобы открыть окно настроек. Зайдите в раздел Guides, Grid & Slices/Направляющие, сетка и фрагменты и укажите настройки как показано на картинке ниже. В скриншотах ниже сетки не будет, чтобы лучше была видна сама работа, но вам она поможет в размещении и редактировании объектов.
Шаг 2
В палитре Layers/Слои кликните по иконке замка возле фоного слоя, чтобы разблокировать его. Кликните дважды по слою, чтобы открыть его Layer Style/Стили слоя. Укажите параметры как на картинке ниже.
Шаг 3
При помощи инструмента Rectangle/Прямоугольник нарисуйте прямоугольник размером 740x 460px.
Шаг 4
Откройте Layer Style/Стили слоя для слоя с прямоугольником и введите параметры как на картинке ниже.
Шаг 5
Убедитесь, что слой с прямоугольником по прежнему активен и нажмите Control + J, чтобы дублировать его.
Укажите копии Fill/Заливку в 0%, откройте окно Layer Style/Стилей слоя, и укажите следующие параметры.
Шаг 6
Возьмите инструмент Type/Текст. В палитре Character/Символ выберите шрифт Roboto Light, цвет шрифта #FFFFFF и размер в 16px. Введите текст, как показано ниже.
Шаг 7
Откройте Layer Style/Стили слоя для слоя с текстом (или слоев, если текст в разных слоях), и укажите стиль Gradient Overlay/Перекрытие градиента с указанными ниже параметрами.
Шаг 8
Откройте файл PSD из набора иконок и перенесите нужные иконки в ваш документ.
Откройте стили слоя для иконок и укажите им стиль Stroke/Обводка с указанными ниже параметрами.
Шаг 9
Добавьте логотип, название компании и слоган, затем укажите этим слоям стиль слоя Gradient Overlay/Перекрытие градиента с параметрами из предыдущих шагов.
Шаг 10
В палитре Layers/Слои выделите все слои кроме фона. Кликните по ним правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.
Откройте стили слоя для этого смарт-объекта и укажите параметры как показано ниже.
Шаг 11
Нажмите Control + T, чтобы перейти в режим трансформирования. Зажмите клавишу Control и потяните левый верхний угол.
Шаг 12
Нажмите Control + T снова и поверните визитку на 14 градусов.
Шаг 13
Нажмите Control + J, чтобы дублировать слой с визиткой. Откройте стили слоя копии и отключите последние два стиля drop shadows/тень.
Теперь просто поверните визитку на 1.5 градуса.
Шаг 14
Выберите копию и дублируйте ее. Поверните получившийся слой на 1.5 градуса.
Повторите этот процесс столько, сколько визиток хотите получить.
Результат
Автор урока Razvan Gabriel
Перевод — Дежурка
Смотрите также:
549