Illustrator для початківців: векторна графіка з нуля

Крок 1

Зрозумійте вектор і встановіть Illustrator

Растрове зображення (фото, скриншот) складається з пікселів і при збільшенні «розсипається». Векторне складається з точок і кривих, які програма перераховує під будь-який розмір: тому логотип у векторі однаково чіткий і на візитці, і на банері. Adobe дає 7 днів безкоштовного пробного періоду, а після початку оплати ще 14 днів на скасування з повним поверненням коштів. Для комп'ютерної версії Adobe вказує мінімум 8 ГБ оперативної пам'яті (рекомендовано 16 ГБ).

💡 Якщо ви тільки пробуєте, спершу складіть собі список вправ із цього гайду, а вже потім запускайте пробний період, щоб не витратити пробні дні на розглядання меню.

Крок 2

Монтажні області й прості фігури

Монтажна область (artboard) — це «аркуш» усередині файлу; в одному документі їх може бути кілька різного розміру. Інструмент Artboard (Shift + O) створює нові області, а подвійне клацання по ньому відкриває Artboard Options, де можна задати точний розмір. Створіть кілька квадратних областей під іконки й потренуйтеся з базовими фігурами:

• •прямокутник, еліпс, багатокутник і зірка — основа більшості іконок;
• •заливка й обведення: поміняйте товщину лінії й подивіться, як змінюється характер фігури;
• •вирівнювання об'єктів між собою й відносно монтажної області;
• •групування: кілька фігур, які рухаються як одна.

Крок 3

Shape Builder: складні форми з простих

Shape Builder (Shift + M) збирає складні об'єкти, об'єднуючи прості фігури. Виділіть кілька фігур, що перетинаються, увімкніть Shape Builder і проведіть мишею по ділянках, які мають стати однією формою. Так із кола й прямокутників виходить хмаринка, будиночок чи бульбашка повідомлення. Вправа: зберіть п'ять простих іконок (дім, лист, лупа, серце, дзвіночок) лише з базових фігур і Shape Builder, без Пера.

💡 Тримайте однакову товщину ліній і однакові радіуси кутів в усьому наборі: саме це робить іконки «родиною».

Крок 4

Перо: прямі лінії й криві

Перо (Pen tool, клавіша P) дає повний контроль над формою. Клацання ставить опорну точку, наступне клацання малює пряму, а клацання з Shift обмежує кут кратним 45°. Щоб намалювати криву, потягніть мишею під час постановки точки: з'являться напрямні. Щоб замкнути контур, клацніть по першій точці; щоб лишити його відкритим, клацніть убік із затиснутим Ctrl (Windows) чи Cmd (macOS).

• •почніть із прямих: трикутник, стрілка, зигзаг;
• •далі — дуги й хвилі з якомога меншою кількістю точок;
• •потім обведіть Пером просту форму з фото, наприклад листок чи чашку.

💡 Менше точок — плавніша крива. Якщо контур виглядає горбатим, найчастіше точок просто забагато.

Крок 5

Трасування, експорт і перший набір іконок

Image Trace перетворює растрове зображення на вектор: розмістіть картинку через File > Place, відкрийте Window > Image Trace і оберіть пресет. Це зручно, щоб оцифрувати власний ескіз, а потім доопрацювати його вручну. Готову роботу експортуйте через File > Export > Export for Screens: там можна вивантажити кілька монтажних областей одразу у форматах PNG, JPEG, SVG, PDF, WebP та інших. Фінальна вправа — набір із 6–8 іконок в одному стилі на окремих монтажних областях.

💡 Покажіть набір у спільноті й попросіть фідбек на конкретне: чи тримається єдиний стиль, чи читаються іконки в малому розмірі.