робимо шаблон в Ілюстраторі

Зміст

• Що потрібно для роботи
  • Спосіб 1: простий патерн з геометричних фігур
  • Спосіб 2: робимо патерн за допомогою картинок
• Питання та відповіді

Патерн-це візерунок, що складається з декількох однакових, розмножених картинок. Зображення можуть бути різного кольору, розміру, повернені під різним кутом, але за своєю структурою залишаться повністю ідентичними один одному, завдяки чому їх досить буде розмножити, деяким поміняти розмір, колір і розгорнути трохи під іншим кутом. Інструменти Adobe Illustrator дозволяють це зробити навіть недосвідченому користувачеві за кілька хвилин.

Завантажте останню версію Adobe Illustrator

Що потрібно для роботи

В першу чергу вам знадобиться зображення у форматі PNG або хоча б з однотонним фоном, щоб його можна було легко прибрати, змінивши параметри накладення. Найкраще, якщо у вас є якийсь векторний малюнок в одному з форматів ілюстратора &8212; AI, EPS. Якщо у вас є тільки картинка в PNG, то її доведеться переводити в вектор, щоб можна було змінити колір (в растровому вигляді можна тільки міняти розмір і розгортати картинку).

Можна зробити патерн за допомогою геометричних фігур. Це не вимагатиме пошуку відповідного зображення та його обробки. Єдиний мінус даного способу в тому, що результат може вийти досить примітивним, особливо якщо ви раніше ніколи не займалися подібним і інтерфейс ілюстратора бачите вперше.

Спосіб 1: простий патерн з геометричних фігур

У цьому випадку не потрібно шукати жодних зображень. Візерунок буде створюватися за допомогою інструментів програми. Ось так виглядає покрокова інструкція (в даному випадку розглядається створення квадратного візерунка):

1. Відкрийте Ілюстратор і в верхньому меню виберіть пункт «File» , де потрібно натиснути на «New…» для створення нового документа. Однак набагато простіше використовувати різні комбінації клавіш, в даному випадку-це Ctrl+N .

2. Програма відкриє вікно налаштування нового документа. Задайте розмір, який вважаєте за потрібне. Розмір можна задавати в декількох системах вимірювання-міліметрах – пікселях, дюймах і т. д. колірну палітру вибирайте в залежності від того, чи буде ваше зображення де-небудь друкуватися ( RGB - для Інтернету, CMYK - для друку). Якщо ні, то в пункті «Raster Effects» ставте «Screen (72 ppi)» . Якщо ви збираєтеся друкувати де-небудь свій візерунок, то ставте або «Medium (150 ppi)» , або «High (300 ppi)» . Чим більше значення ppi , тим якісніше вийде друк, але і ресурси комп'ютера при роботі будуть сильніше витрачатися.

3. Робоча область за замовчуванням буде білою. Якщо вас такий фоновий колір не влаштовує, то його можна поміняти, наклавши поверх робочої області квадрат потрібного кольору.
4. Після накладення даний квадрат потрібно ізолювати від редагування в панелі шарів. Для цього відкрийте вкладку «Layers» в правій панелі (виглядає як два накладених один на одного зверху квадрата). У цій панелі знайдіть недавно створений квадрат і клікніть по порожньому місцю, правіше від іконки очі. Там повинна з'явиться іконка замку.

5. Тепер можна приступати до створення геометричного патерну. Для початку намалюємо квадрат без заливки. Для цього в " панелі інструментів» виберіть " Квадрат» . У верхній панелі налаштуйте заливку, колір і товщину обведення. Так як квадрат робиться без заливки, то в першому пункті виберіть білий квадрат, перекреслений червоною лінією. Колір обведення в нашому прикладі буде зеленим, а товщина 50 пікселів.
6. Намалюйте квадрат. В даному випадку нам потрібна повністю пропорційна фігура, тому при розтягуванні затисніть Alt+Shift .

