Створення візитки і підготовка до друку в adobe illustrator - skillsup - зручний каталог уроків

Докладний урок з описом всіх етапів створення та підготовки до візитки в Adobe Illustrator

Зробити візитку від і до в Фотошопі, звичайно, можна. І якщо все правильно, і ви не порушили технічні вимоги друк пройде нормально.

Але боюся друкарі зненавидять вас за один вид фаіла PDF, згенерованого в Фотошопі. Хочу зауважити, що сам завжди працюю в зв'язці Фотошоп + Ілюстратор, Фотошоп + ІнДізайн. Або Фотошоп + Ілюстратор + ІнДізайн. Тому в цій статті ми продовжимо наші експерименти і зробимо все по правильному. Роботи не багато. Всього делов імпортувати графіку у Ілюстратор, створивши заздалегідь правильний порожній фаил для візитки. Потім написати текст.

Однак для статті занадто просто. Тому ми усложним нашу задачу. Ми вирішимо через вектор в Ілюстраторі ромбоподібний дизайн і квазі-логотипом хронофаги. За старою традицією в кінці статті завжди можна завантажити вихідні уроку.

Створюємо робочу область візікті в Illustrator

Перш за все створимо робочу область для нашої візитки. Нам потрібні Бліди, які підуть на різку і правильні розміри, якими за замовчуванням є 90 на 50 мм.

В Бліда поставте 4 мм. цього вистачить для будь-якій друкарні. Режим кольору, звичайно, CMYK. Пункт Raster Effect - не є тим, про що думаєш спочатку. Це зовсім не дозвіл фаіла. Дозвіл в 300dpi вже встановлено у вихідній графіці, яку ми створили заздалегідь в Photoshop. Raster Effect - ступінь дозволу растрових ефектів ілюстратор. Поки ми ними не користуємося ця цифра не має значення.

Ілюстратор і дозвіл для друку

Ілюстратор - це та програма, в якій растрова графіка може мати різний дозвіл. Ми імпортуємо одну картинку, потім другу і Ілюстраторові абсолютно наплювати на дозвіл. Все що його хвилює - реальний фізичний розмір. Завдяки цьому Ілюстратор відображає імпортовану графіку в реальному співвідношенні з робочою областю. Тому якщо область візитки 90 на 50мм. то і імпортована графіка повинна бути 90 на50 мм.

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

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

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

Тепер ми знову підійшли до питання перекладу CMYK, але в нашому макеті є щось, що робить це неможливим. Шари кольорокорекції. Якщо пам'ятаєте початкова текстура була світлою. Ми затемнили її за допомогою шарів корекції. На жаль Фотошоп не здатний коректно переводити з RGB в CMYK шари кольорокорекції і режими накладення. Тому перед нами лише 2 рішення.

Ви в праві працювати так як вам зручніше і простіше. Я так само не згадав важливу деталь. Справа в тому, що переводити фаил в CMYK не обов'язково. Адже в Ілюстраторі ми вже вибрали робочим простором CMYK, а при збереженні в PDF графіка автоматично конвертує в 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

Залишається лише переконатися що ми правильно зберегли лінії різу і Бліди. Переходимо в розділ Maks and Bleeds. Відразу поставте галочку на Trim Marks. Це лінії різу. Але щоб лінії різу збереглися там де потрібно, зв'яжіть їх з Бліда. Так як Бліди ми вже визначили при створенні документа досить поставити галочку Use Document Bleed Settings.

На цьому наша робота з візиткою в Ілюстраторі закінчується. Її можна сміливо слати в друкарню. Отримавши візитку зроблену в Фотошопі в першій частині цієї статті друкарі напевно вас проклянуть. Але якщо ви дотримувалися порад цієї статті і підготували візитку в Фотошопі + Ілюстраторі у друкарні не залишиться до вас претензій.

завантажити фаил