0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать визитку в иллюстраторе

Создание визитки в illustrator CS4

Наша с вами задача сделать визитку в иллюстраторе. Фоном нам послужит картинка, сделанная в фотошопе. Смотрите статью: Как вырезать объект в photoshop. У нас почти всё есть. Осталось только сделать векторные текстовые блоки поверх растрового фона. Визитки делают разными способами. Фон может быть как растровый так и векторный. Не делайте текст в фотошопе. Это плохой путь. Текст будет размытым и нечётким.

Создайте в иллюстраторе новый документ с такими свойствами (90 x 50 мм). Для обрезки нужно оставить несколько миллиметров. Я оставил 2 мм с каждой стороны. Смотрите на картинку.

Если не делать подлив или дообрезной формат, то мы не сможем качественно порезать монтажный лист. В подобных случаях визитки после обрезки получаются маленькими (меньше чем 90 х 50 мм). Надо оставлять место под обрезку, чтобы вы не делали! Ваш формат должен быть 90 х 50 и 2 мм на обрезку с каждой стороны. В нашем монтаже будет двойной рез как по вертикали, так и по горизонтали. В итоге получится заготовка с размерами 94 х 54 мм.

У вас должно получится примерно такой результат как у меня на картинке. Обратите внимание на красную и чёрную рамку. Черная рамка показывает как будет выглядеть документ после обрезки.

У вас должно быть два слоя. На одном разместите растровый фон, а на другом у вас будет текст. При блокировке одного слоя вам будет удобно работать с другим слоем. Допустим вы заблокировали фон и работаете с текстом. Как бы вы не выделяли текстовый блоки, вы не сможете сдвинуть фон. На панели инструментов находится инструмент «Текст». Щелкните по нему и попытайтесь создать текстовой блок. Выделите область и введите текст для вашей будущей визитки. Предлагаю вам сделать 2 текстовых блока. Взгляните на картинку.

Обратите внимание на контур или обводку. Она белого цвета и имеет плавные закругления. Тут есть небольшая хитрость. Обводка выполнена на другом слое. Вы должны будите скопировать текстовой блок и разместить его под текстовым блоком. На нижнем слое нужно будет сделать обводку. Сделайте текст и обводку белым цветом. Смотрите на картинку.

Толщина моей обводки составляет 0,7 мм. Обратите внимание на скруглённые концы. Выставите настройки как у меня на картинке.

Для того чтобы перемещать текст внутри текстового поля вам нужно воспользоваться окном «Абзац». Путь такой: окно -> текст -> абзац (alt+ctrl+t). В этом окне можно менять отступы. Я обычно меняю верхние и нижние отступы. В текстовом блоке может быть много текста разного шрифта. Не делайте отступ клавишей «enter». Это дурной тон.

Размер шрифта вы можете поставить на своё усмотрение. Я использовал шрифт Myriad Pro. Самый главный текст в блоке выделите жирным стилем bold.

Какой бы шрифт вы не выбрали, текст должен читаться. Обладатель визитки не должен всматриваться в визитку и искать инициалы человека. Посмотрите на картинку. У вас должен получится примерно такой результат.

Это еще не всё ))) Для того чтобы запустить в печать эту визитку, нужно создать монтаж в индизайне. О том как это делается я рассказываю в своей статье: Как сделать монтаж А4 формата для визиток в InDesign CS4. В иллюстраторе не делайте монтажи. Это долгое занятие. Обратите внимание на тот момент, что используются целых 3 программы: photoshop, illustrator, indesign. И это всё ради одной визитки. Но вместо визитки может быть любая другая заготовка. Важно понять сам принцип ведения работы. Если есть вопросы по поводу создания визитки, то пишите комментарии. Я постараюсь ответить.

Читать еще:  Как быстро восстановить ресницы после наращивания

Макет визитки в Adobe Illustrator

Для печати визиток необходим макет. Для его верстки обычно используются графические редакторы Adobe Photoshop, Adobe Illustrator или Corel Draw. Хотя Paint тоже считается графическим редактором, не используйте его, вам самим в конечном итоге не понравится результат.

В данной статье мы покажем вам, как сделать макет стандартной визитки 90*50 в Adobe Illustrator.

Для этого нам понадобятся:

  • Собственно сам Adobe Illustrator. Мы используем версию Adobe Illustrator CC. Установить его можно абсолютно бесплатно и продлевать по подписке при необходимости.
  • Логотип компании в хорошем качестве, шрифты и прочая айдентика при наличии.
  • 20 минут времени.

Приступим:

1. В Adobe Illustrator создаем новый документ Файл -> Новый и указываем параметры документа, как на рисунке ниже:

