Как записать анимацию для кейса?

Question

[▪ ▪]

Часто замечаю, что многие дизайнеры при создании кейса в портфолио, используют видео или gif, для демонстрации анимации сайта. Как они это записывают? Через запись видео рабочего стола? И потом конвертируют в gif? Но ведь гиф не позволит сделать анимацию в 50 кадров в секунду? Но я часто вижу очень плавные анимации в кейсах. Например на behance такое часто появляется.

Пример: https://www.behance.net/gallery/81337177/Golden-Su...

Answer 1

[DarkWood]

Такие анимации создаются в After Effects или аналогичных редакторах. Ну и 50 кадров совсем не обязательны. Начинать можно с 12. 15 точно уже смотрятся вполне плавно.

Comments

[▪ ▪]

а зачем афтер эффект, если можно записать видео?

[DarkWood]

Затем, что при записи подобного видео нужны точные тайминги. Или последующий монтаж. И наложение эффектов. А в анимации вы сразу делаете всё и вообще здесь много больше возможностей.

Answer 2

[red-web]

Не знаю как делаю другие, но я бы импортировал необходимые элементы а Adobe Animate, сделал там и конвертнул в формат который мне надо можно даже сохранить в HTML5. Как баннеры делают там и тут - примитивная анимация.