1892Art
@1892Art
Дизайнер

Как создаётся такой эффект стекания мёда (см. внутри)?

eae4097fcb56455580a6fe986640aeb0.gif
  • Вопрос задан
  • 7153 просмотра
Решения вопроса 1
@Quiensabe
VR-разработчик
Так как вопрос в разделе AFTER EFFECTS - то полагаю задача как получить саму анимацию, а не как встроить ее на web-страницу? Если да - то далее.

Сам красивый вид меда - проще всего получить используя фильтр CC glass и Gradient Ramp. Хотя похожего можно добиться даже настройками стиля слоя или другими эффектами.

Остается анимировать контур. AE поддерживает криволинейные маски, так что можно это сделать вручную. Но я бы делал проще.

Берем итоговый контур - то как мед должен выглядеть в последнем кадре. Мед - белый, фон - черный. Размываем слой с большим радиусом, чтобы получилось почти ровное пятно. И накладываем level сдвинув бегунки так чтобы получить фактически битовую маску (без полутонов).

На данном этапе - получим немного кривой белый круг. Теперь анимируем радиус размытия до 0 - и получим плавную анимацию растекания круга в нашу изначальную форму меда...

Данный трюк можно применять в множестве ситуаций, при анимации измороси, растекания чернил, проявления надписей, дыма и т.п...

Обязательно переключите в свойствах проекта качество просчета на 16 бит. Иначе анимация будет дискретной.

оффтоп. меняю знания AE на знания англ. яз. :)
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Ответ написан
Комментировать
kholmukhamedovme
@kholmukhamedovme
Программист-инженер
Это покадровые PNG'шки анимированные CSS'кой. Пример реализации.
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Любые варианты: здесь
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы