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

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

Сучасні версії програм векторної графіки, такі як Adobe Illustrator, стали настільки розумними, що часом трасоване векторне зображення складно відрізнити від базового растрового. Таким чином, паперовий малюнок набуває однієї з найбільш вигідних властивостей векторної графіки - масштабованості без втрати якості. Однак, коли мова заходить про деталізовані малюнки великого формату, можливості програмного трасування можуть показати дуже посередній результат. Періодично я отримую запити на створення принтів саме у векторному форматі, але у 100% випадків відхиляю подібні пропозиції. Єдиний виняток, який я роблю, це трасування тушевих начерків для Creative Market. У Останнім часомя епізодично поповнюю свою колекцію новими наборами.

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

Як перетворити растрове зображення на векторну форму?

Ось малюнок, на прикладі якого я продемонструю свій процес. Ці начерки "живуть" на аркуші паперу форматом А4, який був відсканований у роздільній здатності 600 dpi, а потім трохи відкадектований в Adobe Photoshop(Яскравість-Контрастність та видалення візуального сміття за допомогою непрозорого пензля білого кольору). Обмовлюся, що це не сувора необхідність - сканувати всі малюнки з роздільною здатністю 600 пікселів на дюйм. 300 dpi буде цілком достатньо. Тим більше, з роздільною здатністю 300 dpi знижується ймовірність, що Ваш комп'ютер задумається і відмовиться працювати далі.

Я поміщаю це зображення в Adobe Illustrator (я використовую саме цю програму, тому що вона свого роду еталон у своїй галузі, та й щодо трасування дуже хороша).
Це – панель Image Trace(її можна знайти в меню Window). У мене на скріншоті ця панель знаходиться у розгорнутому вигляді, з відкритими розширеними налаштуваннями. Я спеціально помітила червоними точками найважливіші для нас налаштування, оскільки, якщо Ви не знайомі з цією програмою, так буде легше і простіше орієнтуватися в тому, про що я пишу.

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

Перша опція, це Preset.Тут безліч варіантів, від High Fidelity Photoдо Black and White Logo,в залежності від того, що потрібно перетворити на вектор. Оскільки наш приклад - тушевий малюнок, найкращим варіантомбуде вибрати Sketched Art.

Наступне важливе налаштування - Threshold. Говорячи просто, чим ближче слайдер до правого краю (more), тим темнішим буде векторний результат, тим інтенсивнішими будуть усі тіні у Вашій роботі. І навпаки, якщо мова про близькість слайдера до лівого краю (less).

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

І нарешті, я дуже рекомендую включати чекбокс Ignore Whiteпід час трасування чорно-білих тушевих ілюстрацій. Таким чином, Ілюстратор розуміє, що не потрібно витрачати ресурси на білий простір, і виходить тільки чорна туш у векторному форматі.

Як тільки я вибираю Sketched Art preset, програма починає чаклувати над зображенням. На даному етапі я ще нічого не налаштовувала, тільки Preset та Ignore White.

Я не в захваті від результату, загубилося багато деталей. Тому я починаю підкручувати ті опції, про які розповіла кілька абзаців тому:
- Thresholdбуло вирішено залишити за замовчуванням, на 128, тому що зрушення в той чи інший бік порушував світлотіньовий баланс мого зображення,
- значення Pathsзбільшено аж до 90%
- Corners- невелике збільшення лише на 6%
- Noise- Слайдер пішов майже до упору вліво.

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

А чи можна краще?

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

Давайте порівняємо два результати. Зліва той, що вийшов в результаті трасування відразу трьох начерків, а зліва - той, що я окремо виділила у Фотошопі і потім відтрасувала за запропонованим раніше принципом, налаштувавши всі опції саме під цей малюнок морозива.
Мені здається, що варіант праворуч зберіг набагато більше деталей і виглядає більш схожим на оригінальну роботу туш. Як видно, Ілюстратор показує найкращий результат, коли не перевантажується великою кількістю об'єктів, які потрібно обробити.

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

Плюси та мінуси трасування тушевої графіки, або завжди можна покластися на можливості програми

А тепер я хотіла б повернутися до питання, чому я не трасую масштабних деталізованих робіт. Ось мій принт (читачі, напевно, його пам'ятають), який я зараз спробую перетворити на зразок векторної графіки. Це великий малюнок, формат паперу А3, з безліччю крихітних деталей, виконаних лінерами 0.03 та 0.05 мм. Я розміщую цю картинку в Ілюстраторі.

Вибираю Sketched Art preset...

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

Ось чому я не перекладаю свої принти та складні ілюстрації у вектор. Я також не малюю у векторних програмах з нуля, не описую ескізи. Таким чином, думаю, стає зрозуміло, чому я говорю "ні" кожному, хто цікавиться "принтом як цей, тільки векторним" :)
Як правило, у свої набори графіки на Creative Market я вкладаю растрові варіанти, зроблені саме з оригінальних малюнків, а не растрові версії векторного зображення. Вся справа в тому, наскільки оцифрована версія зберігає зв'язок зі своїм джерелом, важливо, щоб вона була живою. Я хочу, щоб навіть від невеликих прев'ю моїх малюнків створювалося відчуття, ніби ці роботи пам'ятають мій дотик.

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

Ось, власне, все, що я хотіла розповісти сьогодні. Дякую за увагу!

Для швидкого (автоматичного) трасування растрових зображень в один прийом:

1. Завантажте растрове зображення до редактора командою File (Файл) | Import (Імпорт).
2. Виділіть зображення інструментом Pick Tool (Покажчик).
3. Виберіть команду Bitmap (Розстрові зображення) | Trace Bitmap (Трасувати растрове зображення) | Quick Trace (Швидке трасування)- Рис. 6.3.

Рис. 6.3.

Для більш тонкої роботи в процесі трасування оберіть один із варіантів вихідної растрової заготовки:

• Line art (Штриховий малюнок)- трасування чорно-білих ескізів та ілюстрацій;
• Logo (Емблема)- трасування простих емблем з низькою деталізацією та невеликою кількістю кольорів;
• Detailed logo (Детальна емблема)- трасування емблем з високою деталізацією та великою кількістю кольорів;
• Clipart (Малюнки)- трасування готової графіки з різним ступенем деталізації та кількістю кольорів;
• Low Quality Image (Зображення низької якості)- трасування фотографій з низькою деталізацією або фотографій, для яких висока деталізація не має значення
• High Quality Image (Зображення високої якості) - трасування фотографій високої якості з високою деталізацією

Виконаємо трасування чорно-білого штрихового малюнка (рис. 6.4).

У цьому вікні є два важливі регулятори:

• Smoothing (Згладжування)- згладжування кривих ліній та керування кількістю вузлів у результатах трасування. При високих значеннях кількість вузлів зменшується і створюються криві, що приблизно повторюють лінії у вихідному растровом зображенні. При низьких значеннях кількість вузлів збільшується, забезпечуючи точніші результати трасування.
• Detail (Деталь)- Настроювання ступеня збереження вихідної деталізації в результатах трасування. При високих значеннях зберігається більше деталей, збільшуючи кількість об'єктів та кольорів. При низьких значеннях деякі деталі видаляються, що призводить до зменшення об'єктів.

Серед додаткових можливостей існують такі налаштування трасування:

• Type of Image (Тип зображення)- Список для вибору стилю заготівлі у списку видів вихідних зображень;
• Прапорець Delete original image (Видалити вихідне зображення);
• Прапорець Remove Background (Видалити фон);
• В полі Options (Опції)є можливість вибору кольору фону, який потрібно видалити. Виберіть піпеткою на оригінальному зображенні колір для видалення (клацніть його у вікні попереднього перегляду, утримуючи клавішу Shift) - цей колір при трасуванні буде видалено.

При попередньому перегляді результатів трасування є опція Wireframe Overlay (Каркасне виділення)- Відображення каркасного вигляду результатів трасування поверх вихідного растрового зображення. Для керування ступенем видимості вихідного растрового зображення під каркасом використовуйте регулятор Transparency (Прозорість).

Трасування (векторизація) вручну

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

• На першому етапі точкове зображення масштабується до розміру, зручного для подальшої роботи. Якщо зображення монохромне, доцільно змінити колір його обведення на цьому етапі, виділивши імпортоване зображення інструментом Pick (Вибір)і клацнувши правою кнопкою миші на зразку екранної палітри неяскравого світлого кольору(на фоні такого зображення не візуально губляться побудовані векторні об'єкти). На закінчення першого етапу рекомендується скористатися командою Arrange (монтаж) | Lock Object (Заблокувати об'єкт)щоб уникнути випадкового пошкодження або усунення точкового об'єкта.
• На другому етапі інструментом Bezier (Крива Без'я)поверх заблокованого точкового зображення будуються замкнуті криві. В останню чергу будуються та групуються незамкнуті криві (якщо, звичайно, такі є на зображенні). Паралельно з побудовою кривих має сенс упорядковувати розташування новозбудованих об'єктів у стопці та групувати чи з'єднувати об'єкти, які згодом передбачається розфарбувати у однакові кольори. Якщо при цьому дати осмислені імена окремим об'єктам та групам, це спростить останній (третій) етап векторизації.
• На третьому етапі раніше побудованим об'єктам призначаються кольори заливки, а також параметри контурних ліній (або скасування обведення). Після завершення цього етапу у вашому розпорядженні виявляється повнофункціональне векторне зображення CorelDRAW, яке можна, наприклад, доопрацювати за допомогою описаних у попередніх розділах ефектів - побудувати тіні, застосувати до зображення в цілому або його окремих частин лінзи, налаштувати градієнтні заливки або прозорість.

Приклад 6.2. Трасування логотипу вручну

У цьому прикладі ми векторизуємо відсканований логотип вручну . Для роботи використовуватимемо сканований логотип всім відомої фірми Кока Кола (рис. 6.5).

Рис. 6.5.

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

Рис. 6.6.

Інша проблема полягає в тому, що автоматична векторизація не є ідеальною. Якщо наш логотип трасуватиме командою Quick Trace (Швидке трасування), а потім підготувати це зображення для каттера, тобто видалити заливку (рис. 6.7) і дати обведення тонкою лінією (рис. 6.8), то побачимо наступне (рис. 6.9).

Рис. 6.7.

Рис. 6.8.

Рис. 6.9.

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

Рис. 6.10.

Виникнення нерівного краю пов'язані з особливостями автоматичної векторизації. Вихід із такої ситуації в ручній векторизації логотипу. Давайте виправимо ситуацію і малюємо цей логотип за допомогою кривих Безьє. Роботу виконаємо в кілька етапів.

1. Спочатку потрібно створити новий шар і заблокувати нижній шар із логотипом, щоб випадково його не виділити та не змістити. Нижній шар буде трафаретом, який ми будемо малювати (обводити) у верхньому шарі. Інакше кажучи, виконуємо команду Tools (Інструменти) | Object Manajer (Диспетчер об'єктів)та натискаємо на кнопку New Layer (Створити шар)- Рис. 6.11. На цьому малюнку шар Layer 1заблокований командою Lock Object (Блокувати об'єкт), що викликається з меню меню правою кнопкою миші.

Vector Magic справді виправдовує свою назву. На мій погляд, ні трасування Corel Draw ні Adobe Illustrator і підмітки йому не годяться. (Велике дякую користувачу нашого ресурсу Mechanik за це корисне посилання).

Отже, докладніше. Це безкоштовний онлайн-сервіс трасування зображень, тобто. на вході маємо растр, а на виході отримуємо вектор. Це дітище James Diebel та Jacob Norda з дослідницької Лабораторії Штучного Інтелекту Стендфордського Університету. Вони спробували створити ресурс настільки простим, наскільки це можливо, з чітким і зрозумілим інтерфейсом, що вимагає мінімум витрат. Як їм це вдалося, судити вам.

Для роботи з сервісом вам знадобиться Adobe Flash Player 9 - на жаль, без нього нічого не вийде. Друга проблема, з якою я зіткнулася – це небажання браузера Opera працювати з цим сайтом. Мабуть, за бажання його можна було налаштувати, але бажання не було. Internet Explorer (як і FireFox) спрацювали як треба.

Перша сторінка ресурсу дає нам набагато інформацію про проект, вектор, трасування і про те, чим гірше трасувальники, які раніше використовувалися. Але основне – віконце, де ми вибираємо необхідне зображеннядля трасування (зі свого комп'ютера). Процес завантаження триває деякий час. Закачувати можна формати JPG, GIF, PNG, BMP та TIFF.

Після завантаження вискакує табличка: «Швидше за все, у вашому зображенні буде змішування кольорів на межах елементів. Це важливо, тому що від коректності вибору налаштувань залежатиме результат. Підтверджуйте вибір налаштувань натисканням кнопки Next, і, якщо необхідно, спробуйте кілька інших налаштувань.» Це сервіс намагається автоматично визначити тип вашого зображення (щоб покращити якість трасування). Трохи нижче ви дізнаєтесь, як проконтролювати правильність вибраного типу.

Черговий нюанс: бажано щоб роздільна здатність вашого зображення не перевищувала 1 мегапіксель. З цього приводу знову вискочить віконце з наступним змістом: «Завантаження зображення досить велике буде зменшено до 1 мегапікселя. Цей запобіжний захід необхідний, щоб не перевантажувати сервер. На жаль, це може призвести до втрати дрібних елементів зображення і появи змішування кольорів на межах об'єктів. Ви можете або продовжити роботу, або завантажити інший файл.

Незважаючи на попередження, я таки продовжила.

Далі вам запропонують вибрати тип зображення

1. Світлина(складне графічне зображеннястворене за допомогою фотокамери).
2. Зображення зі змішуванням квітів на межі об'єктів(це зображення зі згладженими колірними переходами (anti-aliased) - найкраща категорія для логотипів та іншої простої графіки).
3. Зображення без змішування кольорів на межах об'єктів(Not anti-aliased).

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

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

1. Висока
   не має компресійних артефактів чи інших шумів;
   колір об'єктів однорідний;
   немає блюру;
   Якщо вибрано цей пункт, трасування відбувається ретельніше, по контурах об'єктів, тому шум може зіпсувати результат.
2. Середнє
   є артефакти та шум;
   колір майже однорідний із невеликими змінами;
   місцями блюр;
   (Пропонується за замовчуванням)
3. Низьке
   багато артефактів та шуму;
   колір неоднорідний із значними змінами;
   сильний блюр;
   Шум і блюра по можливості не включається в процес трасування, через що можлива втрата деяких деталей.
4. Деталь зображення для порівняння.

Вибираємо найбільш підходящий варіант і тиснемо Next.

Скільки кольорів у вашому зображенні?

(Цього пункту не буде, якщо у першому пункті ви вибрали фотографію)

1. Так, мало, близько 12 кольорів
   Вибір цього пункту може зменшити похибку від шуму чи блюру.
2. Ні, в моєму зображенні багато кольорів
   Ця опція може залишити похибки від шуму та блюру.

Робимо вибір і тиснемо Next.

Аналіз кольору

У правій половині екрана пропонуються палітри трасування, що базуються на кольоровій гамі вашого зображення. За замовчуванням пропонується найвдаліша (на думку сервісу) палітра. Нижче наведено інші, від чорно-білої до максимально можливої ​​для вашого зображення. Є можливість поповнювати обрану палітру за сет інших, брати піпеткою кольори з оригіналу, створювати свої варіанти кольорів, але все ж таки в межах існуючого колірного ряду.

• У лівій частині – ваша картинка. Її можна "зумити" і "скролити".
• Щоб вибрати піпеткою колір, треба клацати, утримуючи Ctrl.
• Постарайтеся не робити подвійний клік на палітрі, через це автоматично починається трасування.

Трасування

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

Формати, що пропонуються для скачування: EPS, SVG, PNG. Результат знову ж таки можна "скролити" і "зуміти". Режим перегляду результату можна змінити, скориставшись кнопками:

• Split – допомагає побачити обидва зображення (розривний оригінал та трасування) поруч один з одним;
• Single – перегляд результату трасування;
• Bitmap – утримуючи цю кнопку, бачимо растровий оригінал, відпускаючи – векторний результат;

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

Колірні межі недостатньо гладкі?

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

Шум псує результат на безлічі невеликих ділянок?

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

Загубилися кольори?

Виберіть палітру з великою кількістю кольорів.

Куди поділися дрібні деталі?

Виберіть вищу якість зображення в налаштуваннях.

Невеликі похибки та помилки, крапки та обрізані лінії?

Ви можете виправити це зараз замість редагування вже завантаженого файлу.

Редагування зображення онлайн

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

На полі зображення є кнопки, а праворуч – їхній невеликий опис.

Undo та Redo: Відповідно скасовує та повертає здійснені дії та маніпуляції. Обмеження на зворотні дії мені виявити не вдалося.

Reset: Мабуть, скасовує всі зміни.

Bitmap та Vector: При утриманні першої бачимо растровий оригінал, при утриманні другої – векторний результат.

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

Pan: Скролить зображення.

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

Fill: Заливка, просто клацаємо на вибрану деталь.

Pixel: Олівець, що малює тим кольором, що вказаний у вікні кольору.

Color: Піпетка для вибору кольорів. Вибраний колір відображається у вікні нижче.

Всі зміни, що створюються, зберігаються на сервері за умови натискання кнопок Next і Finish. Зміни не зберігаються, якщо під час редагування ви перевантажуєте сторінку.

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

PS: Варто зазначити, що, на жаль, використання Vector Magic стало платним.

14.06.2012

Сьогодні ми розглянемо новий механізм трасування в Adobe Illustrator CS6 та поговоримо про його нові функції. Для початку ми намалюємо фотографію, малюнок і текстуру, а потім порівняємо результати, отримані в Adobe Illustrator CS5 та Adobe Illustrator CS6. Тож почнемо!

Крок 1

У Adobe Illustrator CS6 параметри трасування тепер на новій панелі — Трасування зображень (Вікно > Трасування).

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

Крок 2

Також є зміни у пресетах.

В Adobe Illustrator CS6 з'явився новий пресет "Силуети", який дозволяє швидко створити векторний силует.

Після застосування команди Розібрати (Expand) ми отримаємо векторний об'єктз оптимальною кількістю опорних точок.

Крок 3

Давайте порівняємо якість трасування в Adobe Illustrator CS5 та Adobe Illustrator CS6 після застосування пресета Фото високої якості (High Fidelity Photo).

Зауважте, що у списку Палітра Adobe Illustrator CS6 є кілька варіантів на вибір. Цей параметр визначається, якщо для зображення вибрано режим — Кольорове або Сіра шкала. Як бачите, новий механізм трасування в Adobe Illustrator CS6 дає найкращі результати.

В Adobe Illustrator з'явилася нова функціяяка дозволяє миттєво побачити вихідне зображення. Натисніть та тримайте «глазик» біля опції Перегляд.

Крок 4

Є деякі зміни в настойці Максимальна кількість кольорів. Цей параметр визначає кількість кольорів, з яких складатиметься кінцеве зображення. В Adobe Illustrator CS5 максимальна кількістькольорів можна задати числом, а Adobe Illustrator CS6 — у відсотках з високою точністю.

Крок 5

Розкривши на панелі Трасування вкладку Додатково можна встановити додаткові налаштування. В Adobe Illustrator CS6 з'явилася можливість вибрати метод трасування. Метод стикування контурів (Abutting) створює вирізані контури. Контури об'єктів стикуються.

Метод Накладання контурів (Overlapping) створює контури один над одним, контури об'єктів накладаються.

Крок 6

Опція Припасування контуру визначає точність трасування вихідного растрового зображення. В Adobe Illustrator CS5 чим менше значення, тим точніше контур, що більше значення, то грубіше контур. В Adobe Illustrator CS6 все навпаки: чим більше числотим точніше контур ми отримаємо.

Опція Мінімальна Площа Adobe Illustrator CS5 відповідає опції Шум Adobe Illustrator CS6. Ця опція визначає розмір найменших деталей вихідного зображення, які будуть враховуватися під час трасування.

Опція Мінімальний Кут в Abode Illustrator CS5 відповідає опції Кути в Adobe Illustrator CS6 і задається у відсотках. Чим більша кількість ми встановимо, тим більше кутів буде в кінцевому зображенні.

Adobe Illustrator CS6 не має таких параметрів трасування, як Розмиття та Зміна роздільної здатності. В Adobe Illustrator CS5 налаштування Розмиття використовується для зменшення кількості дрібних деталей та пом'якшення меж результуючого зображення. Налаштування Зміна роздільної здатності дозволяє прискорити процес трасування великих зображень та зменшити втрату якості кінцевого зображення.

Крок 7

Подивимося як новий механізм трасування працює з начерками. Застосуйте пресет Чорно-біла картинка. Трасування структури Adobe Illustrator CS5 дає хороші результати.

Якщо ми застосуємо цей пресет в Adobe Illustrator CS6, більшість дрібних деталей зникне.

На жаль, щоб досягти в Adobe Illustrator CS6 таких же результатів, як Adobe Illustrator CS5, потрібно змінювати параметри трасування вручну.

Крок 8

Спробуємо виконати трасування текстури. Застосуємо той же пресет Чорно-біла картинка. Як бачите, результат трасування в Adobe Illustrator CS5 виглядає краще, ніж у Adobe Illustrator CS6.

Також можу додати, що зараз Shutterstock (і Bigstock заразом) досить жорстко ставляться до приймання автотрейсу. Але монохромний автотрейс, оброблений і очищений від будь-якого сміття, приймають нормально.

А зараз, якщо ви готові, передаю слово Наталії. Починаємо урок Adobe Illustrator.

Трасування зображення – переклад фото або сканованого документа у векторний формат із подальшим використанням картинки для створення графічних робіт.

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

Я трасування використовую вкрай рідко і не бачу сенсу в купівлі безлічі різних інструментівтому опишу свій процес з використанням найпростіших підручних засобів.

Етап 1

Малюємо зображення. Власне, ніякого трасування не вийде без картинки. Малювання олівцем ескіз на білому папері. У цьому прикладі це елементи для патерну. Коли малюнок готовий – обводимо ручкою. Під час обведення зображення покладіть аркуш паперу на зошит або стос аркушів. Так ручка йтиме м'якше.

Зображення краще обводити гелевою ручкою або лінером (у цьому прикладі використано найпростішу дешеву гелеву ручку чорного кольору). Кулькова ручка сильніше маже, складніше малює по олівцю і може давати відблиск на фото. Оптимальні кольори для обведення – чорний, коричневий, синій, темно-зелений, фіолетовий. Даємо зображенню підсохнути, щоб не змастити гумкою ручку, при видаленні слідів олівця.

Етап 2

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

Етап 3

Підготовка фото. Так як ми використовували не сканер, а фото, треба привести його у прийнятний вигляд. Обрізаємо зайві ділянки, якщо вони є і залишаємо лише область із малюнком. Далі необхідно використовувати будь-який фоторедактор, в якому є налаштування яскравість/контрастність/насиченість і наводимо за допомогою них нашу фотографію приблизно так:

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

Етап 4

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

Виділяємо картинку мишкою і йдемо в меню "Об'єкт" > "Трасування" > "Створити".
Якщо з'являється таке вікно:

Тиснемо «Ок»і в нас розпочинається процес трасування.

Отримуємо картинку.

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

Щоб усунути розриви в контурах нам потрібно збільшити значення параметра «Ізогелія»у меню, що з'явилося.

Наприклад, якщо збільшити значення до 170 виходить вже така картинка!

Виглядає набагато краще.

За потреби змінюємо інші параметри.

Також вибираємо метод трасування – стик чи контури з накладенням. Я віддаю перевагу варіанту 2, т.к. при першому можуть виникати дефекти у вигляді світлих проміжків між контуром або заливкою.