Стилі трасування зображення

Пошук

Останнє оновлення: 25 трав. 2023 р.

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

Автор статті: Monika Gause

Monika Gause – позаштатний комунікаційний дизайнер, розробник технічної документації та викладач. Вона живе в Гамбурзі, Німеччина. Monika постійно працювала з векторною графікою. Протягом своєї кар’єри вона займалася підготовкою макетів, створенням мультимедійного контенту та веб-дизайном, а зараз – написанням документації. У її портфоліо – створення 3D-анімацій для музеїв, розробка веб-сайтів для малих компаній і художнє оформлення безлічі канцтоварів. Як викладачу й сертифікованому спеціалісту Adobe на наших форумах, їй подобається занурюватися в робочі процеси та проблеми своїх клієнтів і учасників форуму та розробляти рішення для них.

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

Виберіть стиль «Автоматичний колір» (доступний на панелі «Трасування зображення»), щоб програма Illustrator проаналізувала вихідне зображення та виконала оптимальне коригування. Цей стиль створено на основі штучного інтелекту.

Нижче наведено приклади зображень різного типу.

Мультфільми

Функція «Трасування зображення» найкраще працює саме з мультиплікаційними героями.

Виберіть вихідну ілюстрацію та стиль «Автоматичний колір», щоб виконати трасування. Часто результат буде майже ідеальним.
Щоб відкоригувати отриманий результат, потрібно визначити, наскільки точно його контури відповідають вихідному зображенню. Натисніть і утримуйте кнопку «Переглянути джерело», щоб тимчасово перемкнутися на вихідне зображення й визначити області, які потрібно покращити. Зверніть увагу, що в результаті трасування зображення завжди зсувається дещо вниз і праворуч. Це неможливо виправити.
В області інформації панелі «Трасування зображення» потрібно переглянути, скільки кольорів присутні на отриманому зображенні. Перевірте, чи відповідає це значення кількості кольорів на вихідному зображенні.
Потім клацніть маленьку стрілку ліворуч, щоб відкрити розділ додаткових параметрів. Щоб отримати деталізованіший результат, посуньте повзунок «Контури» праворуч. Зверніть увагу, що в цьому випадку контури можуть стати менш рівними.
Щоб отримати гостріші кути, посуньте повзунок «Кути» праворуч. За допомогою повзунка можна вибрати ступінь загостреності кутів, навіть якщо на вихідному зображення кути не надто різкі (зверніть увагу на ліву внутрішню частину кістки).

Щойно параметри буде змінено, список меню в розділі «Стилі» зміниться на «Власний».
Щоб усунути дефекти або пил із неякісної відсканованої копії, посуньте повзунок «Шум» праворуч. За допомогою цього повзунка можна вказати мінімальну кількість суміжних пікселів одного кольору, які під час трасування буде перетворено на фігуру.

Мазки пензля або олівця

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

Почніть зі стилю «Чорно-білий». Щоб перевірити результат, натисніть кнопку «Переглянути джерело».
Щоб додатково відкорегувати трасування, за допомогою повзунка «Поріг» зробіть зображення темнішим або світлішим. Якщо перемістити повзунок праворуч, мазки будуть світлішими, але в темних областях зникнуть деталі. У нашому випадку це складно зробити, оскільки потрібно зберегти як легкі чорні мазки, так і крихітні деталі білого кольору.
Щоб зберегти більше найскладніших деталей зображення, скористайтеся повзунком «Шум».
Щоб збалансувати плавність контурів і точність трасування, скористайтеся повзунком «Контури».
Якщо встановити прапорець «Ігнорувати білий», програма Illustrator генерує лише чорні фігури, з яких можна створити пензель, щойно ви їх розгорнете.

Щоб якісно трасувати такі складні чорно-білі ілюстрації та ефективно скористатися можливостями нового модуля «Трасування зображення», потрібно вибрати оптимальне співвідношення налаштувань «Контури» та «Шум».

Одноколірний трафарет (Че Гевара)

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

Почніть зі стилю «Чорно-білий». Щоб перевірити результат, натисніть кнопку «Переглянути джерело».
Щоб збалансувати темну та світлу області, відрегулюйте значення параметра «Поріг».
Тепер також важливо зменшити деталізацію зображення за допомогою повзунка «Шум». Особливо якщо потім це зображення буде надруковано на футболці.
Потім налаштуйте потрібну ступінь плавності кривих за допомогою повзунка «Контури». Зазвичай контури бажано зробити плавнішими.
За допомогою повзунка «Кути» можна спробувати згладити криві, зменшивши кількість кутів.
Установіть прапорець «Ігнорувати білий», щоб генерувати лише чорні фігури.

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

Фотореалістичні зображення

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

