Как создать макет визитки за 10 шагов в InDesign

Визитная карточка – важный инструмент для привлечения потенциальных клиентов. По сравнению с электронной почтой, карточка дольше остается на виду, посылая клиенту визуальные сигналы и заставляя связаться с ее владельцем. Учитывая это, дизайн такого крошечного листа бумаги должен быть уникальным и запоминающимся, а также давать четкую информацию о предоставляемых услугах. И в этом уроке мы расскажем вам, как создать макет визитки за 10 простых шагов в программе Adobe InDesign.

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

В уроке используются шрифты Portico и Pier Sans Regular.

Файлы для урока скачать здесь.

Создаем визитную карточку в InDesign

Шаг 1

Открываем программу Adobe InDesign и переходим «Файл» > «Новый» > «Документ» | «File» > «New» > «Document».

В открывшемся окне выбираем Печать | Print, устанавливаем Страницы | Number of Pages на 1 и снимаем галочку с Разворот Страницы | Facing Pages. Далее выбираем готовый размер или вручную устанавливаем необходимые значения. Учтите, что стандартные размеры визиток в разных странах отличаются. В Европе принято использовать 85х55 мм, в СНГ – 90х50 мм, в США – 88,9х50,8 мм. В данном уроке использован стандартный размер России – 90х50 мм, но вы можете выбрать другой.

Добавляем Поля | Margins размером 5 мм и Выпуск за обрез | Bleed по всем сторонам документа 3 мм.

Затем жмем кнопку Создать | Create.

Шаг 2

Переходим на панель «Окно» > «Слои» | «Window» > «Layers» и дважды кликаем по стандартному слою Слой 1 | Layer 1, чтобы открыть окно «Параметры слоя» | «Layer Options». Переименовываем слой на «Цвет фона» и жмем OK.

Затем в нижней части панели слоев жмем на кнопку «Создать новый слой» | «Create New Layer», чтобы создать еще один слой. Дважды кликаем по нему, чтобы переименовать на «Фото».

Создаем еще два новых слоя: сперва «Цвет обводки», а затем выше «Текст».

Нажмите на пустое поле слева от имени каждого слоя, чтобы заблокировать их, оставив только слой «Цвет фона» незаблокированным. Выбираем его, кликнув один раз левой кнопкой мышки.

Шаг 3

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

Открываем панель «Окно» > «Цвет» > «Образцы» | «Window» > «Color» > «Swatches», в правом верхнем углу кликаем на кнопку меню и выбираем «Новый образец цвета» | «New Color Swatch». Чтобы использовать такие же цвета, как в уроке, устанавливаем «Цветовой режим» | «Color Mode» на CMYK и настраиваем цвета: C=4; M=13; Y=91; K=0. Называем цвет «Ярко-желтый» (для этого нужно снять галочку «Имя и цветовые значения» | «Name with Color Value»). Затем жмем «Добавить» | «Add» и ОК.

Повторяем процесс и добавляем второй образец. Называем его «Лососево-розовый» и настраиваем: C=0; M=41; Y=28; K=0.

Шаг 4

Не снимая выделение со слоя «Цвет фона», берем инструмент Прямоугольник | Rectangle Tool (M) и создаем прямоугольник по всему размеру документа, захватив все пространство внутри выпусков за обрез.

На панели «Образцы» | «Swatches» выбираем наш лососево-розовый цвет и отключаем обводку.

Далее блокируем слой «Цвет фона» и разблокируем слой выше – «Фото». Чтобы можно было легко менять фон визитки, мы добавим специальную рамку. Как с ней работать, вы узнаете во второй части урока. Выбираем инструмент Прямоугольный фрейм | Rectangle Frame Tool (F) и создаем прямоугольник, захватив все пространство внутри выпусков за обрез.

Шаг 5

Блокируем слой «Фото» и выше разблокируем «Цвет обводки».

Берем инструмент Прямоугольник | Rectangle Tool (M) и создаем прямоугольник по размеру внутренних полей. На панели «Образцы» | «Swatches» устанавливаем цвет обводки фигуры на «Ярко-желтый» и убираем заливку.

Переходим на панель «Окно» > «Обводка» | «Window» > «Stroke». Здесь мы можем настроить толщину обводки, регулируя параметр «Толщина» | «Weight». Устанавливаем его на 1 пункт.

Не снимая выделение с прямоугольника, переходим «Объект» > «Параметры углов» | «Object»> «Corner Options». Выбираем «Скругленные» | «Rounded» и устанавливаем размер на 0,25 мм, чтобы слегка смягчить углы обводки. Затем жмем OK, чтобы применить изменения.

Шаг 6

Блокируем слой «Цвет обводки» и разблокируем слой выше «Текст».

Берем инструмент Текст | Type Tool (T) и по центру визитки создаем текстовое поле. Пишем туда имя или название компании.

