Зображення виглядає рельєфним при перетворенні в SVG

Я перетворив растрове зображення у векторний в Illustrator CS6, використовуючи Image Trace, тоді параметр Expand, хоча коли я зберігаю як svg, зображення виглядає рельєфним. Я підозрюю, що це пов'язано з тим, що фон шару є білим, а контури не вистилаються, але я не знаю, як це виправити чи довести цю теорію, не вручну коригуючи кожен шлях.

Ось як це виглядає в Illustrator, перш ніж експортувати його:

Зображення виглядає приблизно так, коли зберігається / експортується з опцією, оптимізованою під мистецтво:

adobe-illustrator svg

— CreativeMind
джерело

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

— Цай

@CaiMorris Я відредагував своє запитання, щоб включити знімок екрана про те, як це виглядає в Illustrator, та примітку про зображення Trace.

— CreativeMind

Чи можете ви знову завантажити ці зображення, якщо вони все ще є? Веб-сайт, на якому ви розміщували їх, не працює.

— MD XF

Примітка: @WELZ додав нове зображення.

— joojaa

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

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

Зображення 1 : Віддайте перевагу не обрізати та не ділити краї з формою нижче.

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

У вашому конкретному випадку швидким виправленням було б застосувати незначне зміщення на кожному з контурів. Отже, виберіть усі та виберіть Ефект → Шлях → Шлях зміщення…, а потім введіть невелике значення. Крім того, ви можете розташувати кольори, щоб темніший колір був спереду.

* З цієї причини принтер не мав би проблем. Насправді різання є важливим для процесу друкарської форми.

— joojaa
джерело

@joojaa Схоже, проблема стосувалася артефактів, дякую за навчання в цьому. Я спробував параметр Offset Path , але в кінцевому підсумку відкрив оригінальний файл і спробував ще раз Image Trace і знайшов параметр попереднього налаштування під Image Trace , який називається Метод , який змінив шляхи від вирізу до стека.

— CreativeMind

Приємним побічним ефектом (IMHO) є те, що зображення зліва має менше точок, тому отриманий SVG буде меншим. :)

— Андреа Лацаротто