Создаем шаблон визитной карточки. Часть 2

Создаем шаблон визитной карточки. Часть 2

 

Шаг 18

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 123 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 365 пикселей. Дважды жмем Enter, чтобы применить изменения.

9. Создаем группу с фоном

Шаг 1

Сначала нам нужно разблокировать фоновый слой, который отмечен значком замка. Дважды кликаем по нему и в появившемся окне вводим название «Фон». Нажимаем ОК.

Шаг 2

Убедитесь, что фоновый слой, который мы разблокировали, все еще активен. Зажимаем клавишу Shift и кликаем по группе «Значки контактов».

Шаг 3

Теперь, выделив все слои и группы, переходим Layer – New – Group from Layers (Слой – Новый – Группа из слоев). Называем группу «Фон» и жмем ОК.

Фон фронтальной части визитки готов.

Перед тем, как перейти к добавлению текста и логотипа, посмотрите, как выглядит результат работы на данном этапе.

10. Добавляем слоган

Шаг 1

Для начала открываем две панели: Character (Символ) и Paragraph (Абзац). Если они уже открыты у вас, можете сразу перейти к шагу 2.

Берем Horizontal Type Tool

(T) (Горизонтальный текст). Затем на верхней панели нажимаем кнопку Character and Paragraph panels (Вкл/Выкл панели «Символ» и «Абзац»).

Шаг 2

На панели Paragraph (Абзац) выбираем Right Align Layer (Выключка текста вправо). На панели Character (Символ) выбираем шрифт Lato, устанавливаем начертание на Black, размер – на 6 pt и Color(Цвет) – на C: 0 M:0 Y:0 K:0.

Шаг 3

Выбираем слой с фоновым прямоугольником для слогана, кликаем по нему инструментом Type Tool

(T) (Текст) и в текстовом поле пишем фразу VISUAL EYE CANDY. Закончив, жмем Ctrl+Enter.

Шаг 4

Теперь нам нужно изменить оформление слова VISUAL. Начнем с выделения этого слова. Активируем инструмент Horizontal Type Tool

(T) (Горизонтальный текст), подводим курсор на слово VISUAL и дважды кликаем по нему, чтобы выделить.

Шаг 5

На панели Character (Символ) устанавливаем начертание на Regular и Color (Цвет) – на C:0 M:20 Y:80 K:0. Закончив, жмем Ctrl+Enter.

Шаг 6

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 934 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 541 пикселей. Дважды жмем Enter, чтобы применить изменения.

11. Добавляем адрес

Шаг 1

Переходим Layer – New – Layer (Слой – Новый – Слой). Называем слой «Адрес» и жмем ОК.

Шаг 2

На панели Paragraph (Абзац) выбираем Left Align Layer (Выключка текста влево). На панели Character(Символ) устанавливаем начертание на Bold Italic и Color (Цвет) – на C: 0 M:0 Y:0 K:95.

Шаг 3

Выбираем слой с фоновым прямоугольником для адреса, кликаем по нему инструментом HorizontalType Tool

(T) (Текст) и в текстовом поле пишем фразу 777 Seventh Avenue New York NY 54321. Закончив, жмем Ctrl+Enter.

Шаг 4

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 373 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 542 пикселей. Дважды жмем Enter, чтобы применить изменения.

12. Добавляем телефон, почту и вебсайт

Шаг 1

Переходим Layer – New – Layer (Слой – Новый – Слой). Называем слой «Телефон/Почта/Вебсайт» и жмем ОК.

Шаг 2

На панели Character (Символ) устанавливаем начертание текста на Regular и Leading (Интерлиньяж) – на 10,5 pt.

Шаг 3

Выбираем Horizontal Type Tool

(T) (Горизонтальный текст) и кликаем возле значков контактов. Пишем текст «000 1234 5678, madison@email.com» и «www.website.com». Чтобы перейти на новую строку, жмем клавишу Enter. Закончив, нажимаем Ctrl+Enter.

Шаг 4

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 269 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 409 пикселей. Дважды жмем Enter, чтобы применить изменения.

Шаг 5

Зажимаем клавишу Ctrl и выбираем два слоя: «Адрес» и «Телефон/Почта/Вебсайт». Затем переходим Layer – New – Group from Layers (Слой – Новый – Группа из слоев) и называем группу «Контакты». Нажимаем ОК.

13. Добавляем имя и должность

Шаг 1

Начнем с профессии. Переходим Layer – New – Layer (Слой – Новый – Слой). Называем новый слой «Профессия» и жмем ОК.

Шаг 2

На панели Character (Символ) устанавливаем начертание на Bold Italic, Leading (Интерлиньяж) – на Auto (Авто) и Color (Цвет) – на C:0 M:20 Y:80 K:0, после этого жмем ОК.

