Confetti Figma Animation using Lottie & Smart Animate - 📎 With Practice File

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ • 59

  • @udayrajsathe
    @udayrajsathe  4 роки тому +3

    Practice File Download Link -
    www.figma.com/community/file/923830083281342180/Confetti-Animation-w%2F-UA-cam-Tutorial

  • @funside7662
    @funside7662 2 роки тому +1

    Thank you for showing the tutorial, the confetti which i made was for a mobile screen, so if that confetti eas for a cone that would be awsome

  • @abhijitkale92
    @abhijitkale92 4 роки тому +1

    Stunning growth bro. Keep the pace🤘😎

  • @akashuxer
    @akashuxer 4 роки тому +1

    yes..it looks awesome brother.. nice to have weekly micro-interactions tutorials...#thanks man

    • @udayrajsathe
      @udayrajsathe  4 роки тому

      I’m trying hard to post twice or atleast once each week. Let’s hope that new year grants me time to do that.

  • @RelaxingMusic-ip8lp
    @RelaxingMusic-ip8lp 3 роки тому

    It was awesome. I really love it.
    All the tecchnic was very use full

  • @NaySouza-f7t
    @NaySouza-f7t Рік тому

    Thank you so much for this video!!!!

  • @stephaniepermuy2234
    @stephaniepermuy2234 2 роки тому

    This was awesome! Thank you!

  • @CynVal
    @CynVal 3 роки тому +1

    Thanks so much for this video! Super helpful!

  • @ahamedsamsudeen4143
    @ahamedsamsudeen4143 3 роки тому

    you are just awesome man!😍 Keep helping designers by your wonderful videos👍

  • @ashishkaroshi1801
    @ashishkaroshi1801 4 роки тому

    thanks Uday. nicely explained.. keep doing it 👍🏻

  • @SamuelYau-x3r
    @SamuelYau-x3r 5 місяців тому

    top work my man thank you

  • @kaungmyatkhaing3423
    @kaungmyatkhaing3423 2 роки тому +1

    Can I know what app you use in the video to temporarily store the file in between drag and drop action?

  • @sayekatchakraborty4621
    @sayekatchakraborty4621 4 роки тому

    Thanks bro.. Happy New year too. Waiting for the next year with new tutorials. Yes , egarly Waiting for the advance vector tutorials.

  • @CarineLarmusc
    @CarineLarmusc 3 роки тому

    Thank you very much for all the great tutorials. They really make me progress in Figma! I love it even more thanks to you :)

  • @minalmukarande
    @minalmukarande 2 роки тому

    Very much useful sir👏👏👏

  • @amrutadeore355
    @amrutadeore355 4 роки тому

    All the best for New Year

  • @michellezhu1559
    @michellezhu1559 3 роки тому

    Awesome!

  • @aj20ad
    @aj20ad 3 роки тому

    Thank you so much!

  • @lisapaul19
    @lisapaul19 4 роки тому

    Best one!

  • @srishtivashishtha1979
    @srishtivashishtha1979 3 роки тому

    I am trying to add the confetti animation in figma but there is a white background. I am not able to remove it.

    • @udayrajsathe
      @udayrajsathe  3 роки тому

      Have you tried different blending modes like Darken, Multiply, screen etc.?

  • @vijitsharma5102
    @vijitsharma5102 3 роки тому

    Can you please tell us that where does after effects has an edge over the smart animate in Figma and how can we upload our prototype from figma in dribbble?

    • @udayrajsathe
      @udayrajsathe  3 роки тому

      We can not compare Smart Animate with After Effect. Smart Animate is there only for simple animations whereas After Effects is full blown Animation/Video Editing software with tons of features like - animating paths, 3D animations, control over frame rate and developer handoff (Lottie) to name few.
      To export Figma animations to Dribbble, we need to screen record and upload or convert that video to gif and then upload ( I use gifski on mac for this)

    • @vijitsharma5102
      @vijitsharma5102 3 роки тому

      @@udayrajsathe Thanks Udayraj it really helps !

  • @Daadaala
    @Daadaala 3 роки тому

    thanks for your tutorial!
    I have some question about setting the number of interaction (after delay ... ms/ ease in-out ... ms)
    how do you measure for the time?

    • @udayrajsathe
      @udayrajsathe  3 роки тому

      Short Answer - Practice different easing options and durations.
      There were few Medium Blogs I read about animations few years ago. I’ll share links here once I find them.

  • @pathtonirvanapodcast
    @pathtonirvanapodcast 3 роки тому

    Hello my friend, fantastic work! I’m a UX/UI student, also starting my own UX UA-cam channel soon. I had a question about the tool you have in your finder to drop files into Figma? That is cool! How is that done?

  • @Kefmoles
    @Kefmoles 3 роки тому

    Nice tutorial. Please kindly do a video on Advance Vector Tutorial

    • @udayrajsathe
      @udayrajsathe  3 роки тому +1

      Sure. I'm working on example file right now 😊

  • @willd4421
    @willd4421 4 роки тому +1

    Good job, thank you! Can you do some tuts on advanced vectors please?

    • @udayrajsathe
      @udayrajsathe  4 роки тому

      Yupp. Its coming in couple of weeks. 🤟🏽😎

  • @RelaxingMusic-ip8lp
    @RelaxingMusic-ip8lp 3 роки тому

    Hi bro,
    For behance case study. Which tool is easy to show video in mobile frame. With figma design.
    Eg. Figma art board have mobile mockup and other elements n description. How to show case video in Mobile, n upload to behance

    • @udayrajsathe
      @udayrajsathe  3 роки тому

      Easiest & Free method is Change the Background Color of Prototype (to match your design), Use Right Device and Screen Record the prototype.
      Best and Paid method is to use www.rotato.xyz/
      You can easily create Stunning Videos from your designs. It's worth the money.

  • @priyankabulia2625
    @priyankabulia2625 3 роки тому

    Hello sir,Yes , can you create video on advance vector design?thanku sir.

  • @ishaartworks
    @ishaartworks 4 роки тому

    Your tutorials are unique ;)
    Btw, what software do you use for video editing?

    • @udayrajsathe
      @udayrajsathe  4 роки тому +1

      Glad to hear that 😊
      I’m using Filmora X for editing. iMovie was too basic & Da Vinci Resolve, Premier Pro were way too advanced for me. This fits nicely in between 😎

    • @ishaartworks
      @ishaartworks 4 роки тому

      @@udayrajsathe thank you so much I was really confused about it 😁
      Can I ask something? Do you compress your video file size using some software after exporting from filmora?
      Actually most of the screen recording softwares produce a large file size so how you deal with that problem.

    • @udayrajsathe
      @udayrajsathe  4 роки тому

      Screen recordings are pretty huge. But my final exports are 1080p videos. Average 10min long video size is roughly 500-800mbs in .mp4 BEST setting. I think that’s pretty good. I don’t compress it further.

  • @mrajax_0101
    @mrajax_0101 4 роки тому

    bro how can i message you?

    • @udayrajsathe
      @udayrajsathe  4 роки тому +1

      You can connect with me on Instagram

  • @JessUIdesign
    @JessUIdesign 4 роки тому

    👍