Мы создаем двухстороннюю визитку, поэтому количество монтажных областей — 2. Если ваша визитка имеет только лицевую сторону, то необходима только 1 монтажная область.
Обратите внимание на цветовой профиль. Цветовой режим должен быть CMYK.

2. Результат получится следующий:

3. Выставляем направляющие. Направляющие — это своеобразная зона безопасности, за которые не должны вылезти текст и графика. Чтобы их выставить включаем Линейки: Просмотр -> Линейки или нажимаем Ctrl-R. Устанавливаем 4 вертикальные и 2 горизонтальные направляющие с отступами 3-5 мм от краев документа.
Результат:

4. Подготовительные работы окончены, приступаем к дизайну и верстке. Добавляем на лицевую сторону логотип компании. Файл -> Поместить:

Логотип должен быть в хорошем разрешении!

5. С помощью инструмента Выделение (V) и клавиши Shift установите нужные размер логотипа.

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

7. Лицевая сторона визитки готова, приступаем к оборотной. Добавим немного красок. Для этого я воспользуюсь паттерном, но в общем случае можно выполнить обычную цветную заливку или вставить картинку. Файл — > Поместить и выравниваем картинку.

8. Визитка готова! Осталось сохранить и подготовить ее к печати.

9. Сохраняем в PDF и проставляем метки обрезки.

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

10. Итоговый макет визитки с метками реза выглядит так:

Вы всегда можете заказать профессиональный полиграфический дизайн визиток и не только в нашей типографии.

Как сделать визитку в иллюстраторе

Подробный урок с описанием всех этапов создания и предпечатной подготовки визитки в Adobe Illustrator

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

Но боюсь печатники возненавидят вас за один вид фаила PDF, сгенерированного в Фотошопе. Хочу заметить, что сам всегда работаю в связке Фотошоп+Иллюстратор, Фотошоп+ИнДизайн. Либо Фотошоп+Иллюстратор+ИнДизайн. Поэтому в этой статье мы продолжим наши эксперименты и сделаем все по правильному. Работы не много. Всего делов импортировать графику в Иллюстратор, создав заранее правильный пустой фаил для визитки. Затем написать текст.

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

Создаем рабочую область визикти в Illustrator

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

В блидах поставьте 4мм, этого хватит для любой типографии. Цветовой режим, конечно, CMYK. Пункт Raster Effect — не является тем, о чем думаешь вначале. Это вовсе не разрешение фаила. Разрешение в 300dpi уже установлено в исходной графике, которую мы создали заранее в Photoshop. Raster Effect — степень разрешения растровых эффектов Иллюстратора. Пока мы ими не пользуемся эта цифра не имеет значения.

Читать еще:  Как переквалифицироваться в программиста

Иллюстратор и разрешение для печати

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

Разрешение же регулирует степень детализации графики. Сколько пикселей уложится на один дюйм. Стандартно для полиграфии это число равняется 300dpi, но это тема для другой статьи. Я подготовил заранее текстурный фон визитки в фотошопе. Я продолжу работу именно с ним.

Подготовка графических элементов визитки

Прежде всего возьмем фон визитки. У меня уже есть готовый PSD файл, который я подготовил заранее.

Как помните, в первой части статьи я решил делать визитку в пространстве RGB. Это было сознательное решение. Во первых, я собирался воспользоваться режимами цветокоррекции, а в разных цветовых пространствах они работают по разному. Во вторых, я хотел показать вам что можно работать и с RGB изображением. А затем спрятать слои в смарт слой и поменять RGB на CMYK. Таким образом у нас останется RGB контроль внутри смарт слоя, а визуально визитка будет конвертирована в CMYK снаружи смарт слоя.

Теперь мы снова подошли к вопросу перевода CMYK, но в нашем макете есть нечто, делающее это невозможным. Слои цветокоррекции. Если помните изначальная текстура была светлой. Мы затемнили её при помощи слоев цветокоррекции. К сожалению Фотошоп не способен корректно переводить из RGB в CMYK слои цветокоррекции и режимы наложения. Поэтому перед нами лишь 2 решения.

  1. Слить слои создав монолитную текстуру
  2. Воспользоваться мощью смарт слоев и «зашить» все ненужное внутрь смарт объекта.

Вы в праве работать так как вам удобнее и проще. Я так же не упомянул важную деталь. Дело в том, что переводить фаилы в CMYK не обязательно. Ведь в Иллюстраторе мы уже выбрали рабочим пространством CMYK, а при сохранении в PDF графика автоматически сконвертируется в CMYK. Однако цвет графики при конвертации может сильно меняться. Что если это произойдет в Иллюстраторе? тогда вам придется в слепую менять настройки цветокоррекций, чтобы проверить как это меняет изображение в Иллюстраторе.

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

