Как быстро создать стильную визитку в иллюстраторе? - как сделать визитки самостоятельно как быстро создать стильную визитку в иллюстраторе?

Совет № 6: Группируем объекты

Группировка объектов необходима в случае, когда нужно работать с ними, как с единым целым. При использовании команды «Сгруппировать» (Group) объекты будут накладываться друг на друга позади одного изображения, которое находится на переднем плане. Часто возникает потребность расположить объекты определённым образом в нужном вам слое. В этом деле команда «Сгруппировать», действительно, незаменима.

Необходимо поместить объект на задний план (В меню «Объект» кликаем на команду Монтаж (Arrange), а затем нажимаем на «Поместить на задний план» (Send to Back).
После выделения контура зажмите Shift и выделите тот объект, под слоем которого хотите разместить предыдущий.
Объедините оба объекта, воспользовавшись командой «Сгруппировать» в меню «Объект» или комбинацией горячих клавиш «Ctrl + G». Это закрепит объекты в нужной вам последовательности.

Совет № 10: Перевоплощение Звезды в Треугольник

Не каждый может подарить звезду с неба, но нарисовать её в иллюстраторе по силам любому. Однако не многие знают, что с помощью инструмента «Звезда» (Star) можно создавать и другие геометрические фигуры. Нарисуйте звезду и, удерживая её мышью, попробуйте добавлять и удалять опорные точки (кнопками «вверх» и «вниз»). Например, если нажать кнопку «вниз», то получите замечательный треугольник! Если вам нужно расположить его параллельно странице, просто нажмите на Shift, перед тем, как отпустить клавишу мыши.

Поторопитесь воспользоваться этими советами в своей работе и не бойтесь экспериментировать!

Совет № 4: Воспользуйтесь Smart Guides.

Сложно преувеличить значение выравнивающего инструмента (Align), однако ему под силу далеко не всё. Остальное сделает для вас Smart Guides. Чтобы включить «умные направляющие» выбираем в Панели инструментов меню «Вид». Затем находим команду Просмотр (View) и включаем функцию Smart Guides. Впрочем, можно пойти более простым путём и воспользоваться комбинацией клавиш «Ctrl + U».

После активации Smart Guides вы сразу же заметите, что при наведении на объект появляются линии подсветки и надписи: путь, центр, опорная точка. Теперь вы сможете наложить один контур на другой — Smart Guides подскажет, где объекты пересекаются.

Простой пример: Попробуйте выровнять по центру два круга. Сделать это просто: держите за «центр» первый круг и перемещайте его в «центр» второго.

Шаг одиннадцатый

Включите Snap to Grid, затем выполните Edit > Preferences > Guides & Grid и установите Gridline every : 5. Теперь выберите Ручку Pen Tool(P) и нарисуйте горизонтальную линию, как на изображении (1). Далее будет легче работать, если включить Snap to Grid. Дублируйте эту линию и форму «1». Выберите эти две копии и нажмите на кнопку Divide в палитре Pathfinder. Вы должны получить две новые формы. Выберите верхнюю и заполните ее линейным градиентом, показанным на изображении ниже (2), и понизьте его прозрачность к 70 %. Выберите нижнюю форму, заполните ее линейным градиентом, показанным на изображении (3), и понизьте его прозрачность к 70 %. Повторно выберите первоначальную горизонтальную линию и переместите ее наверх (Shift + Ctrl + ]). Сделайте для линии пустой заливку и добавьте обводку 3px с цветом (R=140 G=98 B=57). Затем нужно создать пунктирный эффект для обводки. Пойдите в пенель Appearance и нажмите на пункт Stroke . Откроется панель Stroke . Нажмите на кнопку Round Cap, поставьте флажок около Dashed Line. Укажите Dash = 12.

Панель инструментов

Панель инструментов (англ. Toolbar) – это часть рабочего пространства, в которой находятся различные инструменты, которые используются при работе с документами. Инструменты помогают выполнять самые разнообразные задачи: перемещение объектов, создание и редактирование точек кривых, раскрашивание, работа с текстом и др.

Панель инструментов бывает двух типов:

Basic – эта панель инструментов включает в себя выборочный набор инструментов, которые используются чаще всего. Открывается по умолчанию при открытии Adobe Illustrator. Чтобы просмотреть или добавить другие инструменты, необходимо кликнуть на значок Edit Toolbar, расположенный в нижней части панели инструментов. Откроется панель All Tools. Простым перетаскиванием вы сможете добавить недостающие инструменты.
Advanced – эта панель инструментов включает в себя все инструменты, доступные в Adobe Illustrator.

Как переключиться с одной панели на другую?

Переключиться можно через меню приложения. Выбираем пункт Window -> Toolbars -> Advanced/Basic.

Панель свойств

В рамках рассмотрения и изучения структуры рабочего пространства программы Adobe Illustrator нельзя пройти мимо панели Свойств (англ. Properties Panel). Это совсем недавно разработанная панель, которая призвана облегчить работу с приложением и помочь новым пользователям соориентироваться в многообразии настроек и свойств используемых инструментов.

По умолчанию, панель свойств доступна в рабочем пространстве Essentials. Если вы ее отключили, и хотите вернуть обратно, необходимо в меню выбрать пункт: Window -> Properties.

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

Структура рабочего пространства

Перед тем как перейти к обзору структуры рабочего пространства, необходимо познакомиться с таким понятием как Фрейм приложения (англ. Application frame). Фрейм приложения – это область рабочего пространства, в которой группируются все элементы рабочей среды в единое интегрированное окно.

Фрейм приложения позволяет работать с программой как с единым целым. При масштабировании фрейма, все элементы рабочего пространства продолжают взаимодействовать между собой и не перекрывают друг друга. На компьютерах с системой Mac, если вы привыкли к традиционному интерфейсу, вы можете отключить фрейм приложения. Чтобы это сделать, в меню выбираем следующий пункт: Window -> Application Frame.

Рабочее пространство Adobe Illustrator состоит из следующих элементов:

Панель приложения (англ. Application bar) – это область, находящаяся в верхней части рабочего пространства. Содержит в себе: главное меню, переключатель рабочих сред, строку поиска и другие элементы управления приложением. Если работаете с системой Mac, то панель приложения включается только при отключении фрейма приложения.
Панель инструментов (англ. Toolbar) – это область, расположенная в левой части рабочего пространства. Содержит в себе все инструменты, необходимые для создания графических элементов, работы с текстом, редактирования изображений и др.
Панель управления (англ. Control panel) – это область, которая появляется при создании нового документа и располагается под панелью приложения. Панель управления показывает опции конкретно выбранного объекта в документе.
Окно документа (англ. Document window) – это область, в которой отображается находящийся в работе документ. В этой области также могут располагаться вкладки документов, если вы работаете с несколькими файлами одновременно.
Палитры или Панели (англ. Panels) – это небольшие области, которые помогают вам работать с документом, изменять его и следить за различными параметрами. Панели можно, группировать, прикреплять или свертывать.

Онлайн-сервисы для создания визиток

Создать визитку онлайн можно прямо на сайтах-конструкторах. Этот вариант подойдет, если вы:

имеете стабильный и быстрый доступ в интернет;
не хотите засорять ПК в поисках наилучшей программы;
не уверены в надежности установленного антивируса;
не планируете постоянно обновлять макеты;
хотите однократно напечатать 10-20 визиток.

Большинство онлайн-сервисов имеет ограниченный функционал, однако его вполне достаточно, если нужно сделать визитку оперативно и «без наворотов».

Printut.com

Сервис Printut.com имеет много опций и пользовательских настроек, используя которые можно создавать очень разнообразные макеты. Шаблоны на сайте удобно структурированы по группам, и их действительно огромное количество.

Чтобы начать работу над визиткой, зайдите в «Конструктор». Далее:

Выберите шаблон подходящей тематики и перетащите его в рабочее поле.
Замените надписи шаблона на ваши данные, используя инструмент «Текст» и его настройки.
Добавьте подзаголовки.
По аналогии заполните обратную сторону визитки и нажмите кнопку «Продолжить».
Выберите действие – заказать, скачать, редактировать.
Сохраните результат. Это возможно в формате .pdf или .jpg. При выборе .pdf-файла требуется оплата в размере 69 руб. Выбор .jpg-формата открывает окно предпросмотра макета для дальнейшего заказа печати визиток в типографии. При этом каждому макету присваивается уникальный номер, который следует запомнить на случай последующих редакций файла, хранящегося на сайте.

