Easy animations for your website (LottieFiles Crash Course)
January 27, 2025 2025-01-27 18:22Easy animations for your website (LottieFiles Crash Course)
Animation can elevate a website from uninspiring to delightful, but motion design has traditionally been complex, time-consuming, and produced huge files that increase load times. So in this video, Matt gives you a crash course in Lottie Files and Lottie Creator. Tools which not only radically simplify the process of editing or creating vector animations but also make it easy to incorporate them into your website.
CHAPTERS
0:00 Intro
0:28 LottieFiles workspace
1:40 Lottie Creator
17:03 LottieFiles (handoff and editing)
📱 Find us on SOCIAL MEDIA
Matt’s YouTube channel 👉 @MattBruntonUK
Flux Academy’s Instagram 👉 https://www.instagram.com/flux.academy/
Flux Academy’s TikTok 👉 https://www.tiktok.com/@fluxacademy
source
Comments (15)
@hannahisabellelenck
more videos on lottie creator please!
@Trackstareman23
Thanks for the straight forward introduction to Lotties. Very helpful information.
@remco9893
Would've been quite nice to see an actual example of you implementing it in an example website, quite a crucial part I feel
@nier3434
$20 per month is robbery
@kartikmahato
Thanks 😊
@AsherAndres
Could you make a video on how to make a slash animation through the text, looking like it's been cut
I've been struggling with this can't seem to make it look good an smooth slash
@RebecaGarcia-x9m
thanks for you video tutorial, i have some dubs, can you help me? hoy can control the looping animation if i want that for example the 5 last frames of the animation play the animation in loop, just the last 5
@Virtual_Maid_Miyu_Full_Menu
Currently looking into after effects alternatives for motion design thx
@orcadiadesign
Very helpful video, thank you!
@Predraglals
Painfully slow video. Could have been YT short. 19 minutes to explain position property animation, come on guys, it's 2024.
@aabidfaiyaz
My dude looks SEXY❤
@renanrubini3865
I'm setting up an e-commerce and studying the different design models shown in the videos on the page. In this case, could I create a different design for each product on the website or do I need to follow the same line of development?
@muktadirrudro7552
your new look is cool man
@lovefrommana
Craaaazy that you guys haven't done a video on Rive yet! Much better than Lottie imo
@MrMorrisonandDean
Nice moustache!