оно и видно

Что же фигня с градиентами❓ В постах мы уже не раз разбирали градиенты в стикерах, находили ошибки и раздавали советы, в том числе и просто стараться их избегать. Но с приходом стилистики Telegram Gifts градиенты уже не обойти стороной. Как так получается, что шейп переносится в After Effects нормально, а градиент оказывается где-то за пределами стратосферы? Мы тут творческие люди, но за артбордами, кистями и эффектами скрывается куча математики. Все дело в разной координатной системе Illustrator и After Effects. Ниже немного духоты 😰

В Illustrator есть пространство документа со своей системой координат. В ней находятся объекты, артборды и всё остальное, что мы рисуем. И даже вся история градиента, изменений всех его положений. У градиента тоже есть собственная геометрия: положение, направление, длина и трансформации. After Effects работает похожим образом, только из-за своей особой структуры всё становится сложнее. Там есть пространство координат для композиции, слоя, групп и вложенных групп. Поэтому положение одного и того же элемента может рассчитываться относительно нескольких уровней одновременно. Когда мы переносим обычный шейп из Illustrator в After Effects, AE довольно легко и правильно пересчитывает его точки под свою систему координат. Тогда почему всё ломается на градиентах? Обычно пак стикеров или подарков мы рисуем на одном большом холсте: копируем элементы, двигаем, масштабируем и раскидываем их по всему документу. Потом, перед тем как отправить конкретный стикер аниматору, создаём новый документ и копируем туда нужный арт. И вот здесь начинается веселье. Сам path Illustrator спокойно переносит в новое место. А градиенту нужно сохранить не только цвета, но и свою геометрию и трансформации. Причём Illustrator не обязан каждый раз превращать его в идеально «чистый» новый градиент. Он может сохранить визуально правильный результат через внутреннее преобразование. Файл попадает в After Effects, которому нужно перевести всю эту конструкцию в свою систему. И здесь старые или сложные трансформации градиента могут превратиться в совершенно безумные координаты, и градиент улетает на километры в сторону.

Как этого избежать? • После переноса готового стикера в новый файл, перед передачей в AE лучше заново провести градиент вручную. • Рисовать стикер или подарок в том файле, который будете отправлять на анимацию. • Можно использовать инструмент “пипетка”, но само расположение градиента нужно выставить заново именно в том файле, который пойдет на анимацию. Если вы аниматор и уже получили файл, где градиент улетел: • пойти наорать на иллюстратора • переносить с помощью плагина Overlord, иногда с багами или Shender, плагин от сообщества и классных ребят. А потом всё-таки открыть Illustrator и заново провести градиент