Maketron.ru

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

Окно редактора выглядит так, как на скриншоте ниже.

Как работать в Maketron.ru:

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

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

Сanva.com

Онлайн-сервис Сanva.com предоставляет возможность создавать практически профессиональные визитки за счет очень большого количества шаблонов и богатого функциями редактора. Для сохранения макета требуется регистрация или авторизация через Google или Facebook, поэтому рекомендуем сразу уделить этому несколько секунд времени.

После регистрации:

Зайдите на страницу «Конструктора».
Выберите понравившийся шаблон и перетащите его в область редактора.
Выделяя поочередно каждое поле на панели форматирования текста, заполните их своими данными.
Сохраните файл в любом из предлагаемых форматов — .png, .jpg, .pdf. Для печати оптимально подойдет установленный по умолчанию формат .pdf. В PRO-версии доступно скачивание макета в виде .svg-файла.

Профессиональная версия Canva содержит более 600 тыс. шаблонов и около 100 млн. премиум шрифтов, фото, видео и других элементов. Кроме того, в ней масса дополнительных «плюшек» — фирменный стиль, планировщик контента, использование анимаций и 100 Гб места в облачном хранилище.

PRO-версия предлагается с 30-дневным ознакомительным периодом, в рамках действия которого вы можете полноценно использовать весь функционал сервиса. Годовая подписка стоит 7 990 рублей.

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

Строка поиска

Строка поиска в Adobe Illustrator находится в правой части панели приложения. Условно, поиск в программе Adobe Illustrator разделен на две части:

Поиск по справке Adobe
Поиск по микростоку Adobe Stock

Переключение между поиском происходит через выпадающее меню поля поиска:

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

Поиск по справке Adobe

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

Поиск по микростоку Adobe Stock

Используя строку поиска в Adobe Illustrator вы также можете искать различные материалы в микростоке Adobe Stock. В вашем распоряжении тысячи бесплатных векторных иллюстраций и миллионы платных изображений. Результаты поискового запроса будут отображаться в новом окне браузера.

Шаг 2: выберите тему

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

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

https://youtube.com/watch?v=zOPA0NaeTBk

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

Шаг 3: Создайте свою карточку

Теперь, когда у меня есть тема, я приступлю к оформлению передней обложки. Задняя крышка останется последней.

Выберите свои шрифты

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

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

Я буду использовать два шрифта: Minion для переднего и Lincoln для заднего, так как оба похожи на шрифт и совпадают с темой.

Создайте дизайн передней части

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

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

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

Дизайн задней части

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

В качестве разделителя между моим именем и заголовком я также добавлю небольшую линию, используя кисть Illustrator в стиле эскиза. Вы также можете использовать пользовательские кисти, доступные в Интернете, как для мелких деталей, так и для крупных рисунков на своей визитной карточке.

Вот что у меня есть на данный момент:

Что касается информационной части, просто поместите несколько строк текста на свой рисунок. Также лучше использовать несколько значков для обозначения типа информации (номер телефона, номер факса, адрес электронной почты, Twitter и т. Д.). Мой любимый веб-сайт с бесплатными значками — Flaticon, на котором собраны тысячи небольших изображений значков в различных форматах для удовлетворения ваших потребностей.

Я буду использовать два простых значка: значок телефона и значок почты. Убедитесь, что вы загружаете значок в формате EPS . Это векторный формат, который сохранит свое качество независимо от размера.

Шаг 1. Настройте стороны

При создании визитной карточки оставьте две основные вещи: мы создаем и лицевую, и оборотную стороны, и мы создаем эту графику для печати. Для печати, в отличие от цифровой графики, потребуется несколько различных параметров, чтобы получить наилучший физический продукт. Вот общие характеристики визитной карточки в США.

Чтобы просмотреть окно ниже, откройте новый документ в Adobe Illustrator и выберите Дополнительные настройки в сохранении. Подсказка.

