Чтобы получить TGS из векторного рисунка, не обязательно собирать проект в After Effects. Для простого стикера можно подготовить SVG в редакторе векторной графики, а движение и экспорт выполнить в SVG to TGS. Важно начать с подходящего исходника: фотография, просто сохранённая с расширением .svg, не становится набором векторных контуров.
Начните с одного понятного действия
Возьмём учебную задачу: значок чашки для рабочего чата кофейни. Чашка остаётся узнаваемой, а движение лишь подчёркивает реакцию «перерыв». Для первого варианта достаточно силуэта, ручки и одного декоративного элемента. Не начинайте с полноценной сцены, десятка надписей и непрерывно меняющегося фона: трудно понять, какой элемент испортился при переносе.
Сначала решите, что пользователь должен увидеть в неподвижном состоянии. Если смысл появляется только после чтения мелкой надписи, упростите композицию ещё до анимации. Сделайте две копии исходника: редактируемую мастер-версию и отдельный SVG для конвертации. Так подготовка контуров не лишит вас возможности позднее изменить текст или форму.
Подготовьте SVG, который действительно состоит из векторов
Откройте рисунок в исходном редакторе и проверьте состав объектов. Надписи переведите в контуры, фотографии и текстуры замените нарисованными фигурами либо уберите. SVG допускает встроенные изображения, но конвертер не переносит их в TGS. Видимость картинки в браузере сама по себе не означает совместимость с экспортом.
У чашки может быть тень, созданная фильтром размытия. Для пробного экспорта лучше заменить её простой полупрозрачной фигурой и сравнить результат. Работайте на копии: цель подготовки — сохранить характер рисунка доступными средствами, а не автоматически уничтожить все эффекты. Пустые и скрытые варианты композиции удалите из экспортируемой копии.
- Проверьте, что основной силуэт собран из фигур и контуров.
- Убедитесь, что буквы не остались редактируемыми текстовыми объектами.
- Оставьте свободное место вокруг деталей, которым предстоит двигаться.
Сначала проверьте импорт, затем добавляйте движение
Откройте русский конвертер SVG в TGS, войдите через Telegram и выберите подготовленный файл. Конвертация и скачивание бесплатны; часть дополнительных возможностей относится к Pro. При выборе SVG его диагностическая копия отправляется сервису, поэтому используйте исходник, который допустимо передать для такой обработки.
Сравните импорт с оригиналом по трём признакам: все ли части присутствуют, совпадают ли основные цвета, сохранились ли отверстия внутри фигур. На чашке особенно заметны пропавшая ручка или залитое внутреннее пространство. Если ошибка уже есть в неподвижном предпросмотре, выбор другого движения её не устранит. Исправьте SVG и повторите импорт, меняя за раз один подозрительный элемент.
Выберите движение, которое помогает рисунку
Попробуйте доступный пресет с небольшой амплитудой. Для рабочего значка уместнее спокойный акцент, чем постоянное сильное вращение. Посмотрите не один запуск, а несколько повторов: заметный рывок между концом и началом часто раздражает сильнее, чем неидеальная траектория внутри цикла.
Уменьшайте движение, если детали подходят к границе. Не рассчитывайте, что область за холстом сохранится только потому, что исходная SVG-фигура там существует. Для варианта без движения используйте статичный режим: он создаёт TGS без анимации, а не превращает результат в PNG или WEBP. Оба варианта полезно сравнить в одинаковом маленьком масштабе.
Проверьте именно скачанный результат
Перед скачиванием прочитайте предупреждения экспортера и устраните их. Для TGS Telegram указывает холст 512×512, цикл до трёх секунд, 60 кадров в секунду и размер файла до 64 КБ. Это требования итогового файла, а не размер окна браузера или исходного изображения на экране.
Сохраните результат под отдельным именем, например coffee-break-v01.tgs. Затем используйте официальный @Stickers, чтобы добавить файл в подходящий набор. Откройте получившийся элемент в Telegram и сравните с браузерным предпросмотром. Наша чашка — пример порядка работы, а не обещание, что любой похожий SVG пройдёт экспорт без подготовки.
Когда такого подхода недостаточно
Если нужен сложный покадровый персонаж, композиция с видео или точный перенос уже готовой Lottie-анимации, оцените другой производственный процесс. SVG to TGS принимает SVG-исходник, а не существующие TGS, Lottie JSON, PNG или видео. Переименование файла не меняет этот предел.
Сохраните мастер-рисунок, экспортный SVG и принятый Telegram файл вместе. В следующей версии меняйте только один параметр: контур, цвет или движение. Такой порядок быстрее показывает причину ошибки и помогает повторить удачный результат для остальных реакций набора.