Design Systems, part 9: Animated Pictograms with After Effects and Lottie

Design Systems, part 9: Animated Pictograms with After Effects and Lottie

Christopher Deane 14.1K subscribers
4K views · 2018-04-11 Motion DesignUI Design
Make sure you read the description, everything you need to follow this tutorial is in it :)

First up, you'll need After Effects. If you don't have it you can download a trial here:
https://www.adobe.com/au/products/aftereffects/free-trial-download.html

You'll then need to have the URL's for Sketch2AE, Bodymovin and the ZXP extension installer handy, they are:

Sketch2AE
https://google.github.io/sketch2ae/

Bodymovin
https://github.com/airbnb/lottie-web

ZXP extension installer:
https://aescripts.com/learn/zxp-installer/

The Sketch file needed for this part, the Sketch file we create in this part and the After Effects and Lottie files that we create can all be downloaded from here:
https://www.icloud.com/iclouddrive/0fepaQCtctnTQefA82DOYRByA#Dezin_System_-_Global_(Animated_pictograms_with_After_Effects_and_Lottie)_-_All_files

Playlist with all of the videos in this series:
https://www.youtube.com/playlist?list=PLuGpMawKEhfaicYZHb4VME-IoLtg8gtew

Software and services used:
Sketch: https://www.sketchapp.com/
Abstract: https://www.goabstract.com/
After Effects: https://www.adobe.com/au/products/aftereffects.html

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

Thanks for watching! :)

#Sketchtutorial #Designsystems #Designtutorial