Я кратко рассмотрю различные параметры и почему они были выбраны:

Количество монтажных областей | Упорядочить по столбцу. В результате будут созданы две монтажные области, которые вы будете использовать для двух сторон своей визитной карточки. Вариант расположения столбцов разместит один над другим. Параметр Spacing разделяет монтажные области.
Ширина | Высота | Единицы | Ориентация. Обычные размеры визитных карточек в США — 3,5 «x 2» . Опция «Ориентация» выше показывает их в альбомной ориентации, но портретная ориентация также работает.
Растекание: Обтекаемые области позволяют принтерам накладывать графику или цвета по краям страниц. Для визитных карточек рекомендуется оставлять за обрез 1/8 дюйма. Растяните любое изображение, которое вы используете, до края области за обрез, иначе вы получите небольшой белый контур на вашей карточке.
Цветовой режим | Растровые эффекты. Следует помнить о двух важных аспектах: CMYK в качестве цветового режима и High (300 ppi) в качестве растрового эффекта. Для печати всегда следует использовать CMYK, в отличие от цветовой модели RGB по умолчанию, которая лучше всего подходит для дисплеев.. Кроме того, 300 ppi (пикселей на дюйм) обеспечат более четкое печатное изображение, поскольку оно содержит больше информации о цвете на дюйм, чем при более низком разрешении.

Нажмите Создать документ , чтобы начать свой проект.

Совет № 2: Освойте хитрости локального копирования

Одними из часто используемых функций иллюстратора являются копирование и вставка. Это достаточно простые операции, однако при необходимости вставить объект в одно и то же место, могут возникнуть трудности. Чтобы вставить изображение на передний (Paste in Front) или задний (Paste in Back) план необходимо воспользоваться соответствующими командами в меню Редактирование (Edit).

Весьма полезными являются следующие комбинации клавиш:

— «Ctrl + F» позволяют вставить изображение сверху того места, откуда оно было скопировано, а «Ctrl + В» — ниже него.

Здесь же пригодится знание горячих клавиш, вызывающих инструмент вращения Rotate tool. Выделив объект нужно дважды «кликнуть» на инструмент. После этого появиться меню, в котором вам необходимо выбрать угол «О» и нажать «копировать». И словно по волшебству копия изображения окажется в том же месте!

Шаг 2. Работаем с фоном, картинками

Основное мы уже сделали. Чуть-чуть доработаем и визитка готова

Теперь находим на панели инструментов иконку с обозначением прямоугольника.

Можно нажать клавишу «M» в латинской раскладке и у вас активизируется этот инструмент. Теперь «рисуем» контур визитной карточки. Размеры задаём позже на специальной панели инструментов вверху, которая называется «Трансформирование»(см. картинку ниже).

Напоминаю что размеры нашей визитки должны быть не менее 90х50 мм. Это стандартные размеры соблюдая которые вы не столкнётесь с проблемами при печати и резке визиток в типографиях или студиях.

Вот что у нас получилось!

Неплохо! Но дизайн нужно дорабатывать

Заливка фона

Панель для управления цветом находится в самом вверху слева. Нам всего лишь нужно кликнуть по цветному квадратику и увидим панель с цветовыми шаблонами. Я выбрал тёмно-зелёный цвет.

Чуть правее находится ярлычок для изменения цвета контура формы. Он у меня чёрный. Пока-что его не трогаем.

Инструмент «Текст»

Введём данные для нашей визитки. Для этого нам нужен инструмент «Текст». Я обозначил этот инструмент на картинке ниже. Для вызова этого инструмента можно просто нажать на клавишу «T» в латинской раскладке.

Как видим на картинке работа с текстом в иллюстраторе представлена довольно широким количеством соответствующих инструментов. Но нам пока-что нужен самый верхний и самый простой инструмент.

Вводим данные

При вводе информации необходимо сразу отделять текст по смыслу. Т.е. если я пишу ФИО. То для того чтобы ввести контакты я создаю новый текстовый объект. Делается это новым кликом по инструменту «текст»на панели.

