Створення векторів - це один з найбільш важливих предметів, які потрібно вивчити, перш ніж стати графічним дизайнером. Простий спосіб почати - це обведення растрових зображень і перетворення їх у вектори. Принаймні, саме так я вчився 12 років тому.

Коли ви тільки починаєте, створити щось з нуля може бути складним завданням, особливо не знаючи, які інструменти використовувати. Але якщо ви дійсно хочете, напевно є спосіб, і я покажу вам, як це зробити.

У цій статті ви дізнаєтеся більше про векторні зображення та кілька способів створення векторного зображення в Adobe Illustrator.

Ви, напевно, вже знаєте, що Adobe Illustrator славиться створенням векторної графіки. Але що таке вектор? Як дізнатися, чи є зображення векторним?

Що таке векторне зображення?

Технічне пояснення: це зображення, створене за допомогою математичних формул, таких як точки, лінії та криві. Це означає, що ви можете змінювати розмір зображення без втрати роздільної здатності. Деякі поширені типи векторних файлів .ai , .eps , .pdf , .svg .

Звучить заплутано? Дозвольте пояснити. В основному, будь-які редаговані зображення є векторними. Коли ви створюєте дизайн з нуля в Adobe Illustrator, він є векторним, якщо ви його не растеризуєте. Наприклад, це може бути фігура, обведене зображення, накреслений текст, професійний логотип.

Існує багато способів зробити векторне зображення в Adobe Illustrator, але я об'єднаю їх у дві основні категорії: векторизація растрового зображення і створення вектора з нуля.

Векторизація зображення

Перетворити растрове зображення у векторне можна за допомогою інструмента "Перо" або трасування зображення. Найшвидшим і найпростішим варіантом є, безумовно, трасування зображення, і зробити це можна з Властивості > Швидкі дії панель.

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

Примітка: скріншоти з цього посібника зроблені з версії Adobe Illustrator CC 2022 для Mac. Windows або інші версії можуть виглядати інакше.

Трасування зображення

Крок 1: Обріжте зображення до області, яку потрібно векторизувати.

Крок 2: Виділіть зображення та оберіть Трасування зображення від Властивості > Швидкі дії панель.

Виберіть результат трасування.

Наприклад, якщо ви обираєте Чорно-білий логотип виглядатиме наступним чином.

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

Виглядаєш краще?

Крок 4: Виберіть зображення та натисніть Розгорнути від Швидкі дії Тепер ваше зображення можна редагувати, і ви можете бачити точки та лінії.

Змініть колір, щоб побачити, як це виглядає 🙂

Спробуйте кілька варіантів. Давайте подивимося ще один результат трасування. Ось так він буде виглядати, якщо ви виберете 16 кольорів на етапі 2.

Якщо ви розгорнете його, то побачите редаговані шляхи.

Розгрупувавши об'єкт, ви можете видалити непотрібні області або додати до нього інший колір фону. Не забудьте згрупувати їх назад після внесення змін. Якщо цього не зробити, ви можете втратити деякі фрагменти ілюстрації під час переміщення.

Занадто складно? Як щодо створення більш простого дизайну за допомогою інструменту пера?

Інструмент Pen Tool

Інструмент "Перо" дає вам велику свободу для творчості. Хоча ми використовуємо інструмент "Перо" для обведення контуру, але хто сказав, що ви повинні слідувати лініям? Ми можемо зробити простий векторний лінійний арт.

Крок 1: Поверніться до вихідного зображення і зменшіть непрозорість приблизно до 70%, щоб ви могли чіткіше бачити траєкторію руху пера. Зафіксуйте зображення на випадок, якщо ви випадково його перемістите.

Крок 2: Виберіть пункт Інструмент для пера (P) на панелі інструментів, виберіть колір обведення та змініть значення параметра Заливка на Ні.

Крок 3: Обведіть контур фігури зображення. Якщо ви хочете додати колір пізніше, вам слід закрити контур інструменту перо і я пропоную вам створити фігури на основі кольорової області. Зафіксуйте закінчений контур, щоб уникнути редагування неправильного контуру.

Наприклад, я буду промальовувати головну частину окремо від нижньої.

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

Крок 4: Ви можете промальовувати більше деталей з оригінального зображення, або додати свій штрих. Наприклад, я додала деякі деталі до голови за допомогою акварельних пензликів та створила деякі геометричні фігури для тіла.

Крок 5: Видаліть оригінальне зображення і ви отримаєте своє векторне зображення. Ви можете зберегти зображення у форматі png для подальшого використання.

Створення вектора з нуля

Існує дуже багато способів створити вектор з нуля. Ви можете створювати лінії, створювати фігури, використовувати пензель для малювання і т.д. Деякі популярні інструменти для створення фігур - це інструмент перо, інструменти фігур (Еліпс, Прямокутник, Багатокутник і т.д.), а також інструмент Конструктор фігур.

Зараз я покажу, як зробити векторний ананас з нуля менш ніж за п'ять хвилин.

Крок 1: За допомогою інструменту перо намалюйте частину голови, вона може бути ось такою.

Крок 2: Скористайтеся кнопкою Еліпсовий інструмент (L) намалювати тіло ананаса і перетягнути його до з'єднання з головою. Має бути дві точки накладання.

Крок 3: Виділіть обидві фігури і виберіть Інструмент Shape Builder ( Зміна + M ).

Клацніть і перетягніть через голову і частину еліпса, що перекриває фігуру, щоб об'єднати фігури.

Цей етап полягає в тому, щоб відокремити голову і тулуб для заливки кольору.

Крок 4: Додайте колір до обох форм, і ви отримаєте простий ананас.

Крок 5: Скористайтеся кнопкою Інструмент "Сегмент лінії" (\) намалювати кілька прямих ліній, щоб додати деякі деталі.

Супер просто, чи не так? Це лише один з багатьох способів зробити вектор з нуля. Ви також можете створити ананас в стилі малюнка від руки, використовуючи пензлі і намітити штрихи з верхнього меню Об'єкт > Шлях > Контурний штрих .

Підбиття підсумків

Для створення векторного зображення в Adobe Illustrator можна скористатися будь-яким з наведених вище способів. Якщо ви хочете, щоб файл можна було редагувати, зберігайте його у векторному форматі. Якщо ви збережете створений вектор у форматі jpeg, він буде недоступний для редагування.

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