Шаг 3

Берем Horizontal Type Tool

(T) (Горизонтальный текст) и кликаем над разделителем. В текстовом поле пишем Graphic Designer и нажимаем Ctrl+Enter.

Шаг 4

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 194 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 224 пикселей. Дважды жмем Enter, чтобы применить изменения.

Шаг 5

Теперь добавим слой для имени. Переходим Layer – New – Layer (Слой – Новый – Слой). Называем его «Имя» и жмем ОК.

Шаг 6

На панели Character (Символ) устанавливаем начертание на Light, размер текста – на 10 pt и Color(Цвет) – на C:0 M:0 Y:0 K:95, после этого жмем ОК.

Шаг 7

Берем Horizontal Type Tool

(T) (Горизонтальный текст) и кликаем чуть выше профессии. В текстовом поле пишем STEVE MADISON и нажимаем Ctrl+Enter.

Шаг 8

Давайте для слова STEVE изменим начертание на более жирное. Подводим курсор к нужному слову и дважды кликаем по нему, чтобы выделить. На панели Character (Символ) устанавливаем начертание на Black и жмем Ctrl+Enter.

Шаг 9

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 268 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 188 пикселей. Дважды жмем Enter, чтобы применить изменения.

Шаг 10

Чтобы держать панель слоев в порядке, давайте сгруппируем имя и профессию. Зажимаем клавишу Ctrl и кликаем по слоям «Имя» и «Профессия». Затем переходим Layer – New – Group from Layers (Слой – Новый – Группа из слоев). Называем новую группу «Имя и профессия» и жмем ОК.

14. Добавляем логотип

Шаг 1

Переходим Layer – New – Group (Слой – Новый – Группа). Называем группу «Лого» и жмем ОК.

Шаг 2

На панели Paragraph (Абзац) выбираем Center Text (Выключка текста по центру). На панели Character(Символ) устанавливаем начертание на Light, размер – на 6 pt, Leading (Интерлиньяж) – на 6,5 pt и Color(Цвет) – на C:0 M:0 Y:0 K:95. Закончив, нажимаем ОК.

Шаг 3

Берем Horizontal Type Tool

(T) (Горизонтальный текст) и кликаем в пустом месте рабочего полотна. В текстовом поле пишем CREATIVE INSPIRATIONS и нажимаем Ctrl+Enter.

Шаг 4

Давайте изменим внешний вид слова CREATIVE. Подводим курсор к нужному слову и дважды кликаем по нему, чтобы выделить. На панели Character (Символ) устанавливаем начертание на Black, размер – на 12 pt и жмем Ctrl+Enter.

Шаг 5

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 902 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 306 пикселей. Дважды жмем Enter, чтобы применить изменения.

Шаг 6

Берем инструмент Custom Shape Tool

(U) (Произвольная фигура). На верхней панели находим фигуру, которая подойдет для логотипа.

Шаг 7

Кликаем над названием компании. В появившемся окне активируем Preserve Proportions (Сохранить пропорции) и устанавливаем Width (Ширина) на 110 пикселей. Нажимаем ОК.

Шаг 8

Переходим Layer – Rename Layer (Слой – Переименовать слой). Называем слой с прямоугольником «Лого» и жмем Enter.

Шаг 9

Дважды кликаем по миниатюре слоя. Меняем цвет фигуры: C:0 M:20 Y:80 K:0 и нажимаем ОК.

Шаг 10

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 902 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 210 пикселей. Дважды жмем Enter, чтобы применить изменения.

15. Группируем элементы визитки

Шаг 1

Давайте выделим все слои и группы, чтобы их объединить. Для начала выбираем текстовый слой VISUAL EYE CANDY. Затем зажимаем клавишу Shift и кликаем по группе «Лого».

Шаг 2

Выбрав все необходимые группы и слои, переходим Layer – New – Group from Layers (Слой – Новый – Группа из слоев). Называем новую группу «Детали» и нажимаем ОК.

Отлично! Фронтальная часть визитки готова.

Перед тем, как мы продолжим, очень важно сохранить текущий результат работы. Переходим File – Save (Файл – Сохранить) или жмем сочетание клавиш Ctrl+S.

16. Создаем документ для задней части визитки

Шаг 1

Мы не будем заново создавать новый документ. Чтобы ускорить процесс, мы просто дублируем фронтальную часть визитки со всеми параметрами. Для этого переходим Image – Duplicate(Изображение – Создать дубликат). В поле с названием вводим «Задняя часть визитки» и жмем ОК.

Шаг 2

На панели слоев кликаем на иконку в виде треугольника рядом с группами «Детали» и «Фон», чтобы развернуть их содержимое. Зажимаем клавишу Ctrl и выделяем следующие слои и группы:

  • Имя и профессия
  • Контакты
  • Visual Eye Candy
  • Значки контактов
  • Фон значков
  • Разделитель