7. Щоб з вийшла фігурою було зручніше працювати, перетворите її в повноцінну фігуру (поки це чотири замкнуті лінії). Для цього перейдіть в «Object» , що розташований у верхньому меню. З випав підменю клікніть по «Expend…» . Після спливе вікно, де вам потрібно натиснути «OK» . Тепер ви отримали повноцінну фігуру.

8. Щоб візерунок не виглядав занадто примітивним, намалюйте всередині ще один квадрат або будь-яку іншу геометричну фігуру. В даному випадку обведення не буде використовуватися, замість неї буде заливка (поки таким же кольором, як і більшого квадрата). Нова фігура також повинна бути пропорційною, тому при малюванні не забувайте затискати клавішу Shift .
9. Розмістіть маленьку фігуру в центрі великого квадрата.
10. Виділіть обидва об'єкти. Щоб це зробити, знайдіть в " панелі інструментів» іконку з чорним курсором і з затиснутою клавішею Shift Натисніть на кожну фігуру.

11. Тепер їх потрібно розмножити, щоб заполонити весь робочий простір. Для цього спочатку скористайтеся комбінаціями клавіш Ctrl+C , а потім Ctrl+F . Програма самостійно виділить скопійовані фігури. Наведіть їх, щоб заповнювати порожню частину робочої області.
12. Коли вся область буде заповнена фігурами, то для різноманітності можна деяким з них задати інший колір заливки. Наприклад, невеликі квадратики перефарбувати в помаранчевий колір. Щоб швидше це зробити, виділіть їх все за допомогою «Selection Tool» (чорного курсору) і затиснутою клавіші Shift . Після виберіть в параметрах заливки потрібний колір.

Спосіб 2: робимо патерн за допомогою картинок

Для цього знадобиться завантажити картинку в форматі PNG з прозорим фоном. Можна також знайти картинку з однотонним фоном, але його доведеться видалити перед тим, як векторизувати зображення. А інструментами ілюстратора прибрати фон у зображення неможливо, його лише можна приховати, помінявши варіант накладення. Буде ідеально, якщо ви знайдете оригінальний файл зображення у форматі ілюстратора. В цьому випадку картинку не доведеться векторизувати. Головна проблема-знайти будь-які відповідні файли в форматі EPS, AI в мережі складно.

Розглянемо покрокову інструкцію на прикладі картинки з прозорим фоном в форматі PNG:

1. Створіть робочий документ. Як це зробити, описано в інструкції до першого способу, в пунктах 1 і 2.
2. Перенесіть на робочу область зображення. Відкрийте папку із зображенням і перенесіть його на робочу область. Іноді такий спосіб не діє, в цьому випадку натисніть на «File» у верхньому меню. З'явиться підменю, де потрібно вибрати «Open…» і вказати шлях до потрібної картинці. Ще можна скористатися комбінацією клавіш Ctrl+O . Зображення може відкритися в іншому вікні ілюстратора. Якщо це сталося, то просто перетягніть його на робочу область.



3. Тепер потрібно за допомогою інструменту «Selection Tool» (у лівій " панелі інструментів» виглядає як чорний курсор) виділити картинку. Для цього достатньо просто натиснути на неї.
4. Зробіть трасування картинки.

5. Іноді біля картинки може з'явитися Біла область, яка при зміні кольору заллється і перекриє зображення. Щоб цього уникнути видаліть її. Для початку виділіть зображення і натисніть по ньому ПКМ. У випадаючому меню виберіть &171;Ungroup&187; , а потім виділіть фон у зображення і натисніть Delete .

6. Тепер картинку потрібно розмножити і заповнити їй всю робочу область. Як це зробити, описано в пунктах 10 і 11 в інструкції до першого способу.
7. Для різноманітності скопійовані картинки можна зробити різного розміру за допомогою трансформації.
8. Також для краси деяким з них можна змінити колір.

Урок: як зробити трасування в Adobe Illustrator

Отримані патерни можна зберегти як у форматі ілюстратора, щоб повернутися до їх редагування в будь-який момент. Для цього перейдіть в «File» , натисніть «Save as…» і виберіть будь-який формат ілюстратора. Якщо ж робота вже закінчена, то можна зберегти її як звичайну картинку.