Sketch Big Sur UI Animation in After Effects
7603 次观看 · 2020-10-25
动效设计
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
// 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