в ,

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

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

Шаг 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

Шаг 4

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

5 79
6 72

Шаг 5

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

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

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

Шаг 6

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

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

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

9 56
10 51

Шаг 7

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

11 45
12 41

Шаг 8

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

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

13 39
14 35

Шаг 9

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

15 33
16 27

Шаг 10

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

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

1 17 23
1 18 23

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

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

Тень (Drop Shadow)

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

Тень (Drop Shadow)

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

Тень (Drop Shadow)

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

Тень (Drop Shadow)

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

Шаг 11

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

1 24 17
1 25 18

Шаг 12

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

1 26 15

Шаг 13

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

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

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

1 27 15
1 28 13

Шаг 14

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

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

30 10

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

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
1 177

Понимание 3D трекинга в After Effects: часть 4

1 178

Мокап – Упаковки