С помощью каких инструментов и как это сделано?

Question

[Mikalai Bulava]

Всем привет. Хочу освежить портфолио и показать его в таком виде.
Превью делал как всегда в фотошопе, а в примере есть вставки с то ли видео, то ли гиф. Как это сделано? Могли бы указать направление что изучить/почитать?
Спасибо!

Answer 1

[lvbmessage]

для вставки данной анимации достаточно изучить after effects, основу анимации объектов
если формат видео не подходит из аe можно перевести в gif

Answer 2

[Андрей Гончаров]

Если тебе нужна анимация именно для презентации в формате видео, то after effects.
Если реализация этих эффектов на сайте - то тут много чего, css3 анимации, svg анимации (возможно), gsap какой-нибудь в помощь, много js, лучше заправить все под SPA.

Comments

[Mikalai Bulava]

Нет, именно презентация) Тут можно и principle обойтись, в общем любым видео редактором, это понятно. А вот как вставлена эта анимация в само превью? В PSD импортируется gif или еще какой-то формат или как?

[Андрей Гончаров]

Crimp B: Сори, значит не понял суть вопроса. Как на бехансе устроено добавление работы - не в курсе, но тут явно вставка видео. Возможно, есть такой функционал в самом бехансе.

Answer 3

[John FireFly]

есть десятки разных способов, это называется - слайдер.

Comments

[Mikalai Bulava]

Вы могли бы более развернуто ответить. Там если навести на анимацию в превью, есть кнопки play/stop. Как в обычный файл psd добавить и загрузить на беханс (к примеру)? В каком формате? Или это склеивается из нескольких файлов?

[Егор Живагин]

Crimp B: кнопки останавливают именно видос в превью, на сайте там просто слайдер с автоплеем

Или вы имеете ввиду, как делать превью? Тогда не стоит делать всё одним psd . В примере между блоками с картинками лежать блоки с

[Mikalai Bulava]

Егор Живагин: да, именно превью. Например, у меня есть PSD файл с превью и gif (или какой формат должен быть?) файл. Как это видео/gif добавить в превью и какой формат должен получиться на выходе, чтобы загружать на тот же беханс.

[Егор Живагин]

Crimp B: не gif точно, их же нельзя на паузу ставить, не?)
Про беханс - ни разу не был там, но почти уверен, что есть отдельный функционал площадки для встраивания видео. Выход только один - идти туда и смотреть

[Mikalai Bulava]

Егор Живагин: да, нельзя. Это я к примеру сказал)
Да, там вроде бы есть функция при загрузке «встроить мультимедиа», раньше не замечал. Думал, что делается с помощью других программ и просто загружается