Шаг 3

Выделенные группы и слои нам не нужны, поэтому удаляем их. Переходим Layer – Delete – Layer (Слой – Удалить – Слои) и в появившемся окошке подтверждаем наши действия.

17. Редактируем логотип

На панели слоев выбираем группу «Лого». Жмем Ctrl+T или переходим Edit – Free Transform Path(Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position(Горизонтальная координата центра преобразования) на Х: 562,5 пикселей, Vertical Position(Вертикальная координата центра преобразования) – на Y: 338 пикселей. Дважды жмем Enter, чтобы применить изменения.

18. Создаем фон для вебсайта

Шаг 1

На панели слоев выбираем слой «Фон слогана». Жмем Ctrl+T или переходим Edit – Free Transform Path(Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position(Горизонтальная координата центра преобразования) на Х: 464,5 пикселей, Vertical Position(Вертикальная координата центра преобразования) – на Y: 540 пикселей. Дважды жмем Enter, чтобы применить изменения.

Шаг 2

Переходим Layer – Duplicate Layer (Слой – Создать дубликат слоя). Называем копию «Фон вебсайта» и жмем ОК.

Шаг 3

Переходим Edit – Transform Path (Редактирование – Трансформирование контура) и выбираем FlipHorizontal (Отразить по горизонтали).

Шаг 4

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 660,5 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 540 пикселей. Дважды жмем Enter, чтобы применить изменения.

Шаг 5

На панели слоев выбираем слои «Фон вебсайта» и «Фон адреса». Жмем Ctrl+E, чтобы объединить их в один слой.

Шаг 6

Активируем Rectangle Tool

(U) (Прямоугольник). Переходим в меню Path Operations (Операции с контуром) и выбираем Merge Shape Components (Объединить компоненты фигуры).

19. Оформляем фон

Шаг 1

На панели слоев выбираем слой «Фон адреса» и переходим Layer – Rename Layer (Слой – Переименовать слой). Называем слой «Левый» и жмем Enter.

Шаг 2

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: -94 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 540 пикселей. Дважды жмем Enter, чтобы применить изменения.

Шаг 3

Берем Rectangle Tool

(U) (Прямоугольник). Переходим в меню Path Operations (Операции с контуром) и выбираем Subtract Front Shape (Вычесть переднюю фигуру).

Шаг 4

После этого еще раз переходим в меню Path Operations (Операции с контуром) и выбираем MergeShape Components (Объединить компоненты фигуры).

Шаг 5

Далее переходим Layer – Duplicate Layer (Слой – Создать дубликат слоя). Называем копию «Правый» и жмем ОК.

Шаг 6

Переходим Edit – Transform Path (Редактирование – Трансформирование контура) и выбираем FlipHorizontal (Отразить по горизонтали).

Шаг 7

Берем Move Tool

(V) (Перемещение). Зажимаем клавишу Ctrl и на панели слоев выбираем слои «Правый» и «Фон». Затем на верхней панели нажимаем на кнопку Align right edges (Выравнивание по правому краю).

20. Добавляем веб сайт

Шаг 1

Далее мы будем добавлять новый текстовый слой внутри группы «Детали». Для начала на панели слоев выбираем эту группу.

Шаг 2

Затем на панели Paragraph (Символ) выбираем Center Text (Выключка текста по центру). На панели Character (Символ) выбираем шрифт Lato, начертание устанавливаем на Regular, размер – на 6 pt, Leading (Интерлиньяж) – на Auto (Авто) и Color (Цвет) – на C:0 M:0 Y:0 K:0. Закончив, нажимаем ОК.

Шаг 3

Берем Horizontal Type Tool

(T) (Горизонтальный текст). Кликаем по фоновому прямоугольнику для веб сайта и в текстовом поле пишем адрес www.website.com. После этого нажимаем Ctrl+Enter.

Шаг 4

Давайте доработаем оформление слова website. Берем Horizontal Type Tool

(T) (Горизонтальный текст). Подводим курсор к слову website и дважды кликаем по нему. На панели Character (Символ) устанавливаем начертание на Black, Color (Цвет) – на C:0 M:20 Y:80 K:0. После этого нажимаем Ctrl+Enter, чтобы применить изменения.

Шаг 5

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Position (Горизонтальная координата центра преобразования) на Х: 563 пикселей, Vertical Position (Вертикальная координата центра преобразования) – на Y: 540 пикселей. Дважды жмем Enter, чтобы применить изменения.

Отлично, наша визитка готова!

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

Но не останавливайтесь на этом.

Используйте изученные навыки, чтобы улучшить дизайн визитки.

PFY

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

4 × пять =