How to build Liquid blob animation in Figma?

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ต.ค. 2024

ความคิดเห็น • 35

  • @JahinShahriar
    @JahinShahriar ปีที่แล้ว +2

    Brother can we export this whole animation and using it inside our wordpress site as an image? Will this animation will still work?

  • @faseehyasin7848
    @faseehyasin7848 8 หลายเดือนก่อน

    bro this animation is amazing and it worked perfectly fine when I tried it

  • @wadebryant23
    @wadebryant23 10 หลายเดือนก่อน

    Thanks! First time to know the function of layer mode.

  • @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.

  • @Himansh1118
    @Himansh1118 ปีที่แล้ว +1

    Tutorial was absolutely on point and smooth to understand! Cheers

  • @sombrerotequila
    @sombrerotequila หลายเดือนก่อน

    Nice video! This is an effect I'm going to play with for sure :)

  • @oddvideosofc
    @oddvideosofc 2 วันที่ผ่านมา

    could you please make an explosion effect? like particles, and etc. I´m trying to do a popcorn explosion, but i can´t

  • @ShivamBankar
    @ShivamBankar ปีที่แล้ว +1

    u really taught me a new thing today

  • @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.

  • @karinakim5516
    @karinakim5516 ปีที่แล้ว +1

    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?

  • @rithikakumar7781
    @rithikakumar7781 ปีที่แล้ว

    Awesome tutorial! really helpful and very well explained, thanks a bunch!

  • @dharshanamadhusudanan
    @dharshanamadhusudanan ปีที่แล้ว +1

    Hi Akash,
    When I group the blob into a frame the prototype of the blob rotation doesn't work.

  • @vrittishah7752
    @vrittishah7752 4 หลายเดือนก่อน

    Can this be done on a transparent background?

  • @dominikaspiewak1152
    @dominikaspiewak1152 ปีที่แล้ว +1

    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  ปีที่แล้ว +1

      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 10 หลายเดือนก่อน

      @@AkashYadavUX I have the same issue - is it Frame not artboard in Figma - it runs fine until it is a component set

  • @m0hal0nka
    @m0hal0nka 8 หลายเดือนก่อน

    Very nice buddy. I appreciate your effort. Thanks a lot.

  • @endgamefond
    @endgamefond 2 หลายเดือนก่อน

    can it be saved as mp4 or webm?

  • @geethadauntless3118
    @geethadauntless3118 ปีที่แล้ว

    Wonderfully explained ❤❤

  • @srestaabhattarai7681
    @srestaabhattarai7681 7 หลายเดือนก่อน

    make a tutorial for gradient backgrounds on frame

  • @manmeetkaur1348
    @manmeetkaur1348 ปีที่แล้ว

    Amazing tutorial 👏👏👏👏👏

  • @rubazaidi8460
    @rubazaidi8460 ปีที่แล้ว

    How did you play the blob 6:34

  • @vamshisri3431
    @vamshisri3431 ปีที่แล้ว

    Really good job

  • @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  ปีที่แล้ว +2

      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.

  • @Valerie-ws3zr
    @Valerie-ws3zr 4 หลายเดือนก่อน

    amazing !!

  • @pranjaljain2721
    @pranjaljain2721 ปีที่แล้ว

    TQSM for the tutorial and u are amazing

  • @shantanutyagi8272
    @shantanutyagi8272 6 หลายเดือนก่อน

    Nic work bro

  • @akshaychauhan.5678
    @akshaychauhan.5678 ปีที่แล้ว

    It's really very cool.

  • @shivamoeini1920
    @shivamoeini1920 ปีที่แล้ว

    You are the best.

  • @aniket_mane25
    @aniket_mane25 ปีที่แล้ว

    Awessssssoooomeee.....🤩