На верхней панели управления или на панелях «Окно» > «Текст и таблицы» > «Cимвол» | «Window» > «Type & Tables» > «Character» или «Абзац» | «Paragraph» вы можете настроить шрифт, размер текста, расстояние между символами (здесь установлено на 250) и выравнивание (по центру). В уроке использован шрифт Portico – аккуратный, стильный и без засечек.

На панели «Образцы» | «Swatches» выбираем один из двух наших цветов, в данном случае ярко-желтый.

Шаг 7

Блокируем слой «Текст» и разблокируем нижний слой «Цвет фона».

Теперь пришло время создать заднюю сторону визитки. Для этого переходим на панель «Окно» > «Страницы» | «Window» > «Pages» и внизу панели нажимаем на кнопку «Создать новую страницу» | «Create New Page».

Продолжаем работу на второй странице. Берем инструмент Прямоугольник | Rectangle Tool (M) и создаем прямоугольник до выпусков за обрез. Заливаем его ярко-желтым цветом.

Шаг 8

Блокируем слой «Цвет фона» и разблокируем «Цвет обводки».

Используем инструмент Прямоугольник | Rectangle Tool (M), чтобы создать обводку по периметру внутренних полей. Удаляем цвет заливки, а цвет обводки устанавливаем на лососево-розовый.

На панели «Обводка» | «Stroke» в меню «Выровнять обводку» | «Align Stroke» выбираем «Обводка снаружи линии» | «Outside».

Затем переходим «Объект» > «Параметры углов» | «Object» > «Corner Options», устанавливаем размер на 0,25 мм и форму – на «Скругленные» | «Rounded», затем жмем ОК.

После этого возвращаемся на панель «Обводка» | «Stroke» и увеличиваем толщину обводки до 33 пунктов, чтобы она касалась внутренних границ выступов за обрез.

Шаг 9

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

Создаем два новых образца: «Уголь» – C=54; M=50; Y=54; K=47, и «Шпатлевка» – C=25; M=25; Y=46; K=26.

Разблокируем слой «Текст» и используем Текст | Type Tool (T), чтобы создать текстовые фреймы на странице. Старайтесь, чтобы шрифты и стиль подходили под ваше имя или название компании.

Для контактов выбираем удобный для чтения шрифт, который хорошо смотрится в небольшом размере. В таких случаях простые шрифты без засечек подойдут лучше всего. В уроке использован Pier Sans Regular.

Меняем цвет текста. Верхний заголовок с именем и должностью делаем чуть более темным (цвет «Уголь»), а для нижнего текста выбираем что-нибудь менее контрастное, например, цвет «Шпатлевка».

Шаг 10

Дизайн визитки готов! Чтобы заменить фон карточки на картинку, перейдите к следующему разделу. Затем возвращайтесь сюда и мы с вами подготовим макет для печати.

Переходим «Файл» > «Экспорт» | «File» > «Export» и в выпадающем списке выбираем формат Adobe PDF (печатная версия). Вводим любое имя для файла и жмем на кнопку Сохранить.

Далее откроется окно экспорта, в выпадающем списке Стиль Adobe PDF | Adobe PDF Preset мы выбираем Полиграфическое качество | Press Quality.

В меню слева выбираем Метки и выпуск за обрез | Marks and Bleeds и ставим галочку напротив Все типографские метки| All Printer’s Marks. Возможно, вам не нужно отмечать все пункты, например, Цветовые шкалы | Color Bars и Метки приводки | Registration marks, лучше уточните это в типографии, которая будет вам печатать визитку. Также важно активировать Использовать настройки документа | Use Document Bleed Settings в нижней части окна.

Нажимаем Экспорт | Export, чтобы сохранить готовый к печати PDF-файл.

Как создать макет визитки: настройка фона

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

Шаг 1

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

Нажимаем по рамке изображения на этом слое и переходим «Файл > «Поместить» | «File» > «Place». Выбираем любую картинку и жмем «Открыть» | «Open». На верхней панели управления (или правой кнопкой мыши) нажимаем на кнопку Заполнить фрейм с сохранением пропорций | Fill Frame Proportionally, чтобы изображение полностью заполнило документ.

Фон с тропическими листьями идеально подойдет для иллюстратора или дизайнера одежды.

Шаг 2

Если вы хотите использовать детализированный фон на визитке, из-за которого мелкие элементы станут нечитаемыми, можете создать непрозрачную рамку под текстом.

Разблокируем слой «Обводка» и уменьшим размер текстовой рамки. Заполняем рамку желтым цветом (Например C=0; M=47; Y=74; K=0), а текст каким-нибудь контрастным, например, белым. Для этого мы сперва инструментом Текст | Type Tool (T) выделяем текст и на панели «Образцы» | «Swatches» выбираем для него подходящий оттенок. Затем берем инструмент Выделение | Selection Tool (V), выбираем им текст (в результате выделится не сам текст, а его рамка) и переключаем цвет рамки.

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

На этом все! Теперь вы знаете, как создать макет визитки для продвижения себя или своего бизнеса в InDesign. Приятного творчества!