Хочете відредагувати растрове зображення? Вибачте, але в Adobe Illustrator мало що можна зробити, поки ви не векторизуєте його. Що означає векторизація? Просте пояснення: перетворення зображення в лінії та опорні точки.

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

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

У цьому уроці я покажу вам два способи перетворення растрового зображення у векторне за допомогою інструментів Перо і Трасування зображення.

Почнемо з більш простого варіанту - трасування зображень.

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

Спосіб 1: Трасування зображення

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

Крок 1: Помістіть растрове зображення в Adobe Illustrator і вбудуйте зображення. Я буду використовувати це зображення птаха для демонстрації.

Коли ви виберете зображення, ви побачите Трасування зображення опціону в рамках Властивості > Швидкі дії Але поки що не натискайте на неї.

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

Тепер можна простежити зображення.

Крок 3: Натисніть Трасування зображення та оберіть варіант, яким чином ви хочете простежити зображення.

Найбільш близьке до оригінального зображення, яке ви отримаєте, - це Високоточна фотографія Low Fidelity Photo дасть більш мультяшний вигляд.

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

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

Не соромтеся вивчати інші варіанти відстеження.

Крок 4: Натисніть Розгорнути і ваше зображення векторизоване!

Коли ви виберете зображення, воно буде виглядати так.

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

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

Що робити, якщо з растрового зображення потрібно створити вектор?

Ви можете спробувати чорно-білий варіант логотипу з Image Trace, але контури можуть бути не дуже точними. Ідеальним інструментом для векторизації в цьому випадку буде інструмент перо.

Спосіб 2: Перо-інструмент

Ви можете перетворити растрове зображення в простий контур, силует або залити його улюбленим кольором і зробити векторною графікою.

Векторизуємо це ж зображення зі способу 1 за допомогою інструменту Pen Tool.

Крок 1: Виберіть зображення і зменшіть непрозорість приблизно до 70%.

Крок 2: Зафіксуйте шар зображення, щоб випадково не перемістити його під час роботи.

Крок 3: Створіть новий шар і використовуйте інструмент "Перо" для малювання/обведення різних частин зображення. Виберіть інструмент "Перо" на панелі інструментів, виберіть колір обведення і змініть значення параметра "Заливка" на "Немає".

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

Тепер можна розблокувати доріжки та розфарбувати зображення.

Крок 4: Скористайтеся кнопкою Інструмент для піпетки (I) вибірка кольорів з оригінального зображення та накладання їх на векторне зображення.

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

За бажанням ви можете додати до вектору більше деталей.

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

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

Висновок

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