Sketch Big Sur UI Animation in After Effects

Sketch Big Sur UI Animation in After Effects

Christopher Deane 14.1K subscribers
7.6K views · 2020-10-25 Motion Design
In this tutorial, I show you how to recreate (with a few tweaks) the Sketch Big Sur UI Animation in After Effects, with a little bit of Sketch, AEUX and Cinema 4D 😀.

// Chapters
0:00 Intro
0:24 Project file link and exploration
2:44 After Effects, Sketch, AEUX, Font links
4:34 Look at the Sketch and After Effects files
7:54 Import, review and scene set up
17:27 Setup chapter markers
12:06 Animate coming soon intro text
29:41 Animate main scene camera path
38:34 Animate main scene UI elements
53:38 Cinema 4D install link and scene
54:47 Animate Sketch logo outro
58:56 Media Encoder link, render and review
1:02:03 Outro

// Original animation from Sketch
https://twitter.com/sketch/status/1314577538417655811

// Project file (After Effects file and all the assets you'll need for this tutorial)
https://www.icloud.com/iclouddrive/056hC7DlYYlZNL9Z9v_PyFaCA#Sketch_-_Big_Sur_UI_Animation

// Software, plugins and fonts
After Effects: https://www.adobe.com/au/products/aftereffects/free-trial-download.html
Sketch: https://www.sketch.com/try/
AEUX: https://aeux.io/guide/download.html
ZXP Installer: https://aescripts.com/learn/zxp-installer/
Apple San Fransisco font: https://developer.apple.com/fonts/
Cinema 4D: https://www.maxon.net/en-us/try/

// For updates and other tutorials, follow me on
Twitter: https://twitter.com/deanemachine
Medium: https://medium.com/@christopherdeane

Thanks for watching! 🙂

#aftereffects #tutorial #sketch