Создаем шаблон визитной карточки — Photoshop урок

Создаем шаблон визитной карточки

 

1. Устанавливаем пользовательские фигуры

Переходим Edit – Presets (Редактирование – Наборы) и выбираем Preset Manager (Управление наборами). В выпадающем меню Preset Type (Тип набора) выбираем Custom Shapes (Заказные фигуры) и нажимаем кнопку Load (Загрузить). В открывшемся диалоговом окне находим распакованный файл Tutorial-Shapes.csh и выбираем его. После этого нажимаем Done (Готово).

2. Создаем новый документ для визитки

Переходим File – New (Файл – Создать) и вводим следующие настройки:

  • Name (Имя): Фронтальная сторона визитки
  • Width (Ширина): 3.25 дюймов
  • Height (Высота): 1.75 дюймов
  • Resolution (Разрешение): 300 пикселей/дюйм
  • Color Mode (Цветовой режим): Цвета CMYK 8 бит
  • Background Contents (Содержимое фона): White (Белый)

Закончив, жмем ОК, чтобы создать документ.

3. Создаем направляющие

Шаг 1

Перед началом убедитесь, что направляющие у вас активированы. Если да, то можете сразу переходить к следующему шагу.

Жмем Ctrl+R или переходим View – Rulers (Просмотр – Линейки), чтобы показать линейки вверху и слева от документа. Затем переходим View – Snap (Просмотр – Привязка), после этого View – Snap To(Просмотр – Привязать к) и в открывшемся меню активируем Guides (Направляющим), Layers (Слоям) и Document Bounds (Границам документа).

Шаг 2

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

Шаг 3

Теперь давайте увеличим размер рабочего полотна до 3,5 х 2 дюйма. Переходим Image – Canvas Size(Изображение – Размер холста). Устанавливаем Width (Ширина) на 3,5 дюймов, а Height (Высота) – на 2 дюйма. Жмем ОК.

Шаг 4

Далее, с помощью направляющих, мы создадим линии реза, по которым после печати будут вырезать визитки. Кликаем по линейке и расставляем четыре новые направляющие на каждой стороне визитки.

Шаг 5

Последний раз увеличиваем размер документа. Переходим Image – Canvas Size (Изображение – Размер холста). Устанавливаем Width (Ширина) на 3,75 дюймов, а Height (Высота) – на 2,25 дюйма. Жмем ОК, чтобы принять изменения.

Шаг 6

Добавляем последние направляющие, определяющие границы документа. Хотя эти направляющие не так важны, они могут существенно облегчить рабочий процесс, когда необходимо четко выровнять элементы у края документа.

Кликаем по линейке и расставляем направляющие на каждой стороне визитки.

Шаг 7

Закончив, давайте заблокируем положение направляющих, чтобы случайно их не сдвинуть. Переходим View – Lock Guides (Просмотр – Закрепить направляющие).

4. Создаем фон для адреса

Шаг 1

Берем Rounded Rectangle Tool

(U) (Закругленный прямоугольник) и кликаем в любом месте рабочего полотна. В появившемся диалоговом окне устанавливаем Width (Ширина) на 820 пикселей, Height(Высота) – на 80 пикселей, Radius (Радиус) – на 15 пикселей и жмем ОК.

Шаг 2

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

Шаг 3

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

Шаг 4

Жмем Ctrl+T или переходим Edit – Free Transform Path (Редактирование – Свободное трансформирование контура). Устанавливаем Horizontal Skew (Наклон по горизонтали) на -20. Затем дважды жмем Enter, чтобы применить изменения.

Шаг 5

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

Шаг 6

Берем Rectangle Tool

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

Шаг 7

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

5. Создаем фон для слогана

Шаг 1

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

Шаг 2

Дважды кликаем по миниатюре слоя «Фон слогана». Вводим новые цвета: C:0 M:0 Y:0 K:95 и нажимаем ОК.

Шаг 3

Теперь повернем этот слой. Переходим Edit – Transform Path – Rotate 180 Degrees (Редактирование – Трансформирование контура – Поворот на 180).

Шаг 4

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

Шаг 5

Берем Rectangle Tool

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

Шаг 6

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

6. Рисуем прямоугольник-разделитель

Шаг 1

Переходим Layer – New – Group (Слой – Новый — Группа) и называем новую группу «Разделитель».

Шаг 2

Берем Rectangle Tool

(U) (Прямоугольник) и кликаем в любом месте рабочего полотна. В появившемся окне устанавливаем Width (Ширина) на 530 пикселей, а Height (Высота) – на 8 пикселей, затем жмем ОК.

Шаг 3

Дважды кликаем по миниатюре созданного во втором шаге слоя и вводим новые значения цвета: C:0 M:0 Y:0 K:18. Закончив, нажимаем ОК.

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

Берем Rectangle Tool

(U) (Прямоугольник). На верхней панели устанавливаем Width (Ширина) на W: 80 пикселей и нажимаем Enter.

Шаг 8

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

Шаг 9

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

7. Создаем фон для значков

Шаг 1

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

Шаг 2

Берем Ellipse Tool

(U) (Овал) и кликаем в любом месте рабочего полотна. В открывшемся окне устанавливаем Width (Ширина) на 35, Height (Высота) – на 35 и жмем ОК.

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

8. Создаем значки контактов

Шаг 1

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

Шаг 2

Начнем со значка адреса. Активируем инструмент Custom Shape Tool

(U) (Произвольная фигура). На верхней панели нажимаем на кнопку выбора фигура и находим подходящий значок для адреса.

Шаг 3

Нажимаем в любом месте рабочего полотна. В появившемся окне ставим галочку напротив PreserveProportions (Сохранить пропорции), устанавливаем Width (Ширина) на 16 и жмем ОК.

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

Теперь создадим значок сайта. Активируем инструмент Custom Shape Tool (U) (Произвольная фигура). На верхней панели нажимаем на кнопку выбора фигур и находим подходящий значок для вебсайта.

Шаг 8

Нажимаем в любом месте рабочего полотна. В появившемся окне ставим галочку напротив PreserveProportions (Сохранить пропорции), устанавливаем Width (Ширина) на 20 и жмем ОК.

Шаг 9

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

Шаг 10

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

Шаг 11

Создаем значок почты. Берем Custom Shape Tool

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

Шаг 12

Нажимаем в любом месте рабочего полотна. В появившемся окне ставим галочку напротив PreserveProportions (Сохранить пропорции), устанавливаем Width (Ширина) на 20 и жмем ОК.

Шаг 13

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

Шаг 14

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

Шаг 15

Далее создадим значок телефона. Активируем Custom Shape Tool

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

Шаг 16

Нажимаем в любом месте рабочего полотна. В появившемся окне ставим галочку напротив PreserveProportions (Сохранить пропорции), устанавливаем Width (Ширина) на 20 и жмем ОК.

Шаг 17

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

Источник: PFY

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

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

10 − один =