In this video, we’ll take a look at getting started with Lottie animations in Squarespace.
Lottie animations are high-quality, small file sized animations that have been created in Adobe After Effects and rendered for the web and in this video, I’ll cover how to add Lottie animations to your Squarespace website.
0:00 Intro
0:27 Install Lottie Player CDN
0:57 Installing the Player
1:20 Customising Player
2:07 Changing Animations
3:15 Exporting from After Effects
Watch more: http://bit.ly/sqsptuts
Subscribe for more Squarespace tutorials: http://bit.ly/MrJohnoCPSub
Share this video: https://youtu.be/m3srM_bM3QA
Learn Lottie Interactivity: play animations on scroll: https://youtu.be/wpHxuUdWcWw
________________________
Want to support my content? Consider donating here:
https://www.buymeacoffee.com/carljohnson
New to Squarespace? Sign up here https://squarespace.syuh.net/carljohnson (that’s an affiliate)
Sign up for email updates: http://bit.ly/2TNpgKc
Music I use: https://bit.ly/mrjohnocp-es
Twitter: @MrJohnoCP
________________________
Links:
Lottie Player GitHub: https://github.com/LottieFiles/lottie-player
LottieFiles: https://lottiefiles.com
JSONbin: https://jsonbin.io
Bodymovin: https://exchange.adobe.com/creativecloud.details.12557.bodymovin.html
________________________
If you’ve got any questions or requests for future videos drop them in the comments below 👇
________________________
GEAR I USE
CAMERA
▸ Canon 90D https://amzn.to/3hbVfSp
AUDIO
▸ Blue Yeti https://amzn.to/3DToEKK
▸ Boom Stand https://amzn.to/3DUb9KN
▸ Boya Lav Mic https://amzn.to/2WUGFaE
LIGHTS
▸ Neewer LED’s https://amzn.to/3DU4TD6
▸ Soft Boxes https://amzn.to/3ha7S0j
DESK
▸ Mouse https://amzn.to/3E4IRxw
▸ Keyboard https://amzn.to/2WUB8S0
▸ External Storage https://amzn.to/2X1h13S
▸ iPad for Extra Screen Space https://amzn.to/3zSjcpe
▸ iPad Mount https://amzn.to/3BJ2ARc
________________________
#Squarespace
