Design Systems, part 9: Animated Pictograms with After Effects and Lottie
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
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