Create Animations For The Web With LottieFiles and After Effects

  Рет қаралды 44,682

School of Motion

School of Motion

Күн бұрын

som.bz/44tLLIT - FREE Ae project file. Motion design has become a big part of web and UI design in the last few years, and LottieFiles are one of the biggest reasons why. In this video, learn how to create and optimize your After Effects animations and turn them in to web friendly code with LottieFiles.
Everything You Need To Know To Make Web/UI Animations With LottieFiles - som.bz/44tLLIT
SCHOOL OF MOTION COURSES
All Courses - som.bz/3SUg5Yb
After Effects Courses - som.bz/42sBon6
2D Animation - som.bz/3VCBtme
0:00 - Intro
1:21 - Lottie Vs. Lottiefiles
1:59 - Download AE Plugin
2:28 - Designing An Animated Button
3:46 - Exporting A Lottie File
5:29 - Optimizing Lottie Animations
6:30 - Lottiefiles Platform
7:50 - Lottie File Formats
8:30 - Customizing Lotties On The Web
10:00 - Outro

Пікірлер: 18
@bharat5194
@bharat5194 11 ай бұрын
Very useful
@ellieguerra536
@ellieguerra536 11 ай бұрын
Oh, this is fantastic!!
@Okay_justcallmekim
@Okay_justcallmekim 11 ай бұрын
Super fantastic
@Jialatt
@Jialatt 11 ай бұрын
here to support a friend.cheers! 🍺
@dudecreations9144
@dudecreations9144 11 ай бұрын
We want that horse running animation tutorial please
@DanielPartzsch
@DanielPartzsch 11 ай бұрын
This is so cool however unfortunately in my case never ever has a client asked for these (they always still want Gifs instead). Are they actually used somewhere in real world scenarios (I mean outside of the mograph bubble where designers use them solely on their portfolio website)?
@lauraoptimile
@lauraoptimile 11 ай бұрын
we use them in our apps!
@reginaldarmah2381
@reginaldarmah2381 7 ай бұрын
The only thing missing in lottie is state management like Rive
@thePureXTC
@thePureXTC 11 ай бұрын
I try it 1 year ago but it was very complicated and in the end... the animation didn't use the advantage of vectors : you can see pixels if you scale up your animation. With the obligation of using their servers.... Not for me.
@rockyninja5089
@rockyninja5089 5 ай бұрын
I don't see options to pull my project name into lottiefiles through ae
@lowmoon9025
@lowmoon9025 11 ай бұрын
Good hair.
@yumandi2
@yumandi2 7 ай бұрын
Hey there! Is there someone by any chance that can help a fellow developer out? I'm facing an issue with a Lottie in a Wordpress site built with Elementor. I need it to be triggered by viewport, but played only ONCE. It triggers it every time that viewport comes into frame, is there any way to solve this? HELP!
@vamboo8918
@vamboo8918 11 ай бұрын
Good
@NoitAnima
@NoitAnima 6 ай бұрын
What tool did you use for protyping? 2:42
@user-ll1bn8cq7d
@user-ll1bn8cq7d 2 ай бұрын
That was Figma
@gabrielmelo2146
@gabrielmelo2146 9 ай бұрын
I can export a svg file from this plugin?
@lukas-personal
@lukas-personal 4 ай бұрын
no
@blackacidproduction
@blackacidproduction 11 ай бұрын
I have came across your short, of c4d cloth, I have 3090 but it give me an error of Collison limit exceeded when gpu solve a cloth, please help
After Effects lottie wiggle loop работа на фриланс бирже Fiverr
19:09
FreelStep Фриланс это Просто
Рет қаралды 18 М.
Creating Lottie animations in Figma
6:45
Ridd
Рет қаралды 30 М.
Please be kind🙏
00:34
ISSEI / いっせい
Рет қаралды 188 МЛН
ОДИН ДЕНЬ ИЗ ДЕТСТВА❤️ #shorts
00:59
BATEK_OFFICIAL
Рет қаралды 8 МЛН
1❤️
00:17
Nonomen ノノメン
Рет қаралды 5 МЛН
Figma to After Effects with AEUX
14:35
Motion UX
Рет қаралды 49 М.
Easy animations for your website (LottieFiles Crash Course)
19:56
Adding Motion to Your Designs with LottieFiles
13:46
Jesse Showalter
Рет қаралды 26 М.
Intro To Interactive Animation In Rive | UI Animation Tool
38:44
School of Motion
Рет қаралды 93 М.
5 Tips I Wish I Knew Before I Started Motion Design
4:18
Nowack Design
Рет қаралды 530 М.
Explained: What is a Lottie animation?
2:16
LottieFiles
Рет қаралды 65 М.
Advanced Character Lottie Animations in After Effects | Tutorial
7:55
Please be kind🙏
00:34
ISSEI / いっせい
Рет қаралды 188 МЛН