Учимся делать визитку | ZZ Guru

Учимся делать визитку

Всем привет! Сегодня мы делаем вот такую замечательную визитку. Отличный навык, который можно использовать в целях своего бизнеса. Урок достаточно просто, так что начнем.

Шаг 1

Для начала, создаем документ размером 1240 х 826 пикселей, переходим Просмотр – Показать – Сетка (Просмотр – Показать – Сетку) (Ctrl + ‘), таким образом активируем сетку. Потом выполняем View – Snap To – Grid (Просмотр – Привязать к – Линиям сетки). Используя Ctrl + K, открываем окно настроек программы, затем переходим в разделе Guides, Grid & Slices (Направляющие, сетка и фрагменты). Устанавливаем Gridline Every (Линия через каждые) на 5, а подразделения (Внутреннее деление на) – на 10.

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

Image for post

Шаг 2

Идем в панель слоев, выбираем фоновый слой Фон (Фон), кликаем по нему дважды. Теперь он разблокирован и превратился в обычный слой.

Еще раз дважды кликаем по фоновому слою и применяем к нему стиль Gradient Overlay (Наложение градиента) со следующими параметрами.

Image for post
Image for post

Шаг 3

Затем выбираем Rectangle Tool (U) (Прямоугольник) и создаем прямоугольник размером 740 х 460 пикселей.

4 86 2

Шаг 4

Потом окрываем окно со стилями слоя и применяем Наложение градиента (Наложение градиента) к прямоугольнику.

5 79 3
6 72 4

Шаг 5

Используем Ctrl + J, чтобы дублировать его.

Устанавливаем Fill (Заливка) для копии на 0%, затем применяем к ней стиль слоев Pattern Overlay (Наложение узора).

  • Узор из коллекции Цветная бумага (Цветная бумага) – Blue Crepe (Синий креп)
  • Blend Mod e (Режим наложения) – Overlay (Перекрытие)
7 63 5
8 61 6

Шаг 6

Приведем в активацию Type Tool (T) (Текст).

Открываем панель Window – Персонаж (Окно – Символ) и устанавливаем шрифт Roboto Light.

Выбираем белый цвет, размер 16px и пишем текст, как показан ниже.

9 56 7
10 51 8

Шаг 7

Открываем окно со стилями слоя и применяем Наложение градиента (Наложение градиента) для каждого текстового слоя из предыдущего шага.

11 45 9
12 41 10

Шаг 8

Теперь мы открываем PSD-файл с набором иконок и импортируем туда различные иконки, которые пришлись нам по вкусу, но так, чтобы они подходили по смыслу к тексту с контактами.

После этого, применяем к каждой иконке стиль слоя Stroke (Обводка), используя следующие настройки.

13 39 11
14 35 12

Шаг 9

Следующим шагом стоит добавить лого, название компании и слоган. После к этим элементам применяем стиль слоя Gradient Overlay (Наложение градиента) с настройками из предыдущих шагов.

15 33 13
16 27 14

Шаг 10

При зажатой клавмше Ctrl, на панели слоев выделяем все слои, из которых создана визитка, кликаем по ним правой кнопкой мыши и выбираем Преобразовать в Smart Object (Преобразовать в смарт-объект).

К получившемуся смарт-объекту применяем следующие стили слоя. Обратите внимание, что в ранних версиях Фотошоп нет возможности применить несколько копий одного и того же стиля слоя. Чтобы это сделать, вам следует после каждого применения стиля, отображающего слой в смарт-объект, а затем добавлять новую копию.

17 23 15
18 23 16

Внутрення тень (Внутренняя тень)

  • Blend Mod e (Режим наложения) – Overlay (Перекрытие)
19 22 17

Тень (Drop Shadow)

  • Blend Mod e (Режим наложения) – Overlay (Перекрытие)
20 22 18

Тень (Drop Shadow)

  • Blend Mod e (Режим наложения) – Overlay (Перекрытие)
21 20 19

Тень (Drop Shadow)

  • Blend Mod e (Режим наложения) – Overlay (Перекрытие)
22 17 20

Тень (Drop Shadow)

  • Blend Mod e (Режим наложения) – Overlay (Перекрытие)
23 17 21

Шаг 11

Зажимаем клавиши Ctrl + T, и активируем тем самым свободную трансформацию, зажимаем Ctrl и тянем за верхнюю левую узловую точку, чтобы деформировать визитку. Закончив, жмем Войти.

24 17 22
25 18 23

Шаг 12

Снова жмем Ctrl + T, чтобы активировать свободную трансформацию, затем на верхние панели устанавливаем угол на 14 градусов, чтобы слегка повернуть визитку, и жмем Enter.

26 15 24

Шаг 13

Ctrl-J, чтобы дублировать ее.

Выбираем копию, открываем стили слоя и применяем две копии Inner Shadow ( Внутренняя тень ). Оба стиля слоев Drop Shadow (Тень) мы отключаем.

С помощью свободной трансформации поворачиваем визитку на 1,5 граду, как показано ниже.

27 15 25
28 13 26

Шаг 14

Выбираем копию и дублируем ее (при этом копия должна быть над оригиналом). Выбираем дубликат и поворачиваем его на 1,5 градуса.

Далее повторяем этот процесс, пока не получим стопку визиток.

30 10 27

Мы закончили!

Космическая ретушь
0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии