Придатний для TGS файл SVG містить справжню векторну графіку з чітко визначеним полотном. Назва файлу мало про що говорить: SVG також може містити фотографії, текст, залежний від шрифту, та ефекти, які не збережуться після перетворення. Підготуйте окрему копію для експорту, перш ніж додавати анімацію, щоб виправлення не пошкодили редагований оригінал.
Перевірте, що насправді містить файл
Відкрийте SVG у графічному редакторі та виділіть окремі об’єкти. Логотип із редагованих контурів — добра основа для роботи. Фотографія, вставлена в SVG, залишається растровим зображенням, навіть якщо браузер показує її бездоганно. Текст також може виглядати як векторна графіка, але все ще залежати від шрифту.
Наприклад, значок може містити три різні складники: щит із контурів, редагований напис і вбудований портрет. Залиште щит, перетворіть напис на контури, а портрет замініть спрощеною векторною ілюстрацією. Повторне збереження тієї самої композиції без цих змін не розв’яже проблему сумісності.
Відокремте оригінал від копії для експорту
Збережіть початковий документ із редагованим текстом, повторно використовуваними компонентами та потрібними ефектами. Дублюйте монтажну область або весь документ для перетворення. У цій копії можна спростити контури й перевести літери у векторні форми, не ускладнюючи майбутніх змін тексту. Назвіть обидві версії так, щоб їхнє призначення було зрозумілим.
Видаліть із копії невикористані об’єкти, а не просто сховайте їх за іншими фігурами. Залишайте окремими елементи, що мають рухатися незалежно, але не розбивайте одну візуальну форму на десятки дрібних частин без потреби. Зрозуміла структура допомагає визначити, які саме частини ви анімуєте.
Замініть ефекти, які можуть відтворюватися неточно
Окремо перевірте тіні, маски, текстурні заливки й інші ефекти. Браузер може відображати можливості SVG, які експортер TGS не здатен відтворити. Для маленького стікера проста зміщена тінь-силует іноді передає задум надійніше, ніж фільтр розмиття. Перевіряйте вигляд після кожної заміни.
Не перетворюйте весь малюнок на растрове зображення заради збереження вигляду. Так можна отримати переконливий попередній перегляд SVG, але втратити векторну структуру, потрібну для TGS.
- Перетворіть остаточний текст на контури.
- Замініть вбудовані зображення векторною графікою.
- Відтворіть важливі ефекти простими фігурами.
- Збережіть знімок бажаного вигляду для порівняння.
Залиште місце для запланованого руху
Розташуйте графіку по центру свідомо обраного полотна та перевірте її крайні точки. Нерухомий малюнок, який майже торкається всіх країв, має мало місця для підстрибування чи обертання. Спочатку визначте основний рух, а вже потім обрізайте монтажну область впритул до малюнка.
Уявіть квадратну емблему, яка обертається навколо свого центру. Посеред повороту її кути виступають далі, ніж коли сторони розташовані горизонтально. Зменште масштаб графіки або виберіть спокійніший рух. Зміна лише записаного розміру полотна не пересуває саму геометрію.
Порівняйте простий експорт, перш ніж його ускладнювати
Виберіть SVG у конвертері та увійдіть через Telegram. Під час вибору SVG його копія надсилається сервісу для діагностики. Почніть із нерухомої композиції або стриманого пресета та порівняйте перегляд з еталоном. Перевірте літери, отвори, кольори й прозорі ділянки, перш ніж витрачати час на детальний рух.
Якщо вже в початковій версії чогось бракує, виправте відповідний елемент у SVG. Якщо основа правильна, а анімований варіант має помилки, зосередьтеся на русі, часових налаштуваннях і межах. Такий поділ дає кожній зміні чітку мету й не дозволяє стороннім правкам приховати початкову проблему.