Создайте привлекательную визитку в InDesign
Визитные карточки являются мощными маркетинговыми инструментами, но только в том случае, если они призваны произвести сильное положительное впечатление Красиво оформленная карта не только делится вашей контактной информацией, она также дает первое впечатление о вашем бренде и усиливает ваши профессиональные контакты. Четкий дизайн визитки привлечет новых клиентов и выделит вас из толпы конкурентов.
Сегодня мы собираемся создать креативную визитку в Adobe InDesign. Все мы знаем, что в InDesign есть много эффективных инструментов для создания печатных СМИ; Вы можете использовать его для визиток, брошюр, бланков, листовок и многого другого. Итак, начнем с нашей визитки.
Шаг 1
Откройте InDesign и нажмите «Файл»> «Создать»> «Документ». Установите количество страниц равным 2, и снимите флажок напротив страниц. Установите ширину 3,5 дюйма и высоту 2 дюйма с полями 0,5 дюйма и сливом 0,125 дюйма.
Шаг 2
Выберите инструмент «Прямоугольник» и создайте прямоугольник с красным образцом (C = 15 M = 100 Y = 100 K = 0).
Шаг 3
Теперь добавьте 4pt штрих с тем же образцом красного цвета, который использовался для создания нашего прямоугольника.
Шаг 4
Выберите инструмент «Прямоугольник» и создайте еще один прямоугольник с образцом черного цвета (C = 0 M = 0 Y = 0 K = 95).
Шаг 5
Теперь мы собираемся создать несколько кругов или кругов, поэтому выберите инструмент эллипса и создайте круг с образцом красного цвета (C = 15 M = 100 Y = 100 K = 0). Добавьте 1pt штрих с образцом белой бумаги (C = 0 M = 0 Y = 0 K = 0).
Шаг 6
Выберите круговой слой на панели слоев и нажмите «Эффекты»> «Тень».
Шаг 7
Повторите тот же процесс и добавьте еще несколько кругов, используя те же методы и настройки. Вы можете использовать различные оттенки красного, чтобы заполнить ваши круги.
Шаг 8
Теперь давайте начнем с деталей. Выберите инструмент «Текст» и создайте текстовый фрейм. Затем добавьте заголовок с образцом цвета бумаги.
Шаг 9
Выберите титульный слой, нажмите «Эффекты» и добавьте тень и внутреннюю тень, используя следующие настройки.
Шаг 10
Повторите тот же процесс и добавьте нужный текст.
Шаг 11
Выберите инструмент «Линия» и создайте разделитель, затем добавьте штрих «Прямой хэш» (5pt) с образцом темно-красного цвета (C = 41 M = 100 Y = 100 K = 200).
Шаг 12
Добавьте тень к указанной выше линии, выбрав слой линии и нажав «Эффекты»> «Тень».
Шаг 13
Теперь давайте добавим контактную информацию. В качестве основы выберите инструмент «Прямоугольник» и создайте прямоугольную полосу с образцом темно-серого цвета (C = 0 M = 0 Y = 0 K = 94) и добавьте штрих 1pt с черным образцом (C = 0 M = 0 Y = 0 K = 95).
Шаг 14
Повторите тот же процесс, чтобы создать другой прямоугольник, затем добавьте контактную информацию с помощью инструмента «Текст». (Я изменил «View»> «Screen Mode» на «Bleed», чтобы мы могли правильно видеть детали.)
Шаг 15
Выберите инструмент «Линия» и создайте вертикальную линию с образцом темного цвета (C = 0 M = 0 Y = 0 K = 93) и 2pt «Толстый-толстый» с образцом цвета (C = 0 M = 0 Y = 0 К = 91).
Шаг 16
Передняя сторона визитной карточки готова, поэтому давайте перейдем к другой стороне. Повторите тот же первоначальный процесс, который мы использовали для лицевой стороны. (Вернемся к «нормальному» экранному режиму)
Теперь выберите инструмент «Прямоугольник» и создайте прямоугольник с образцом красного цвета (C = 15 M = 100 Y = 100 K = 0).
Шаг 17
Создайте еще один прямоугольник с образцом черного цвета (C = 0 M = 0 Y = 0 K = 95).
Шаг 18
Выберите инструмент эллипса и создайте несколько кругов с тем же штрихом и тенью, которые мы использовали ранее.
Шаг 19
Выберите инструмент ввода, чтобы добавить желаемый текст заголовка. Затем нажмите «Объект»> «Преобразовать»> «Повернуть на 90 o по часовой стрелке».
Шаг 20
Выберите титульный слой и нажмите «Эффекты», чтобы добавить добавить тень и внутреннюю тень, используя следующие настройки.
Шаг 21
Теперь наш дизайн визитной карточки готов, поэтому давайте создадим готовый к печати PDF-файл. Вы можете настроить параметры в соответствии с требованиями вашего принтера. Нажмите «Файл»> «Предустановки Adobe PDF»> «Печать высокого качества» и сохраните PDF-файл в нужном месте. Теперь появится панель экспорта; настройте параметры и нажмите кнопку «Экспорт».
Мы все сделали. Наша привлекательная визитная карточка готова.
Я надеюсь, что вам понравился урок, я вернусь с еще немного. До тех пор, будьте осторожны!
Create a business card
Customize our design to create a modern business card you’ll be proud to hand out.
What you'll need
This sample file contains assets provided by Adobe Stock for your tutorial practice purposes only. Check out the ReadMe file in the folder for the terms of use for this file. Adobe Stock has millions of royalty-free images and videos for your commercial use. You can get 10 images with a free month trial.
Download and open the sample file
Open the supplied sample file, business-card-design_START.indd. Our sample business card uses standard US dimensions: 3.5 in. x 2 in. For Europe and elsewhere, use 55 mm x 85 mm. With nothing in the document selected, you can see the document settings in the Properties panel on the right.
You’re viewing the front of the business card in Normal mode which lets you see non-printing objects like margins and text frames. Press the W key to switch between Normal and Preview modes — the Preview mode hides the distracting non-printing objects.
Press the W key to return to the Normal mode.
Place a logo on the front of the card
Choose File > Place and navigate to the supplied logo-color.ai file. Click Open.
With your cursor loaded with the logo art, click at the intersection of the top and left margins and drag a rectangular frame.
To resize the logo and frame proportionally, with the Selection tool selected in the Toolbar, press Command+Shift (macOS) or Control+Shift (Windows) and drag a corner point.
If you need to move the logo, click the frame with the Selection tool and drag it to the desired position on the page.
Replace placeholder text
Select the Type tool in the Toolbar.
Highlight each line of text individually and replace it with your own text. These steps maintain the font, text layout, and text styles.
Style your text
Although the text is already formatted, you can customize it by changing various settings in the Character section of the Properties panel.
To format an entire text frame, select the text frame with the Selection tool.
Click the down-facing arrow next to the font name and select a font installed on your computer or click Find More to find and activate an Adobe Font.
To format some text differently, select it with the Type tool and try changing up the look.
- Select your name, and then click the All Caps button in the Properties panel. Increase the font size to make it stand out.
- Select your title and practice changing the font and font style.
Design the back of the card
Now you’ll finish the back of the card. Click the tab for the Pages panel or choose Window > Pages. Double-click the page 2 thumbnail to show it in the document window.
Select the black rectangle with the Selection tool and click the Fill Color box under Appearance in the Properties panel. Select a color swatch — you may have to scroll to see all the colors we provided.
Next, you’ll place another logo using what you learned earlier.
Choose File > Place and navigate to the supplied logo-white.ai file. Click Open.
With the loaded cursor, drag a rectangular frame somewhere on the colored rectangle. Press Command+Shift (macOS) or Control+Shift and drag a corner point on the frame to resize proportionally.
Now, you’ll position the logo.
Drag the logo to the center until you see intersecting Smart Guides that help you align your logo precisely.
Save your business card
Choose File > Export > Adobe PDF (Print) and click Save.
In the Adobe PDF Preset menu, change the following:
Choose either the High Quality Print or Press Quality options, based on your print provider’s recommendations.
Select the Marks and Bleed Marks category and:
- Select Crop Marks and Bleed Marks in the Marks section.
- Select Use Document Bleed Settings in the Bleed and Slug section.
Click Export to save a print-ready PDF that you can email or upload online.
Note: Since the background runs to the edge of the paper, the sample file is saved with a bleed. The bleed extends the design slightly beyond the page edges so that no white edges show up when the cards are printed and trimmed. See How to set a print bleed to learn more.
Nailed it! Now you can practice working on more identity projects — view Create a letterhead and an envelope.
Как сделать макет визитки в InDesign
Связи решают, если не всё, то многое. При знакомстве с новым человеком, потенциальным клиентом, будущим партнером мы даем ему визитку.
Постепенно в кошельке накапливается огромное количество визиток, дисконтных карт. Один из способов сделать вашу визитку запоминающейся — уделить внимание созданию дизайна.
Видео о верстке текста, о CMYK и Pantone, о роли Illustrator в InDesign, а также горячие клавиши для ускорения работы.
Размеры визиток в России: 90 мм х 50 мм
Размеры визиток в Европе: 85 мм х 55 мм
Автор видео: Вадим Гранич, дизайнер, верстальщик.
Учимся масштабировать объекты в Adobe Illustrator, разделять объект на 2 части, делаем вылеты под обрез, создаем сложные паттерны, верстаем текст.
Текст должен быть сверстан в одном боксе
Можно попросить в типографии печатать на черной бумаге. Тогда поменяйте сам цвет бумаги в документе. Для этого два раза кликните на Paper в панели Swatches и задайте черный цвет.
Вы создаете макеты — мы печатаем.
15 полезных инструментов для дизайнеров
Полезные дизайнерские сервисы, приложения и плагины, которые помогут упростить жизнь и избавиться от рутины.
Незаменимое приложение для Chrome и Safari, которое позволит распознать шрифт на веб-странице при наведении курсора.
Простой и магически красивый генератор случайных цветовых схем. Результат можно сохранить в любом формате.
Позволяет вытащить цветовую гамму, типовые размеры изображений и шрифты с любого сайта.
Типографический сервис, который советует удачные сочетания шрифтов.
Масштабный плагин для Photoshop с готовым набором сеток, макетов и типовых модулей. Помогает ускорить работу над прототипом или наброском сайта.
Самый известный и мощный онлайн-редактор для работы со шрифтами.
Маленький сервис, который обрамляет дизайн-макеты в скин браузера Safari.
Простейшая онлайн-рисовалка фавиконок. Результат можно увидеть сразу же — в строке браузера.
Приложение для Chrome, которое измеряет объекты и расстояния между ними.
Подгоняет окно браузера под различные разрешения — быстрый способ выяснить, как макет сайта смотрится на других устройствах.
Чек-лист для веб-дизайнеров: помогает не сделать очевидных ляпов при передаче макетов в разработку.
Простой инструмент, который генерирует палитру цветов из любой картинки.
Коллекция дизайнерских инструментов: типовые размеры конвертов и визиток, справочник по переплетам, стандартые форматы онлайн-баннеров и другие шпаргалки.
Оформительские гайдлайны и брендбуки социальных сетей — все на одной странице.
Незаменимый инструмент для компрессии PNG-файлов: результат его работы едва заметен для человека, зато размер файла уменьшается на порядок.
Как сделать визитку в индизайне
- 7 983
Визитная карточка – важный инструмент для привлечения потенциальных клиентов. По сравнению с электронной почтой, карточка дольше остается на виду, посылая клиенту визуальные сигналы и заставляя связаться с ее владельцем. Учитывая это, дизайн такого крошечного листа бумаги должен быть уникальным и запоминающимся, а также давать четкую информацию о предоставляемых услугах. И в этом уроке я расскажу вам, как создать макет визитки за 10 простых шагов в программе Adobe InDesign.
Как ни странно, но создать профессиональную визитку можно очень быстро. В этом уроке мы сделаем гибкий шаблон для InDesign, в котором с легкостью можно настроить цвета, фон и текст. Процесс работы будет показан с нуля, так что, если вы еще новичок, то без проблем сможете разобраться и создать свой собственный дизайн визитки.
Создаем визитную карточку в InDesign
Шаг 1
Открываем программу Adobe InDesign и переходим File – New – Document (Файл – Новый – Документ).
В открывшемся окне в пункте Intent (Метод) выбираем Print (Печать), устанавливаем Number of Pages (Количество страниц) на 1 и снимаем галочку с Facing Pages (Разворот). В меню Page Size (Формат страницы) выбираем готовый размер или вручную устанавливаем необходимые значения. Учтите, что стандартные размеры визиток в разных странах отличаются. В Европе принято использовать 55 х 85 мм, в СНГ – 50 х 90 мм, в США – 50,8 х 88,9 мм.
Добавляем Margins (Поля) размером 0.1875 дюймов (4,7625 мм) и Bleed (Выпуск за обрез) по всем сторонам документа 0,125 дюйма (3,175 мм).
Затем жмем кнопку ОК.
В данном уроке использован стандартный размер США – 3,5 на 2 дюйма, но вы можете выбрать другой
Шаг 2
Переходим на панель Window – Layers (Окно – Слои) и дважды кликаем по стандартному слою Layer 1 (Слой 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 (Толщина). Устанавливаем его на 0,353 мм.
Не снимая выделение с прямоугольника, переходим Object – Corner Options (Объект – Параметры углов). Выбираем Rounded (Скругленные) и устанавливаем размер на 0,01 дюйма (0,254 мм), чтобы слегка смягчить углы обводки. Затем жмем OK, чтобы применить изменения.
Шаг 6
Блокируем слой «ВАШ ЦВЕТ ГРАНИЦЫ ЗДЕСЬ» и разблокируем слой выше «ВАШ ТЕКСТ ЗДЕСЬ».
Берем инструмент Type Tool (T) (Текст) и по центру карточки создаем текстовое поле. Пишем туда имя и название компании.
На верхней панели управления или на панелях Window – Type & Tables – Character (Окно – Текст и таблицы – Символ) или Paragraph (Абзац) вы можете настроить шрифт, размер текста, расстояние между символами (здесь установлено на 250) и выравнивание (по центру). В уроке использован шрифт Portico – аккуратный и стильный без засечек. Либо можно подобрать подходящий шрифт в Google Fonts. Перейдите по ссылке, чтобы узнать, как его установить.
На панели Swatches (Образцы) выбираем один из двух наших цветов, в данном случае ярко-желтый.
Шаг 7
Блокируем слой «ВАШ ТЕКСТ ЗДЕСЬ» и разблокируем нижний слой «ВАШ ФОНОВЫЙ ЦВЕТ ЗДЕСЬ».
Теперь пришло время создать заднюю сторону визитки. Для этого переходим на панель Window – Pages (Окно – Страницы) и внизу панели нажимаем на кнопку Create New Page (Создать новую страницу).
Продолжаем работу на второй странице. Берем инструмент Rectangle Tool (M) (Прямоугольник) и создаем прямоугольник до выпусков за обрез. Заливаем его ярко-желтым цветом.
Шаг 8
Блокируем слой «ВАШ ФОНОВЫЙ ЦВЕТ ЗДЕСЬ» и разблокируем «ВАШ ЦВЕТ ОБВОДКИ ЗДЕСЬ».
Используем инструмент Rectangle Tool (M) (Прямоугольник), чтобы создать обводку по периметру внутренних полей. Удаляем цвет заливки, а цвет обводки устанавливаем на лососево-розовый.
На панели Stroke (Обводка) в меню Align Stroke (Выровнять обводку) выбираем Outside (Обводка снаружи линии).
Затем переходим Object – Corner Options (Объект – Параметры углов), устанавливаем размер на 0,01 дюйм (0,254 мм) и форму – на Rounded (Скругленные), затем жмем ОК.
После этого возвращаемся на панель Stroke (Обводка) и увеличиваем толщину обводки до 12 мм, чтобы она касалась внутренних границ выступов за обрез.
Шаг 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 Preset (Стиль Adobe PDF) мы выбираем Press Quality (Полиграфическое качество).
В меню слева выбираем Marks and Bleeds (Метки и выпуск за обрез) и ставим галочку напротив All Printer’s Marks (Все типографские метки). Возможно, вам не нужно отмечать все пункты, например, Color Bars (Цветовые шкалы) и Registration marks (Метки приводки), лучше уточните это в типографии, которая будет вам печатать визитку. Также важно активировать Use Document Bleed Settings (Использовать настройки документа) в нижней части окна.
Нажимаем Export (Экспорт), чтобы сохранить готовый к печати PDF-файл!
Как создать макет визитки: настройка фона
Простой двухцветный дизайн выглядит аккуратно и стильно, но, возможно, вы захотите добавить дополнительные детали, которые подчеркнут вашу профессию и индивидуальность. Это очень легко сделать!
Шаг 1
Для начала разблокируем слой «ВАША КАРТИНКА ЗДЕСЬ» и проверяем, чтобы все остальные слои были заблокированы.
Нажимаем по рамке изображения на этом слое и переходим File — Place (Файл – Поместить). Выбираем любую картинку и жмем Открыть. На верхней панели управления нажимаем на кнопку Fill Frame Proportionally (Заполнить фрейм с сохранением пропорций), чтобы изображение полностью заполнило документ.
Фон с тропическими листьями идеально подойдет для иллюстратора или дизайнера одежды.
Шаг 2
Если вы хотите использовать детализированный фон на визитке, из-за которого мелкие элементы станут нечитаемыми, можете создать непрозрачную рамку под текстом.
Разблокируем слой «ВАШ ЦВЕТ ОБВОДКИ ЗДЕСЬ» и уменьшаем размер текстовой рамки. Заполняем рамку желтым цветом, а текст каким-нибудь контрастным, например, белым. Для этого мы сперва инструментом Type Tool (T) (Текст) выделяем текст и на панели Swatches (Образцы) выбираем для него подходящий оттенок. Затем берем инструмент Selection Tool (V) (Выделение), выбираем им текст (в результате выделится не сам текст, а его рамка) и переключаем цвет рамки.
Для примера ниже я использовала абстрактный фон, который идеально подойдет для разработчика игр.
На этом все! Теперь вы знаете, как создать макет визитки для продвижения себя или своего бизнеса в InDesign. Делитесь своим результатом в комментариях и оставляйте все интересующие вопросы. Приятного творчества!