16. Анимация лендинга в After effects | UX/UI Дизайнер: «Возрождение» — бесплатный курс

preview_player
Показать описание
Анимируем целый лендинг в After Effects для Behance кейсов и презентаций.

Подписывайтесь на Тони в сетях:

#aftereffects #анимация #ui

Спасибо Archie за таймкоды видео:
0:00 начало
3:48 если макет меньше или больше разрешения видео
10:10 собираем 1-ый экран по макету
18:59 кнопка
21:12 градиент
33:30 2-ой экран
39:20 3-ий экран
42:50 fast previews
48:00 анимация 1-го экрана
1:03:00 ~(Ё) - увеличение экрана
1:04:00 alt - растягивание /уменьшение точек
1:09:30 scrolling
1:24:00 анимация 2 и 3-го экрана
1:47:50 курсор
1:53:40 восстановление закрытого окна
2:02:40 реверс анимации
2:09:30 завершение
  1. Тони Емельянов | Продуктовый дизайнер (UX UI)
Рекомендации по теме
16. Анимация лендинга 2:12:03

16. Анимация лендинга в After effects | UX/UI Дизайнер: «Возрождение» — бесплатный курс...

Курс After Effects 0:29:24

Курс After Effects #4. Импорт из Фигмы + анимация футера. Анимация лендинга для Behance...

Курс After Effects 0:25:19

Курс After Effects #6. Trim path (анимация движения по контуру). Анимация лендинга для Behance...

Meteor Strike Caught 0:00:09

Meteor Strike Caught on Camera in Germany ! #shorts

Neil Armstrong's Moon 0:00:14

Neil Armstrong's Moon landing video 😍🔥 #shorts #short #viral #viralvideo #thespacezone

Yeti Airlines Flight 0:00:11

Yeti Airlines Flight 691 Crash Footage #shorts

Only 2023 Kids 0:00:07

Only 2023 Kids Remember This

Анимация в Figma 0:10:28

Анимация в Figma // экран Landing Page //

The Tenerife airport 0:00:16

The Tenerife airport disaster #NioVerse

Now Vs Then…🥺 0:00:22

Now Vs Then…🥺 #nostalgia

What When Astronauts 0:00:37

What When Astronauts Return To Earth 🌍

Voepass 2283 Animation 0:00:11

Voepass 2283 Animation vs Real #aviation #crash #plane

Causes of plane 0:00:24

Causes of plane crashes (Part 6) #plane #planecrash #aviation

The best emergency 0:00:17

The best emergency landings pt. 2 | #aviation #planes #emergencylanding #avgeek #commercialaircraft

Airoplane pick up 0:00:11

Airoplane pick up my son from school 🤣 Special effects 3d animation #shorts #animation

MLG!!! - Dream 0:00:20

MLG!!! - Dream On⚡ | #shorts #minecraft

The Pilots don't 0:01:00

The Pilots don't know how to fly the plane 💀

You Can't Survive 0:00:26

You Can't Survive Losing a Wing...| Pan Am 843 | #shorts #aviation #edit

worst air crash 0:00:27

worst air crash investigation😅🤣

Airplane Accidently Came 0:00:20

Airplane Accidently Came in the Runway During Landing Of A380...

Su-27 Carrier Landing 0:00:18

Su-27 Carrier Landing With a Cobra

Perfect Landing 😏 0:00:11

Perfect Landing 😏 | #shorts #minecraft

Plane crashes Animation 0:00:29

Plane crashes Animation vs Real life (Part 4) #shorts #viral #planecrash #Flight

Plane Incidents That 0:00:29

Plane Incidents That Happened Twice

Комментарии
Автор

Тони, спасибо за такой подробный урок, мозг-таки взорвался 😜!

TanBaraban
Автор

Такую бомбезную анимацию сделал благодаря тебе, спасибо!

hanagakiarasawa
Автор

Отлично Тони! Побольше таких уроков! Thank's

ДенисМаличенко-юе
Автор

Ребят, а можно узнать пожалуйста, а как он потом все эти анимации добавляет на сайт, это же видео в итоге получается или как верстальщик это все верстает через AE?

VcnWvw
Автор

Тони а это надо через плагин превратить в код и дать разработчику?

АргиштиБабаян-рл
Автор

0:00 начало

3:48 если макет меньше или больше разрешения видео

10:10 собираем 1-ый экран по макету

18:59 кнопка

21:12 градиент

33:30 2-ой экран

39:20 3-ий экран

42:50 fast previews

48:00 анимация 1-го экрана

1:03:00 ~(Ё) - увеличение экрана

1:04:00 alt - растягивание /уменьшение точек

1:09:30 scrolling

1:24:00 анимация 2 и 3-го экрана

1:47:50 курсор

1:53:40 восстановление закрытого окна

2:02:40 реверс анимации

2:09:30 завершение

archie
Автор

Знакома фигня с хот кеями, тоже в куче программ работаю и часто они отличаются)

alinik._.kotenok
Автор

10:25 а не появилось ли такого плагина сейчас? Тони

vodopmi
Автор

Все хорошо, учусь по твоим урокам, но есть одно НО. Сколько же ты времени тратишь на то, чтобы все было идеально, ты ведь эту работу в конечном итоге никуда не сдаешь, зачем делать полтора часа анимацию первых двух экранов?? Ну серьезно. Сделал, объяснил все, пошли дальше, но нет, ты ее бесконечно идеализируешь, а давайте так! Нет, мне нравится а давайте по другому, а уже идёт второй час урока. Ну серьезно, для чего это? Главное мы же итак поняли!

aniberiashvili
Автор

Каркас можешь называть framework)) тупо на англ переведи)))

jenoke