Таким образом я ввёл все данные, которые должны быть на визитке. Да, кстати. А какие должны быть данные на визитке? Особых требований к визиткам никогда не было. Главное чтобы человек получивший её, мог легко с вами связаться.

Обычно это телефон (мобильный и/или стационарный), факс (если есть), электронная почта, мессенджеры (телеграмм, скайп, вотсап, аська и т.д.), социальные сети (вконтакте, фейсбук, одноклассники), конечно сайт (если есть), адрес.

Чем больше возможностей с вами связаться — тем лучше. В конце концов, зачем печатать визитку если от неё никакой пользы?

Я немного изменил цвет и ввёл данные. Как видим получилось довольно неплохо

Обратите внимание что фамилию я сделал более жирным шрифтом. Советую использовать этот приём и вам

Более значимую информацию всегда необходимо делать более заметной и читаемой.

Вставка изображений, логотипов и прочих векторных объектов.

Неплохо бы добавить больше графической информации. Слишком уж скромная визитка получается. Жмём «Файл» -> «Поместить» и выбираем из заготовленных изображений то которое поставим на нашу карточку.

Я выбрал одну из найденных в интернете картинок и разместил на макете, сгладив у неё края. Смотрим что у нас получилось.

По-моему очень даже неплохо! Меня определённо ждёт успех… и масса звонков.

Управление окнами и панелями

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

Настройка яркости интерфейса

Первое на что необходимо обратить внимание при настройке рабочего пространства – это яркость пользовательского интерфейса и различных панелей. Как ее настроить?. Шаг 1

Отрываем настройки программы. В меню выбираем пункт Edit -> Preferences -> General (Ctrl+K)

Шаг 1. Отрываем настройки программы. В меню выбираем пункт Edit -> Preferences -> General (Ctrl+K).

Шаг 2. Настраиваем яркость. Выбираем подраздел User Interface и подбираем яркость интерфейса под собственный вкус.

Программа предлагает четыре варианта яркости интерфейса: Dark, Medium Dark, Medium Light и Light. По умолчанию цвет холста за пределами артборда подстраивается под яркостную схему, выбранную пользователем. Если вам хочется сделать холст белым, то для этого есть специальная настройка. За это отвечает пункт Canvas Color. Чтобы сделать холст белым необходимо переключить опцию с варианта Match User Interface Brightness на White.

Программа Adobe Illustrator предлагает четыре варианта яркости интерфейса: Dark, Medium Dark, Medium Light и Light.

Совет № 8: Создаём плавные переходы

Команда «Превращение» (Blend) используется для создания «группы превращения», а также промежуточных объектов из используемых исходных форм (контуры, объекты с градиентными заливками). Для того чтобы создать плавные переходы необходимо задать нужное нам количество шагов в переходе.

Чтобы понять принцип действия, нарисуйте рядышком квадрат и круг. Затем в меню «Объект» находим команду «Превращение» (Blend) и одну из её опций – «Параметры превращения» (Blend Options). Открывшееся диалоговое окно задаём нужное нам количество шагов с помощью команды «Заданное число шагов» (Specified Steps). Затем выделяем оба наши контура, после чего выбираем другую опцию команды «Превращение» — «Создать» (Make). В итоге получаем несколько контуров, являющих собой нечто среднее между кругом и квадратом. Для дальнейшего редактирования созданных контуров можно использовать команду «Обработка прозрачности».

Какими должны быть визитки

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

Размер. Стандартные длины сторон визитной карточки – 90 и 50 мм.
Классический вариант визитки содержит фамилию и имя ее владельца, название организации, должность, контактный телефон, адрес электронной почты, веб-сайт или страницы компании в соцсетях. Если организация имеет логотип, его также принято размещать на визитках.
Плотность бумаги. Карточки должны быть жесткими, поэтому лучше всего печатать их на бумаге плотностью 110-130 г/м2.
Цветовая гамма и шрифты. Выбрать подходящий цвет фона и шрифтов можно произвольно, но чтобы карточка имела солидный профессиональный вид, лучше иметь некоторые представления об ассоциациях и сочетаемости цветов. Для этого можно использовать теорию круга Иттена, как при создании рекламных буклетов. Шрифты должны быть хорошо читаемыми и контрастными по отношению к основному фону.