Gif-переход (образец прилагается)

Как я могу сделать следующий переход в After Effects (или, возможно, в другом программном обеспечении)? У меня есть разные цвета пианино в виде картинок, я просто не знаю, как сделать этот переход! Пожалуйста, проверьте прикрепленное видео. Спасибо!

https://we.tl/N3pD4yDBHh

Привет Алекс, добро пожаловать в GD.SE и спасибо за твой вопрос. Не могли бы вы объяснить, с какой частью эффекта у вас возникли проблемы, что вы пробовали и почему он не оправдал ваших ожиданий? Таким образом, мы можем помочь вам, уложившись в несколько абзацев, что соответствует объему этого сайта. Если у вас есть какие-либо вопросы, загляните в справочный центр или присоединяйтесь к нам в чате по графическому дизайну , как только ваша репутация позволит вам (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!
Это также поможет разместить видео где-нибудь самостоятельно. Я знаю, что я, конечно же, не собираюсь скачивать какое-то «видео», которое случайный человек публикует в Интернете. Разместите его на YouTube или Vimeo, а затем поделитесь этой ссылкой с нами.

Ответы (2)

Я сделал небольшое видео, посмотрите ссылку.

Простое веб-решение — использовать svg с переходом заполнения и css, что проще, чем создание gif.

https://youtu.be/I53vnnXl7yM

введите описание изображения здесь

Вы можете использовать http://ezgif.com/maker

Просто выберите опцию «кроссфейдные кадры», и она автоматически сгенерирует для вас промежуточные кадры. Вы можете изменить продолжительность и количество кадров в соответствии с вашими потребностями. Я собрал быстрый пример из двух кадров, которые я взял из GIF в другом посте, который вы сделали. Если вы загружаете оригиналы в формате png, они должны иметь лучшее качество.

пример