Создаем шаблон визитной карточки. Часть 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, чтобы применить изменения.
Отлично, наша визитка готова!
Хорошая работа! Вы добрались до конца урока и теперь знаете, как создавать и трансформировать фигуры, форматировать текст и добавлять готовые значки, чтобы ускорить рабочий процесс.
Но не останавливайтесь на этом.
Используйте изученные навыки, чтобы улучшить дизайн визитки.
