Как анимировать сайт? На dribbble часто дизайнеры показывают гифку с работой сайта (скролл, меню, ховеры и т.д). Есть ли уроки на русском?

Question

[Анна]

Насколько я поняла, это делается в After Effects. Но ни одного урока на русском именно об анимации сайта/интерфейса не нашла. Тема же популярная, не может быть, чтобы не было уроков русскоязычных. Может кто подскажет.

Answer 1

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

McBernar прав, но всё же есть и русские туторы, напр:
https://photoshop-master.org/disc138/

Comments

[McBernar]

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

Ну, то есть, быстрее английский выучить, чем русские туторы по нужной теме найти.

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

McBernar: не спорю, язык учить надо. Но это тяжело. Я вот сам английским свободно владею, но всё равно стараюсь зырить русские туторы.

[McBernar]

Nekto_Habr: ну нет ) на самом деле, для туторов достаточно абсолютно базового уровня английского языка. Потому что аудио поддерживается картинкой и становится все понятно на 100%.

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

McBernar: ну кому как короче, чё спорить-то)

[McBernar]

Согласен :)

Answer 2

[Владимир Т.]

Анна, если вы спрашиваете о том как сделать анимацию работающего дизайна, а не простой статичный макет, то для этого есть инструменты вроде Principle

Answer 3

[McBernar]

After Effects в 90% случаев. Учите английский. Все самые интересные туторы только на английском языке. Сейчас его стыдно не знать.

Comments

[Сергей Тилион]

АЕ там в 20% случаев в лучшем случаев, потому что есть Principle, Framer и Flinto, которые для анимации интерфейсов подходят намного лучше из-за своей простоты, кобайн АЕ используют для моушен дизайна иконок и заставок в основном.

[McBernar]

Сергей Тилион: ну не надо путь теплое с мягким.

Одно дело заанимировать прототип и показать клиенту или разработчикам, а совсем другое — сделать няшный шотик для дрибла. Ни Принципл ни Флинто не умеют и 1% того, что можно сделать в Афтере. А Фреймер почти никто не умеет, потому что JS.

Большинство гифок сделаны в Афтере — это видно по блюру, по кривым изингам, по изометрии в конце концов.