Как создать современную визитку с помощью Adobe Photoshop

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

В этом уроке я буду использовать Adobe Photoshop CS6, чтобы шаг за шагом рассказать вам, как создать профессиональную визитную карточку, используя базовые формы, пользовательские формы, простое форматирование текста и аккуратное позиционирование.

Эта визитная карточка, которую мы собираемся создать, является частью набора визиток 4-в-1 Business Card Bundle  из моего портфолио на GraphicRiver. Не стесняйтесь проверить мою обширную коллекцию визитных карточек для идей и вдохновения также.

Учебник активы

Прежде чем начать, загрузите и установите следующие ресурсы:

• Сторона шрифта
• Пользовательские формы

1. Как установить или загрузить Photoshop Custom Shapes (фотошоп пользовательские формы)

Перейдите в Edit> Presets и выберите Preset Manager. В раскрывающемся меню «Тип заготовки» выберите «Пользовательские формы» и нажмите «Загрузить». Теперь перейдите в папку, в которую вы распаковали файл, и выберите Tutorial-Shapes.csh. Нажмите Load и все готово.

2. Как настроить новый документ для визитной карточки

Перейдите в File> New и введите следующее:

• Наименование: Бизнес-Карта-Фронт 
• Ширина: 3,25 дюймов
• Высота: 1,75 дюйма
• Резолюция 300 точек/дюйм
• Цветовой режим: CMYK цвета 8 бит
• Фон содержимого: белый

Теперь нажмите OK, чтобы создать документ.

3. Как создать руководство по безопасной, обрезной и граничной форме для визитной карточки

Шаг 1

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

Нажмите Control-R или перейдите в View> Rulers, чтобы показать Rulers. Затем перейдите к View и проверьте Snap. Наконец, перейдите в «Вид»> «Привязать к» и выберите «Направляющие, слои и границы документа».

Шаг 2

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

Шаг 3

Теперь давайте увеличим размер холста до 3,5 х 2 дюйма. Перейдите в Image> Canvas Size и установите ширину: 3,5 дюйма, а затем высоту: 2 дюйма. Нажмите ОК

Шаг 4

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

Шаг 5

Увеличьте размер холста в последний раз. Выберите «Изображение»> «Размер холста» и установите «Ширина»: 3,75 дюйма, затем «Высота»: 2,25 дюйма Нажмите OK, чтобы применить изменения.

Шаг 6

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

Шаг 7

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

4. Как создать фон для адреса

Шаг 1

Выберите Rounded Rectangle Tool на панели инструментов и щелкните в любом месте на холсте. Установите ширину: 820 пикселей, высоту: 80 пикселей, радиус: 15 пикселей и нажмите ОК.

Шаг 2

Перейти к слою> переименовать слой. Назовите этот слой Address Bg и нажмите Enter.

Шаг 3

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

Шаг 4

Нажмите Control-T или перейдите в «Правка»> «Свободный путь преобразования» и установите горизонтальный перекос на H: -20. Нажмите Enter дважды для подтверждения.

Шаг 5

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 337 пикселей и вертикальное положение на Y: 540 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 6

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

Шаг 7

Чтобы завершить обрезку, нажмите Path Operations («Пути действий» и выберите Merge Shape Components («Объединить компоненты формы»).

5. Как создать фон для слогана

Шаг 1

Выберите Адрес Bg на панели слоев. Перейдите в Layer> Duplicate Layer и назовите этот слой слоганом Bg. Нажмите ОК

Шаг 2

Дважды щелкните по значку слоя. Введите C: 0 M: 0 Y: 0 K: 95 и нажмите ОК.

Шаг 3

Теперь давайте повернем этот слой. Перейдите в  Edit > Transform Path > Rotate 180 Degrees («Правка»> «Преобразовать путь»> «Повернуть на 180 градусов»).

Шаг 4

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 1126,5 пикселей и вертикальное положение на Y: 540 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 5

Выберите инструмент «Прямоугольник» (U), затем нажмите «Действия с контуром» и выберите «Вычесть переднюю форму». Нарисуйте прямоугольник, перекрывающий лишнюю форму.

Шаг 6

Нажмите «Операции с контурами» и выберите «Объединить компоненты формы».

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

Шаг 1

Перейдите в Layer> New> Group и назовите эту группу Separator (Сортировщик).

Шаг 2

Выберите инструмент Rectangle Tool (U) и щелкните в любом месте на холсте. Установите ширину 530 пикселей и высоту 8 пикселей, а затем нажмите кнопку ОК.

Шаг 3

Дважды щелкните по значку слоя и введите C: 0 M: 0 Y: 0 K: 18. Нажмите ОК.

Шаг 4

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 370 пикселей и вертикальное положение на Y: 286 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 5

Перейти к слою> переименовать слой. Назовите этот слой Левый и нажмите Enter.

Шаг 6

Перейдите в Слой> Дублировать слой. Назовите этот слой Правый и нажмите OK.

Шаг 7

Выберите инструмент Rectangle Tool (U). Установите ширину W: 80 пикселей и нажмите Enter.

Шаг 8

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

Шаг 9

Нажмите Control-T или перейдите к Edit > Free Transform Path.  (Правка > бесплатные трансформирование контура). Задайте горизонтальное положение для X: 675 px и вертикальное положение к Y: 286 px. Дважды нажмите Enter для подтверждения.

7. Как создать фон для значка контакта

Шаг 1

Перейдите в Layer> New> Group. Назовите эту группу значками Bg и нажмите ОК.

Шаг 2

Выберите Ellipse Tool на панели инструментов и щелкните в любом месте холста. Введите ширину: 35 пикселей, высоту: 35 пикселей и нажмите ОК.

Шаг 3

Дважды щелкните по значку слоя. Введите C: 0 M: 0 Y: 0 K: 95 и нажмите ОК.

Шаг 4

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 122,5 пикселей и вертикальное положение на Y: 541 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 5

Перейти к слою> переименовать слой. Назовите этот слой Address (адрес) и нажмите Enter.

Шаг 6

Перейдите в Слой> Дублировать слой. Назовите этот слой Website и нажмите OK.

Шаг 7

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 122,5 пикселей и вертикальное положение на Y: 453 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 8

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

Шаг 9

Перейдите в Слой> Дублировать слой. Назовите этот слой Email и нажмите ОК.

Шаг 10

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 122,5 пикселей и вертикальное положение на Y: 408,5 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 11

Перейдите в Слой> Дублировать слой. Назовите этот слой Phone и нажмите OK.

Шаг 12

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 122,5 пикселей и вертикальное положение на Y: 364,5 пикселей. Нажмите Enter дважды для подтверждения.

8. Как создавать ярлыки контактов с помощью пользовательских фигур

Шаг 1

Теперь, когда мы завершили фон иконки, давайте перейдем к созданию ярлыков. Перейдите в Layer> New> Group. Назовите эту группу Контактные Ярлыки и нажмите ОК.

Шаг 2

Давайте начнем с создания ярлыка адреса. Выберите Custom Shape Tool (инструмент пользовательской формы)  на панели инструментов. Нажмите Custom Shape Picker  (сортировщик формы)и выберите Ярлык Адреса.

Шаг 3

Нажмите в любом месте на холсте. Установите флажок Сохранить пропорции, введите ширину 16 пикселей и нажмите ОК.

Шаг 4

Перейти к слою> переименовать слой. Назовите этот слой Address и нажмите Enter.

Шаг 5

Дважды щелкните по значку слоя. Введите C: 0 M: 0 Y: 0 K: 0 и нажмите ОК.

Шаг 6

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 123 px и вертикальное положение на Y: 540,5 px. Нажмите Enter дважды для подтверждения.

Шаг 7

Теперь мы переходим к созданию ярлыков сайта. Выберите Custom Shape Tool (инструмент пользовательской формы) на панели инструментов. Нажмите Custom Shape Picker  (сортировщик пользовательской формы) и выберите ярлык веб-сайта.

Шаг 8

Нажмите в любом месте на картинке. Установите флажок Сохранить пропорции, введите Ширина: 20 пикселей и нажмите ОК.

Шаг 9

Перейти к слою> переименовать слой. Назовите этот слой Website и нажмите Enter

Шаг 10

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 123 пикселей, а вертикальное на Y: 453 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 11

Создайте ярлык электронной почты. Выберите Custom Shape Tool  (инструмент пользовательской формы) на панели инструментов. Нажмите Custom Shape Picker (сортировщик пользовательской формы) и выберите ярлык электронной почты.

Шаг 12

Нажмите в любом месте на холсте. Установите флажок Сохранить пропорции, введите ширину 20 пикселей и нажмите ОК.

Шаг 13

Перейти к слою> переименовать слой. Назовите этот слой Email и нажмите ОК.

Шаг 14

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 123 px и вертикальное положение на Y: 409 px. Нажмите Enter дважды для подтверждения.

Шаг 15

Теперь давайте создадим ярлык телефона. Выберите Custom Shape Tool  (инструмент пользовательской формы)на панели инструментов. Нажмите Custom Shape Picker (сортировщик пользовательской формы) и выберите Ярлык Телефона.

Шаг 16

Нажмите в любом месте на холсте. Установите флажок Сохранить пропорции, введите ширину 20 пикселей и нажмите ОК.

Шаг 17

Перейти к слою> переименовать слой. Назовите этот слой Phone и нажмите OK.

Шаг 18

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 123 пикселей, а вертикальное на Y: 365 пикселей. Нажмите Enter дважды для подтверждения.

9. Как создать фоновую группу

Шаг 1

Сначала нам нужно разблокировать фоновый слой, обозначенный значком замка. Дважды щелкните на Background Layer (фоновый слой) и назовите слой Background (фон). Нажмите ОК

Шаг 2

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

Шаг 3

Теперь, когда все слои и группы выбраны, перейдите в Layer> New и выберите Group from Layers. Назовите эту группу Background и нажмите ОК.

Фон лицевой стороны карты теперь завершен.

Прежде чем мы перейдем к вставке текста и логотипа, вот как это должно выглядеть на этом этапе.

10. Как создать текстовый слой слогана

Шаг 1

Убедитесь, что панели «Символ» и «Абзац» включены, прежде чем мы продолжим. Пропустите этот шаг и перейдите к шагу 2, если они уже включены по умолчанию.

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

Шаг 2

Выберите «Выровнять по правому краю» на панели «Абзац». На панели символов выберите «Шрифт» - «Лато», «Стиль шрифта» - «Черный», «Размер шрифта» - 6 pt и «Цвет» - C: 0 M: 0 Y: 0 K: 0

Шаг 3

Теперь нажмите на форму фона Tagline и введите VISUAL EYE CANDY в текстовое поле. Нажмите Control-Enter.

Шаг 4

Нам нужно будет изменить цвет и стиль только для слова VISUAL. Давайте начнем с выбора этого конкретного слова. Убедитесь, что инструмент «Горизонтальный тип» (T) по-прежнему выбран, поместите курсор вправо над словом «VISUAL», а затем дважды щелкните, чтобы выбрать его.

Шаг 5

На панели символов установите для параметра «Стиль шрифта» значение «Обычный» и «Цвет» - C: 0 M: 20 Y: 80 K: 0. Нажмите Control-Enter, чтобы применить изменения.

Шаг 6

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 934 px и вертикальное положение на Y: 541 px. Нажмите Enter дважды для подтверждения.

11. Как создать адресный текстовый слой

Шаг 1

Перейдите в Слой> Новый> Слой. Назовите этот слой Address и нажмите OK.

Шаг 2

На панели «Абзац» выберите «Выровнять текст по левому краю». Находясь на панели символов, измените стиль шрифта на полужирный курсив и установите цвет на C: 0 M: 0 Y: 0 K: 95.

Шаг 3

Выберите инструмент «Горизонтальный тип» (T) и нажмите на форму «Фоновый адрес» (Address Background). Введите 777 Seventh Avenue New York NY 54321 в текстовое поле и нажмите Control-Enter, когда закончите.

Шаг 4

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 373 px и вертикальное положение на Y: 542 px. Нажмите Enter дважды для подтверждения.

12. Как создать текстовый слой телефона, электронной почты и веб-сайта

Шаг 1

Перейдите в Слой> Новый> Слой. Назовите этот слой Phone / Email / Website и нажмите OK.

Шаг 2

На панели «Символ» измените «Стиль шрифта» на «Обычный» и установите «Ведущий» на 10,5 штриха.

Шаг 3

Выберите инструмент «Горизонтальный тип» (T) и щелкните пустую область рядом с Ярлыками Контактов. Теперь введите «000 1234 5678, madison@email.com» и «www.website.com», каждый в отдельной строке. Для этого нажмите Enter после каждой записи, чтобы создать новую строку. Нажмите Control-Enter, когда вы закончите.

Шаг 4

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение X: 269 пикселей, а вертикальное положение Y: 409 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 5

Удерживайте Control и выберите оба слоя: Адрес и Телефон / Электронная почта / Веб-сайт. Перейдите в Layer> New> Group from Layers и назовите эту группу Contact. Нажмите ОК

13. Как создать текстовый слой с названием и названием должности

Шаг 1

Начнем с названия должности. Перейдите в Слой> Новый> Слой. Назовите  слой Job Title (Должность) и нажмите ОК.

Шаг 2

На панели «Символ» установите для параметра «Стиль шрифта» значение «Полужирный курсив», для параметра «Ведущий» - значение «Авто», а для цвета - «C»: 0: 20: Y: 80: «K: 0» и нажмите кнопку «ОК».

Шаг 3

Выберите инструмент «Горизонтальный тип» (T) и нажмите на пустое место над разделителем. Теперь введите Graphic Designer  (Графический дизайн) в текстовое поле и нажмите Control-Enter для подтверждения.

Шаг 4

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 194 пикселей и вертикальное положение на Y: 224 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 5

Давайте создадим слой имени. Перейдите в Слой> Новый> Слой. Назовите этот слой Name (Имя) и нажмите OK.

Шаг 6

На панели «Символ» установите для параметра «Стиль шрифта» значение «Светлый», «Размер шрифта» - 10 pt и «Цвет» - C: 0 M: 0 Y: 0 K: 95, а затем нажмите кнопку «ОК».

Шаг 7

Выберите инструмент «Горизонтальный тип» (T) и щелкните немного над Должность. Теперь введите STEVE MADISON в текстовое поле и нажмите Control-Enter.

Шаг 8

Давайте назначим более тяжелый стиль шрифта только для STEVE. Наведите курсор на STEVE и дважды щелкните, чтобы выбрать. На панели «Символ» установите «Стиль шрифта» на «Черный» и нажмите Control-Enter, чтобы подтвердить изменения.

Шаг 9

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 268 пикселей, а вертикальное положение на Y: 188 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 10

Давайте сохраним слои, сгруппировав слои Name и Job Title. Удерживайте Control и выберите слои Name и Job Title. Перейдите в Layer> New и выберите Group from Jayers (Группу из Слоёв). Назовите эту группу Имя и Должность и нажмите ОК.

14. Как создать логотип

Шаг 1

Перейдите в Layer> New> Group. Назовите Логотип этой группы и нажмите ОК.

Шаг 2

На панели «Абзац» выберите «Центр текста». На панели «Символ» установите для параметра «Стиль шрифта» значение «Светлый», «Размер шрифта» - 6 пунктов., «Ведущий» - 6,5 пунктов., «Цвет» - C: 0 M: 0 Y: 0 K: 95 и нажмите ОК.

Шаг 3

Выберите инструмент «Горизонтальный тип» (T) и щелкните в любом месте холста. Введите CREATIVE INSPIRATIONS в текстовое поле и нажмите Control-Enter для подтверждения.

Шаг 4

Давайте установим другой стиль только для слова CREATIVE. Наведите курсор на CREATIVE и дважды щелкните, чтобы выбрать. На панели «Символ» установите «Стиль шрифта» на «Черный», а затем «Размер шрифта» на 12 пунктов и нажмите Control-Enter, чтобы применить изменения.

Шаг 5

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 902 пикселей и вертикальное положение на Y: 306 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 6

Выберите Custom Shape Tool (инструмент пользовательской формы) на панели инструментов. Нажмите Custom Shape Picker (сортировщик пользовательской формы) и выберите Logo Shape (Форму Логотипа).

Шаг 7

Нажмите прямо над названием компании. Теперь установите флажок Сохранить пропорции и установите ширину: 110 пикселей. Нажмите ОК

Шаг 8

Перейти к слою> переименовать слой. Назовите этот слой Logo (Логотип) и нажмите ENTER.

Шаг 9

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

Шаг 10

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 902 пикселей и вертикальное положение на Y: 210 пикселей. Нажмите Enter дважды для подтверждения.

15. Как создать группу деталей

Шаг 1

Давайте выберем слои, необходимые для формирования этой группы. Сначала выберите текстовый слой VISUAL EYE CANDY (визуальный взгляд). Теперь держите Shift и выберите группу Logo (Логотип).

Шаг 2

Теперь, когда вы выбрали нужные слои и группы, перейдите в Layer> New> Group from Layers (Слой>Новый> Группа из Слоёв). Назовите эту группу  Details (Подробности) и нажмите ОК.

Прекрасно! Передняя часть визитной карточки завершена.

Важно сохранить свой прогресс, прежде чем перейти к созданию задней части. Перейдите в Файл> Сохранить или нажмите Control-S на клавиатуре.

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

Шаг 1

На этот раз мы не будем создавать новый документ. Вместо этого мы будем дублировать переднюю часть, чтобы избавить вас от необходимости заново настраивать документ. Перейдите в Изображение> Дублировать. Назовите этот новый документ Business-Card-Back и нажмите ОК.

Шаг 2

На панели «Слои» щелкните значок треугольника рядом с «Детали и фон», чтобы отобразить сгруппированный контент. Теперь удерживайте Control и выберите следующие группы и слои:

• Имя и должность 
• Контакт 
• Привлекательное изображение
• Контактные изображения
• Шаблоны главных страниц
• Сортировщик

Шаг 3

Теперь удалите выбранные группы и слои, которые нам больше не нужны. Перейдите в «Слой»> «Удалить»> «Слой» и нажмите «Да» для подтверждения.

17. Как установить позицию логотипа

Выберите группу Logo (Логотип) на панели Layers (Слои). Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 562,5 пикселей и вертикальное положение на Y: 338 пикселей. Нажмите Enter дважды для подтверждения.

18. Как создать фон сайта

Шаг 1

Сначала выберите слой Tagline Bg (Шаблоны подзаголовков) на панели «Слои». Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 464,5 пикселей и вертикальное положение на Y: 540 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 2

Перейдите в Слой> Дублировать слой. Назовите этот слой Website Bg и нажмите OK.

Шаг 3

Перейдите в Edit> Transform Path и выберите Flip Horizontal (Отражение по горизонталям).

Шаг 4

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 660,5 пикселей и вертикальное положение на Y: 540 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 5

Выберите  Website Bg и Address Bg на панели «Слои». Нажмите Control-E или перейдите в Layer и выберите Merge Shapes.  

Шаг 6

Теперь выберите Rectangle Tool (U) (инструмент Прямоугольник ). Нажмите  Path Operations («Операции с контурами») и выберите Merge Shape Components («Объединить компоненты формы»).

19. Как создавать декоративные фоны

Шаг 1

Выберите слой Address Bg на панели «Слои» и перейдите в «Слой»> «Переименовать слой». Назовите этот слой Left (левый) и нажмите Enter.

Шаг 2

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: -94 пикселей и вертикальное положение на Y: 540 пикселей. Нажмите Enter дважды для подтверждения.

Шаг 3

Выберите инструмент  Прямоугольника (Rectangle Tool (U)). Нажмите действия с контурами и выберите Subtract Front Shape (вычесть переднюю форму). Теперь нарисуйте прямоугольник, перекрывающий лишнюю форму.

Шаг 4

Если инструмент «Прямоугольник» (U) по-прежнему выбран, нажмите «Действия с контурами» и выберите Merge Shape Components «Объединить компоненты формы», чтобы завершить обрезку.

Шаг 5

Перейдите в Слой> Дублировать слой. Назовите этот слой Right  (правый) и нажмите OK.

Шаг 6

Перейдите в Edit> Transform Path и выберите Flip Horizontal (Отобразить по горизонтали).

Шаг 7

Выберите инструмент (перетаскивания) Move (V) на панели инструментов. Удерживайте Control и выберите Right (правый) и фоновый слой на панели «Слои». Теперь нажмите «Выровнять правые края» на панели инструментов «Параметры».

20. Как создать текстовый слой сайта

Шаг 1

Мы будем создавать новый текстовый слой в группе деталей. Сначала давайте выберем  Details Group (группу деталей) на панели «Слои».

Шаг 2

Затем выберите Центр текста на панели «Абзац». На панели символов установите для параметра «Шрифт» значение «Лато», «Стиль шрифта» - «Обычный», «Размер шрифта» - 6 пунктов, «Ведущий» - «Авто», «Цвет» - «C»: 0 M: 0 Y: 0 K: 0 и нажмите кнопку «ОК».

Шаг 3

Выберите Horizontal Type Tool (T) (инструмент горизонтального типа (T)). Нажмите на форму фона веб-сайта и введите www.website.com в текстовое поле. Нажмите Control-Enter для подтверждения.

Шаг 4

Давайте установим другой стиль только для веб-сайта. Выберите инструмент горизонтального типа (T). Наведите курсор на верхнюю часть веб-сайта и дважды щелкните, чтобы выбрать. На панели символов установите для параметра «Стиль шрифта» значение «Черный», «Цвет» - значение C: 0 M: 20 Y: 80 K: 0 и нажмите кнопку «ОК». Нажмите Control-Enter, чтобы применить изменения.

Шаг 5

Нажмите Control-T или перейдите в Edit> Free Transform Path. Установите горизонтальное положение на X: 563 пикселей, а вертикальное положение на Y: 540 пикселей. Нажмите Enter дважды для подтверждения.

Потрясающие! Ваша визитная карточка готова

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

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

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

Прямо сейчас нужна эта визитная карточка ? Тогда просто  загрузите эту и три другие визитные карточки с моего пакета визиток 4 в 1 на GraphicRiver.