Можете залить объект на время красным цветом.

Импортируем графику визитки в Иллюстратор

Откройте File > Place и найдите наш первый задний фон — фаил Background.

Разместите его по центру, теперь слой можно заблокировать чтобы он нам не мешал.

Шрифты

Выберите свой шрифт. Я выберут тот же, что использовал для логотипа Hronofag в Фотошопе. Напишите текст. На панели Characters можно отрегулировать размер, расстояние между буквами. Разверните надпись и переведите её в кривые Type > Create Outlines

Теперь выберите оба объекта, фигуры и логотип и слейте их в сложную фигуру Object > Compound Path > Make В процессе перевода шрифта в кривые в слоях могут появиться лишние группы, объединяющие в себе буквы. От групп надо избавляться Object > Ungroup

Читать еще:  Можно ли горизонтальный гидроаккумулятор вешать вертикально

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

Создаем Clipping Mask в иллюстраторе

Зачем это вообще нужно? Почему было бы не импортировать все объекты одним задним фоном, а мелкий шрифт просто дописать. Во первых, тогда урок получился бы значительно короче. А во вторых, когда речь идет о визитках вам наверняка захочется получить большую детализацию, чем может дать растр. При разрешении 300dpi качество получится конечно хорошим, но края золотых фигур откровенно распадаются на темном фоне.

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

Импортируйте таким же образом и второй золотой фон визитки. Поместите векторные фигуры выше. Это можно сделать на панели слоев Layers. Она устроена почти так же как в Фотошопе.

Выделите оба объекта и откройте Object > Clipping Mask > Make Теперь совсем другое дело?

На панели выше нажмите кнопочку Edit Content и попробуйте наружить взаимосвязь двух текстур. Разверните золотую текстуру, уменьшите её. В общем поэксперементируйте.

Дополнительные эффекты

В Фотошопе мы подтенили фигуры и логотип, чтобы выделить их на фоне текстуры. Тоже самое мы сделаем и в Иллюстраторе. Выберите фигуру и откройте Effect > Stylize > Drop Shadow. Настройте небольшую размытую тень. Можете воспользоваться моими настройками.

Убедитесь, что в настройках Raster Effects у вас стоит 300 dpi. Если вы пропустили этот пункт вначале, перенастроить настройки разрешения растровых эффектов можно в диалоговом окне Effects > Document Raster Effects Settings

Шрифты для визитки

Заключительный этап, он же повторение того что мы делали в Фотошопе. Выберите инструмент Type и вбейте текст для визитной карточки. Настроить его можно на панели Characters. Настройте размер, расстояние между строками по вашему вкусу и наша визитка закончена.

Сохранение в PDF

Переходим к правильному сохранению для печати. При столкновении с диалоговым окном настроек PDF кажется, будто во всем этом невозможно разобраться. Славо богу в печати давно приняты стандартизированные настройки, выбрав которые вы решите 99% ваших проблем. Выбирайте File > Save As. В диалоговом окне выбираем PDF/X-1a:2001

Остается лишь убедиться что мы правильно сохранили линии реза и блиды. Переходим в раздел Maks and Bleeds. Сразу поставьте галочку на Trim Marks. Это линии реза. Но чтобы линии реза сохранились там где нужно, свяжите их с блидами. Так как Блиды мы уже определили при создании документа достаточно поставить галочку Use Document Bleed Settings.

На этом наша работа с визиткой в Иллюстраторе заканчивается. Её можно смело слать в типографию. Получив визитку сделанную в Фотошопе в первой части этой статьи печатники наверняка вас проклянут. Но если вы следовали советам этой статьи и подготовили визитку в Фотошопе+Иллюстраторе у типографии не останется к вам претензий.

Скачать фаилы

По доброй традиции можно скачать все то, о чем вы только что прочитали. Скачивание исходников бесплатное. Всегда было и всегда будет. Чтобы скачать фаилы кликните по кнопке Like для Фэисбука. После этого появится прямая ссылка. В исходниках вы найдете ссылку на целый проект. PSD фаил из первой статьи. 2 текстуры, AI фаил иллюстратора с версткой и готовый для печати PDF. Удачных экспериментов.

Источники:

http://egorch.ru/post/creating-business-card-illustrator/
http://total-print.pro/articles/article/maket_vizitki_v_adobe_illustrator/
http://skillsup.ru/uroki-obuchenie-master-klassyi/dizajn/dizajn-poligrafii/granzhevaya-vizitka-v-illyustratore.html

Ссылка на основную публикацию
Статьи c упоминанием слов:

Adblock
detector