TIMELAPSE / SPED UP VERSION: https://youtu.be/tpIiScP5DCQ

In this video I’m going to be discovering a “hamburger menu” UI / UX concept in After Effects. Hope you like it!

Timestamps / Chapters for better understanding:
0:00 — Final Result
0:14 — Creating the hamburger button
3:00 — Animating the hamburger button
5:26 — Creating the menu composition and animating the background size transition
11:02 — Creating & animating the menu items
15:06 — Creating the main composition
16:14 — Figuring out the correct positioning
18:43 — Changing colors and applying effects
20:58 — Animating the finger cursor
25:23 — Time-reversing the menu composition copy to create the shrinking effect
29:39 — Applying effects and finishing up

Cheers,
Mavi

————
© 2020 Mavi Design

Animated Hamburger Menu UI Concept in After Effects (Full Process) — Animating a UI Concept Hamburger Menu in After Effects — Hamburger Menu - Animated UX/UI concept in Adobe After Effects (Full Process) —Watch me animate a UX / UI concept in Adobe After Effects (Full Process)