Щоб отримати фотореалістичне зображення після автоматичного трасування, для початку потрібно вибрати стиль «Висока точність кольорів». У розділі інформації можна побачити, що отримане зображення містить тисячі кольорів.
Щоб покращити результат, спробуйте досягти ще плавнішого накладання кольорів. Для цього посуньте повзунок «Кольори» праворуч, щоб збільшивши кількість кольорів.
У разі трасування майже завжди потрібно збалансувати рівні деталізації та плавності. Це можна зробити за допомогою повзунка «Контури».
У цьому стилі для параметра «Шум» використовується низьке значення. Тому під час трасування залишається багато дрібних деталей. Якщо збільшити це значення, зображення може стати дещо схожим на абстрактне. Тому до цього параметра потрібно ставитися обережно.

Фотопостер

Такого ефекту «поп-арт», як на цьому зображенні, можна легко досягти за допомогою модуля «Трасування зображення».

Спочатку застосуйте стиль «Низька точність кольорів». Фотографію буде перетворено на векторне зображення з обмеженою кількістю кольорів.
Кількість кольорів можна зменшити ще більше за допомогою повзунка «Кольори». Переміщуючи його, ви фактично визначаєте, скільки кольорів отримаєте в результаті. Перевірити, чи кількість кольорів відповідає встановленим налаштуванням, можна в розділі інформації.
Тепер зменште точність трасування, перемістивши повзунок «Контури» ліворуч.
Також зменште кількість деталей, збільшивши значення параметра «Шум».
Далі починається найцікавіше: застосуйте до ілюстрації різні кольори. Для цього відкрийте бібліотеку зразків із потрібними кольорами. Для цього можна, наприклад, вибрати її в меню «Бібліотеки зразків» на панелі «Зразки». Бібліотека повинна бути відкритою.
Потім на панелі «Трасування зображення» в меню «Палітра» виберіть потрібну бібліотеку. Illustrator заміняє вихідні кольори на кольори з бібліотеки за власними алгоритмами. Користувач на це не впливає.
Якщо бібліотека містить кілька груп кольорів, можна вибрати одну з них у меню «Кольори».
Щоб призначити кольори інакше, розгорніть вікно «Трасування зображення» та застосуйте функцію Перефарбувати ілюстрацію.

Градієнти

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

Спочатку застосуйте стиль «Автоматичний колір».
Тепер потрібно об’єднати якнайбільше кольорів градієнта, щоб контури стали плавнішими. Це зробити набагато простіше, ніж редагувати зображення пізніше. Щоб зменшити кількість кольорів, посуньте повзунок «Кольори» ліворуч.
Потім розгорніть вікно «Трасування зображення» та застосуйте градієнт до фігур.

Механічні креслення

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

Спочатку застосуйте стиль «Контур».
Його результати дуже відрізняються від результатів застосування інших стилів, оскільки він трасує мазки, а не фігури. Щоб перевірити це, виберіть пункт Контури з вихідним зображенням у меню Перегляд.
Щоб відкоригувати отриманий результат, установіть прапорець Прив’язати криві до ліній.
Також слід спробувати збільшити значення параметра Кути. Можливо, це покращить результат.

Оптимізація результатів трасування зображень із низькою роздільною здатністю

Людина може додумати деталі, яких насправді немає на зображенні, а комп’ютери – ні. Мінімальний розмір, за якого результат буде задовільним, залежить від типу зображення. Наприклад, для ескізу до мультфільму мінімальний допустимий розмір буде меншим, ніж для зображення з написами.

У цьому випадку також спочатку застосуйте стиль «Автоматичний колір».
Результат потрібно буде суттєво допрацювати. Для початку посуньте повзунок «Шум» так, щоб зменшити значення цього параметра. Потім збільште точність контурів. Не переміщуйте повзунок «Контури» в правий кінець, щоб контури не стали нерівними.
Отримане зображення все ще потрібно відкоригувати. Зміни, імовірно, доведеться вносити вручну. Для цього потрібно вибрати метод «Накладання». У результаті там, де можливо, буде створено складені фігури. Якщо їх неможливо скласти, Illustrator принаймні зробить так, щоб їх краї перетинались.

Фігури, що накладаються одна на одну, розділились після розгортання трасування зображення (ліворуч); контурний вигляд (праворуч)

Суміжні фігури, які розділились (ліворуч); контурний вигляд (праворуч)

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

Використання та редагування згенерованих контурів

Щоб відредагувати контури після трасування, потрібно розгорнути отриману ілюстрацію. Натисніть кнопку Розгорнути на панелі керування або панелі властивостей. Після цього можна відредагувати контури розгорнутого зображення. Завжди простіше оптимізувати параметри трасування зображення, ніж потім редагувати контури. Багатоколірні зображення майже неможливо редагувати, а редагування інших типів зображень займає багато часу.

Розділи за темою

Створюйте логотипи, значки, ескізи, типографіку, написи від руки й іншу векторну графіку за допомогою Adobe Illustrator.

Adobe

Отримуйте допомогу швидше й простіше

Новий користувач?