How to build Liquid blob animation in Figma?

  Рет қаралды 17,945

Akash Yadav

Akash Yadav

Күн бұрын

Пікірлер: 35
@wadebryant23
@wadebryant23 10 ай бұрын
Thanks! First time to know the function of layer mode.
@faseehyasin7848
@faseehyasin7848 8 ай бұрын
bro this animation is amazing and it worked perfectly fine when I tried it
@Himansh1118
@Himansh1118 Жыл бұрын
Tutorial was absolutely on point and smooth to understand! Cheers
@AkashYadavUX
@AkashYadavUX Жыл бұрын
Thank you 😇
@SahibpreetKaur
@SahibpreetKaur Ай бұрын
The color dodge didn't remove the grey color for me. But when I applies the low pass filter - everything fell into place. Thankyou for the tutorial.
@sombrerotequila
@sombrerotequila Ай бұрын
Nice video! This is an effect I'm going to play with for sure :)
@JahinShahriar
@JahinShahriar Жыл бұрын
Brother can we export this whole animation and using it inside our wordpress site as an image? Will this animation will still work?
@fleursdumal93
@fleursdumal93 Жыл бұрын
Very nice blob effect, thanks !
@raginisamal8092
@raginisamal8092 Жыл бұрын
Nice tutorial.. I am trying all things you have posted on channel, it is really helping me a lot. thank you so much for such wonderful videos and explanation.
@rithikakumar7781
@rithikakumar7781 Жыл бұрын
Awesome tutorial! really helpful and very well explained, thanks a bunch!
@ShivamBankar
@ShivamBankar Жыл бұрын
u really taught me a new thing today
@oddvideosofc
@oddvideosofc 14 күн бұрын
could you please make an explosion effect? like particles, and etc. I´m trying to do a popcorn explosion, but i can´t
@m0hal0nka
@m0hal0nka 9 ай бұрын
Very nice buddy. I appreciate your effort. Thanks a lot.
@dharshanamadhusudanan
@dharshanamadhusudanan Жыл бұрын
Hi Akash, When I group the blob into a frame the prototype of the blob rotation doesn't work.
@geethadauntless3118
@geethadauntless3118 Жыл бұрын
Wonderfully explained ❤❤
@karinakim5516
@karinakim5516 Жыл бұрын
Good tutorial, but i can’t make blob with photo on white bg (((( blob leaves screen when starting "prototype" Please, can you check work this case in you?
@endgamefond
@endgamefond 3 ай бұрын
can it be saved as mp4 or webm?
@manmeetkaur1348
@manmeetkaur1348 Жыл бұрын
Amazing tutorial 👏👏👏👏👏
@vrittishah7752
@vrittishah7752 4 ай бұрын
Can this be done on a transparent background?
@dominikaspiewak1152
@dominikaspiewak1152 Жыл бұрын
My blob doesn't start moving automatically... It seems that when I apply the After delay interaction to the first frame, the animation does not kick off, as if there's no trigger. When i change "After delay" to "On click", it does start moving when clicked. If I want to keep the "After delay" interaction, I need to use the Restart option (R) in the preview, then it starts moving. How did you get it to move at once without pressing anything?
@AkashYadavUX
@AkashYadavUX Жыл бұрын
Hey so there could a few issues. 1. "after delay" only works properly when you link artboards, so make sure artboards are linked and not the inner elements. 2. "After delay"might have some delay added to it. Check the box next to after delay to set delay timing to 1ms. 3. Multiple interactions, you might have linked the first artboards with few other interaction(s) that is overriding the "after delay function".
@ShivamBankar
@ShivamBankar Жыл бұрын
bro he made a loop, he connected the last frame to first frame again to make the animation periodic.
@erikagalili
@erikagalili 11 ай бұрын
@@AkashYadavUX I have the same issue - is it Frame not artboard in Figma - it runs fine until it is a component set
@vamshisri3431
@vamshisri3431 Жыл бұрын
Really good job
@srestaabhattarai7681
@srestaabhattarai7681 7 ай бұрын
make a tutorial for gradient backgrounds on frame
@Valerie-ws3zr
@Valerie-ws3zr 5 ай бұрын
amazing !!
@pranjaljain2721
@pranjaljain2721 Жыл бұрын
TQSM for the tutorial and u are amazing
@AkashYadavUX
@AkashYadavUX Жыл бұрын
My pleasure 🙂
@mojack-ox1re
@mojack-ox1re Жыл бұрын
hey i wanted to know what if we have to keep some other bg color not black or white what to do then also really helpful video
@AkashYadavUX
@AkashYadavUX Жыл бұрын
Results will not be extremely crisp with different Colors other than white and black as they don't contain any other Colors values. The filters we build in Figma are really primitive. You can achieve fairly similar values by tweaking the fill colors and blending options of the filters and the top color/image layer. It will not work with gradients.
@shantanutyagi8272
@shantanutyagi8272 6 ай бұрын
Nic work bro
@rubazaidi8460
@rubazaidi8460 Жыл бұрын
How did you play the blob 6:34
@akshaychauhan.5678
@akshaychauhan.5678 Жыл бұрын
It's really very cool.
@shivamoeini1920
@shivamoeini1920 Жыл бұрын
You are the best.
@aniket_mane25
@aniket_mane25 Жыл бұрын
Awessssssoooomeee.....🤩
Shine effect (Splash screen animation) in Figma
11:31
Akash Yadav
Рет қаралды 15 М.
Design Liquid Loading Animation in Figma (Secret Trick)
5:17
Average Design Dude
Рет қаралды 1,9 М.
MY HEIGHT vs MrBEAST CREW 🙈📏
00:22
Celine Dept
Рет қаралды 91 МЛН
Я сделала самое маленькое в мире мороженое!
00:43
Kluster Duo #настольныеигры #boardgames #игры #games #настолки #настольные_игры
00:47
Parallax Scroll Animation in 6 Minutes (Figma Tutorial)
6:35
Tim Gabe
Рет қаралды 328 М.
Simple Figma animation in 8 minutes - tutorial
8:24
Minh Pham
Рет қаралды 40 М.
How To Create Liquid Loader Animation In Figma
2:06
Design Club
Рет қаралды 901
Card swipes/ carousels in Figma
18:41
Akash Yadav
Рет қаралды 66 М.
How to make liquid blob in Figma
5:46
Shiva Moeini
Рет қаралды 183
Infinite Rotation Animation in Figma | Prototype Tutorial
13:04
Hyperthesis Technologies
Рет қаралды 15 М.
Figma Basic: Liquid loading animation in figma
5:23
Vidscape Code
Рет қаралды 4,3 М.
Liquid Filling Glass Animation | Figma Smart Animate Tutorial (2022)
19:20
Create Beautiful Things
Рет қаралды 7 М.
Creating parallax with variables - Figma tutorial
10:44
Double Glitch
Рет қаралды 21 М.
Create A Draggable Slide Up Action Card In Figma Using Auto Layout - Figma Tutorial
10:48
Darren Northcott - Figma, UX & UI
Рет қаралды 10 М.
MY HEIGHT vs MrBEAST CREW 🙈📏
00:22
Celine Dept
Рет қаралды 91 МЛН