Удобный сервис для создания анимации дизайн — макета сайта?

Question

[Игорь Шутник]

Здравствуйте!

Подскажите сервис, с помощью которого возможно "оживить" макет как в примере по ссылке - https://www.behance.net/gallery/42272523/Tommy-Bro...

Часто встречаю подобные работы, выглядит наглядно и удобно для предоставления заказчику.
Бывает в виде gif - анимации, но чаще небольшими видеороликами.

Comments

[Владимир]

Это не похоже на правду ? https://www.invisionapp.com/

[Владимир]

В примере кстати обычные картинки и видео встроенное из vimeo.

Answer 1

[iBird Rose]

ну тк вставь в макет гифки и видеоролики не? в примере также. кусками накидан макет - а между вставлены гифки или видеоролики.

Comments

[Игорь Шутник]

Видеоролик или гифку как то нужно сделать еще. Натыкался где то, жаль не сохранил себе. Что то вроде - https://atomic.io

[iBird Rose]

Игорь Шутник: в фотошопе можно сделать гифку. а видеоролик снять через OBS https://obsproject.com/

[Игорь Шутник]

Есть что то более удобное, однозначно. OBS - Это видео стримить же?

[iBird Rose]

Игорь Шутник: ну там есть функция и локально сохранять видео. ну я к тому что если ты хочешь снимать видео своего рабочего стола для макета. в общем эта штука намного лучше фрапса. я просто не знаю какое тебе видео надо. если готовое видео брать будешь - тогда забей на OBS.

[iBird Rose]

Игорь Шутник: просто в твоем примере как раз съемка рабочего стола и верстки. тобишь как ведет себя сайт при клике и т.д.

[Нерон Лордов]

Игорь Шутник:

Есть что то более удобное, однозначно. OBS - Это видео стримить же?

лол, нет. Всё делается ручками в редакторах анимации (тот же фотошоп, флеш, афтер эффектс и т.п.)

[Игорь Шутник]

iBird Rose: Верно, на видео показано поведение элементов, только верстки там нет. Задача как раз и состоит в презентации дизайна, без верстки. Вот еще пример - facebook.github.io/origami

[Игорь Шутник]

Nekto_Habr: Зачем юзать программы для создания видеографики с тысячами настроек, к тому же платно, если можно отделаться малой кровью?

[iBird Rose]

Игорь Шутник: adobe xd возможно решит вашу проблему. но видео снимать все равно придется по верстке. такое как в примере без верстки не сделать.

[Игорь Шутник]

iBird Rose: Нет для винды:( Но это именно то, что я искал. Буду смотреть варианты

[iBird Rose]

Игорь Шутник: лол) продукты adobe все есть для винды.

[Игорь Шутник]

iBird Rose: www.adobe.com/ru/products/experience-design.html#x - правый верхний угол, notify for windows

[Игорь Шутник]

iBird Rose: Adobe XD will be available for Windows in late 2016.
Sign up to stay informed.

лол, лол, лол :) Раз уж все так говорят здесь

[iBird Rose]

Игорь Шутник: как только я про нее узнал - она еще была на бета тестировании. и бета версия была под винду. щас видимо прикрыли на время. не знал. сорян

[iBird Rose]

iBird Rose: а вообще погугли по запросам "prototype design animations" там много софта. платного в большинстве своем. но функционал как на xd

[Игорь Шутник]

iBird Rose: Спасибо! Уже ищу, пока про craft изучаю

Answer 2

[Рост Осипов]

Adobe After Effects.
Создаете нужную анимацию - сохраняете видео, а потом из Photoshop экспорт как гиф.

Answer 3

[Супер Шрек]

Для такого прототипирования нужно что-то вроде Principle.
Но чтобы заказчику показывать пойдет и Marvelapp или Invision.