Dynamically Change Lottie Animations with Expression Controls

  Рет қаралды 5,500

SVGenius

SVGenius

Күн бұрын

Пікірлер: 15
@gregtasi
@gregtasi 2 жыл бұрын
A better and easier way to make the color dynamic is to rename your "Stroke 1" or "Fill 1" in After Effects to "#somename" and then reference it in your CSS like this: #somename { stroke: red; /*or*/ fill: red; }
@SVGenius
@SVGenius 2 жыл бұрын
I also covered this method :-) kzbin.info/www/bejne/nZfSeqCKoaqWf7c
@Gogo-dn2pl
@Gogo-dn2pl 2 жыл бұрын
Amazing channel! Can you do a separate tutorial on reloading the animationData? Or do you go in more depth in your course?
@SVGenius
@SVGenius 2 жыл бұрын
Thank you Gogo! Do you mean swapping and changing animations at run time?
@Gogo-dn2pl
@Gogo-dn2pl 2 жыл бұрын
@@SVGenius yes exactly that part
@SVGenius
@SVGenius 2 жыл бұрын
​@@Gogo-dn2pl I've made this possible with the lottie-interactivity library docs.lottiefiles.com/lottie-interactivity/chaining
@Gogo-dn2pl
@Gogo-dn2pl 2 жыл бұрын
@@SVGenius thanks so much! I also checked your other video on dynamic text, you explained there in more detail 👌🏻
@fahimhasnainfahad6637
@fahimhasnainfahad6637 3 жыл бұрын
Great Video!
@Cadknowledge
@Cadknowledge 2 жыл бұрын
increase the font size it is very difficult to read (small change but trust me help your subscriber)
@anilsonix
@anilsonix 2 жыл бұрын
Awesome, can we merge multiple Lottie animations into a Lottie files ?
@SVGenius
@SVGenius 2 жыл бұрын
You'd have to import them with Bodymovin, manually stitch them together in AE and then re-export as a new one!
@anilsonix
@anilsonix 2 жыл бұрын
@@SVGenius I'm trying to create an in-browser tool to do that. Can this be done with js ?
@SVGenius
@SVGenius 2 жыл бұрын
@@anilsonix Yes, but I think it will be a complicated task to complete!
@suryaadhiwirawan1519
@suryaadhiwirawan1519 2 жыл бұрын
Would this work in iOS and Android? I thought Lottie doesn't support AE's effects and expressions.
@SVGenius
@SVGenius 2 жыл бұрын
Dont think this would work on iOS and Android
Lottie, The What, Why, and How
22:55
Motion UX
Рет қаралды 1,6 М.
Scrollable Animations in React Have Never Been This Easy! (Using Lottie)
9:11
Will A Basketball Boat Hold My Weight?
00:30
MrBeast
Рет қаралды 87 МЛН
VAMPIRE DESTROYED GIRL???? 😱
00:56
INO
Рет қаралды 7 МЛН
Ouch.. 🤕⚽️
00:25
Celine Dept
Рет қаралды 11 МЛН
Сюрприз для Златы на день рождения
00:10
Victoria Portfolio
Рет қаралды 2,2 МЛН
EASILY Interact With Different Parts Of Your Lottie Animation
9:23
Interactive Lottie Animations | Full Class
35:07
SVGenius
Рет қаралды 14 М.
Create Animations For The Web With LottieFiles and After Effects
11:19
School of Motion
Рет қаралды 53 М.
Rive Vs Lottie Files
15:48
UX Ninja
Рет қаралды 9 М.
Die besten Scroll-Animationen mit Lottie Web! [Tutorial/DE]
18:03
Unleashed Design
Рет қаралды 5 М.
Workflow For Creating Lottie Animations
15:40
SVGenius
Рет қаралды 20 М.
All Bodymovin Settings Explained
10:36
SVGenius
Рет қаралды 26 М.
The Worst Programming Language Ever - Mark Rendle - NDC Oslo 2021
1:00:41
NDC Conferences
Рет қаралды 1,3 МЛН
Will A Basketball Boat Hold My Weight?
00:30
MrBeast
Рет қаралды 87 МЛН