bubbledesign
bubbledesign
  • 131
  • 139 563
Pulsing Loading Animation In Figma
Learn how to create a sleek pulsing loading animation in Figma! In this tutorial, we'll guide you step-by-step on how to design a simple yet eye-catching loading effect using Figma's powerful design and prototyping tools. Whether you're a beginner or looking to enhance your design skills, this video will help you master creating animated loading indicators to elevate your UI/UX projects. Watch and follow along to bring dynamic animations to life in your designs!
#pulsinganimation #loadinganimation #loadingscreen #loading #uidesign #ui #userinterface #userexperience #ux #productdesign #uidesigntutorial #userinterfacedesign #designinfigma
มุมมอง: 120

วีดีโอ

Create Animated Liquid Fab Button In Figma
มุมมอง 692 หลายเดือนก่อน
Create stunning animated liquid Fab buttons in Figma with this easy-to-follow tutorial! In this video, we will walk you through every step of the process, from designing the button to animating it for a professional and polished look. Whether you're new to Figma or an experienced designer, this tutorial will provide valuable insights and tricks that can enhance your UI/UX projects. With real-ti...
Splash Screen Animation In 3 Minutes | Figma Tutorial
มุมมอง 503 หลายเดือนก่อน
In this tutorial, we'll dive into creating a sleek and engaging Splash Screen Animation using Figma. Whether you're designing for a mobile app or a website, a well-crafted splash screen can set the tone for the user experience. We’ll walk you through the step-by-step process of designing a modern splash screen, adding animations, and bringing your design to life with smooth transitions. 🔸 What ...
Create Loading Animation In Figma
มุมมอง 633 หลายเดือนก่อน
Create Loading Animation In Figma Create Loading Animation in Figma with this ultimate step-by-step tutorial! In this video, you'll learn how to design sleek and professional loading animations that will take your Figma skills to the next level. Whether you're a beginner or an experienced designer, this guide is perfect for mastering the art of loading animation design. Discover time-saving tip...
Create a Circle Ring Loading Spinner Animation in Figma
มุมมอง 333 หลายเดือนก่อน
Create a Circle Ring Loading Spinner Animation in Figma Learn how to create a sleek circle ring loading spinner animation in Figma with this easy step-by-step tutorial. Perfect for enhancing your UI/UX design skills, this guide will walk you through the entire process, from designing the spinner to adding smooth animations. Ideal for beginners and experienced designers alike. Watch now and mast...
Loading Animation In Figma
มุมมอง 373 หลายเดือนก่อน
Loading Animation In Figma Learn how to create smooth and eye-catching loading animations in Figma! This step-by-step tutorial covers essential techniques, tips, and tricks to design engaging loading spinners and progress indicators. Perfect for beginners and UI/UX designers looking to enhance their skills. Watch now to level up your animation game in Figma! #figma #loadinganimation #uxdesign #...
Menu Animation In Figma
มุมมอง 453 หลายเดือนก่อน
Learn How to Create Stunning Menu Animations in Figma! In this video, we’ll guide you through the step-by-step process of designing and animating a responsive menu in Figma. Whether you're a beginner or a seasoned designer, this tutorial will help you master essential animation techniques, making your UI/UX designs stand out. Figma’s interactive prototyping tools are perfect for creating smooth...
Loading Animation In Figma | Figma Tutorial
มุมมอง 543 หลายเดือนก่อน
Loading Animation In Figma In this comprehensive Figma tutorial, we’ll explore how to create stunning loading animations that can elevate your UI/UX designs. Loading animations in Figma are essential for enhancing user experience by keeping users engaged while they wait for content to load. Join us as we break down the step-by-step process, from basic shape creation to adding dynamic effects. W...
Loading Animation In Figma | Figma Loading Animation
มุมมอง 693 หลายเดือนก่อน
Loading Animation in Figma: Create Seamless Animations Fast! In this tutorial, you’ll learn how to design a professional loading animation in Figma that will enhance your UI/UX projects. Whether you're a beginner or a seasoned designer, this step-by-step guide will show you tips and tricks to create smooth, dynamic animations. We cover everything from the basics of animation to advanced techniq...
Halftone Text Effect in Adobe Illustrator
มุมมอง 593 หลายเดือนก่อน
Learn how to create a stunning Halftone Text Effect in Adobe Illustrator with this step-by-step guide! Whether you're a beginner or an experienced designer, this tutorial will help you master the art of adding halftone effects to your text in just a few minutes. We'll show you how to make your designs pop using Adobe Illustrator's powerful tools and techniques. Get ready to elevate your typogra...
How to Design Buttons in Figma
มุมมอง 1784 หลายเดือนก่อน
How to Design Buttons in Figma Learn how to design buttons in Figma for stunning UI results with this step-by-step tutorial! Whether you're a beginner or an expert designer, mastering button design is crucial for creating engaging and intuitive interfaces. In this video, you'll discover essential techniques and shortcuts to create professional-grade buttons that can elevate your Figma designs. ...
Modern Login/Signup Page Design In Figma: Create Eye-Catching UI Easily
มุมมอง 234 หลายเดือนก่อน
Modern Login/Signup Page Design In Figma: Create Eye-Catching UI Easily Modern Login/Signup Page Design In Figma has never been easier! In this step-by-step tutorial, we’ll show you how to create a sleek, modern user interface that enhances user experience while looking fantastic. Whether you're a beginner learning the ropes or an experienced designer looking to improve your Figma skills, this ...
How to Download Figma in 2024-Easy Guide
มุมมอง 434 หลายเดือนก่อน
How to Download Figma in 2024 | Step-by-Step Guide Welcome to our channel! In this video, we’ll show you how to easily download and install Figma, the popular design and prototyping tool, in 2024. Whether you're a beginner or a seasoned designer, this tutorial will walk you through every step to get Figma up and running on your computer in no time. 📥 What You'll Learn: How to access the officia...
3D Text Effect in Adobe Illustrator- Easy Method
มุมมอง 744 หลายเดือนก่อน
3D Text Effect in Adobe Illustrator- Easy Method
Glass Text Effect in Photoshop - Step-by-Step Photoshop Tutorial
มุมมอง 484 หลายเดือนก่อน
Glass Text Effect in Photoshop - Step-by-Step Photoshop Tutorial
Illustrator CC Tutorial | Graphic Design | Modern Poster Design
มุมมอง 1206 หลายเดือนก่อน
Illustrator CC Tutorial | Graphic Design | Modern Poster Design
How to Make Social Media Post Design | Photoshop
มุมมอง 1046 หลายเดือนก่อน
How to Make Social Media Post Design | Photoshop
Social Media Post Design in Photoshop: Pro Tips Revealed
มุมมอง 2596 หลายเดือนก่อน
Social Media Post Design in Photoshop: Pro Tips Revealed
How to Create Custom Wave Typography-Adobe Illustrator Tutorial
มุมมอง 1446 หลายเดือนก่อน
How to Create Custom Wave Typography-Adobe Illustrator Tutorial
Social Media Post Design | Adobe Illustrator Tutorial
มุมมอง 716 หลายเดือนก่อน
Social Media Post Design | Adobe Illustrator Tutorial
Social Media Post Design Adobe Illustrator tutorial
มุมมอง 1186 หลายเดือนก่อน
Social Media Post Design Adobe Illustrator tutorial
How to Create Circle Pattern In Adobe Illustrator
มุมมอง 836 หลายเดือนก่อน
How to Create Circle Pattern In Adobe Illustrator
How to Use Mezzotint Effect in Adobe Illustrator | Flyer Design
มุมมอง 916 หลายเดือนก่อน
How to Use Mezzotint Effect in Adobe Illustrator | Flyer Design
Ultimate Guide to 3D Three Flyer Design Using Isometric Lines | Step-by-Step Tutorial
มุมมอง 556 หลายเดือนก่อน
Ultimate Guide to 3D Three Flyer Design Using Isometric Lines | Step-by-Step Tutorial
How to Create Chiseled Text In Adobe Illustrator Fast & Easy
มุมมอง 1697 หลายเดือนก่อน
How to Create Chiseled Text In Adobe Illustrator Fast & Easy
Create Line-Style Numbers in Adobe Illustrator Fast and Easy
มุมมอง 3807 หลายเดือนก่อน
Create Line-Style Numbers in Adobe Illustrator Fast and Easy
Adobe Illustrator CC Chalk Style Typography: Master the Art
มุมมอง 1917 หลายเดือนก่อน
Adobe Illustrator CC Chalk Style Typography: Master the Art
Illustrator CC Tutorial | Graphic Design | Business Flyer Design
มุมมอง 2218 หลายเดือนก่อน
Illustrator CC Tutorial | Graphic Design | Business Flyer Design
Halftone Text Effect In Adobe Illustrator
มุมมอง 3839 หลายเดือนก่อน
Halftone Text Effect In Adobe Illustrator
Edge 3D Text Effect in Adobe Illustrator
มุมมอง 7819 หลายเดือนก่อน
Edge 3D Text Effect in Adobe Illustrator

ความคิดเห็น

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

    QUE TIPO DE LETRA USASTE

    • @bubbledesign
      @bubbledesign วันที่ผ่านมา

      I use google fonts

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

    Thank you so much This is way more clear than others I’ve seen

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

      You are welcome🫡

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

    Thank you!

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

      ❤️❤️

  • @gaming_md-01
    @gaming_md-01 3 หลายเดือนก่อน

    Bro, it's immensely helpful. Thank you for that. But, how can I make the effect a shape?

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

      Thank youu

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

    TOOOOO COMPLEXXXXXX FOR MEEE IMMA CRY

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

      Keep trying bro. You will win one day🫡❤️

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

    Excellent work!

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

      Thank youu

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

    it not smooth....

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

      Watch the video again & do it again dear, Thank you for watching!

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

      @@bubbledesign Thank for reply. I do it step by step exactly as in video but my shadow is look like separate layers and see the corners clearly, it not smooth

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

      Before transforming, go to stroke and set the cap as round cap and corner as round join. Thank youu🫡

  • @M.G.D.M.KUMARAWANSHA
    @M.G.D.M.KUMARAWANSHA 4 หลายเดือนก่อน

    Thank you for the nice explanation!

  • @M.G.D.M.KUMARAWANSHA
    @M.G.D.M.KUMARAWANSHA 4 หลายเดือนก่อน

    Really well explained!

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

      Thank youu🥰

  • @M.G.D.M.KUMARAWANSHA
    @M.G.D.M.KUMARAWANSHA 4 หลายเดือนก่อน

    Useful tips!

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

      Thank youu🥰

  • @M.G.D.M.KUMARAWANSHA
    @M.G.D.M.KUMARAWANSHA 4 หลายเดือนก่อน

    Learned a lot, thank you!

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

      Thank yoy🥰

  • @M.G.D.M.KUMARAWANSHA
    @M.G.D.M.KUMARAWANSHA 4 หลายเดือนก่อน

    Very informative !

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

      Thank you🥰

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

    Another good Video

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

      Thank you🥰

  • @salah-eddine-012
    @salah-eddine-012 5 หลายเดือนก่อน

    HI I have a problem in this part press middle part (press & hold shift + select ) what did you do exacly on it

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

      Select all, Thank you for watching!

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

    Nice video!

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

      Thank youu

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

    Thank youu

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

    😮😮❤

  • @h.ravindubandara669
    @h.ravindubandara669 5 หลายเดือนก่อน

    very useful

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

    Nice video!

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

      Thank youu

  • @Sophia-fb8mi
    @Sophia-fb8mi 6 หลายเดือนก่อน

    The whole text moves for me when I change the transform settings, not only the stroke, what did I do wrong?

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

      Select the relevant layer from the appearance panel. Thank you❤️

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

    If you need a website for graphics design portfolio, I can build one for you.

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

      Thank youu

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

    Nice design ❤❤

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

      Thank you❤️❤️

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

    GÊNIO!!

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

      Thank youu

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

    Wow nice❤❤

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

      Thank youu❤️

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

    Fantastic ❤

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

      Thank youu🫡❤️

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

    keren bang

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

      Thanks bro❤️🫡

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

    Nice video❤❤

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

      Thank youu❤️

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

    i followed every step but my text on top is black... don't know why..can you help please?

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

      The fill color layer should be brought to the top of the appearance panel. (white color) Thank you for watching !

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

      Check 1:18

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

      got it! Thank you so much! I am your fan now!!!! @@bubbledesign

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

    Excellent tutorial, greetings from México👌

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

      Thank youu❤️

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

    Thanks for this very useful video, being new to Illustrator I really learned something here! One thing, as pointed out by others: the music. I had to turn it off, just too much, if you're going to add music go with something much less intense and have it low. As for narration I understand you may not choose to do that and as far as I'm concerned that is fine, I was able to follow along and get a great result! Thanks again and looking forward to more great videos!

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

      Sorry for the inconvenience. This situation has been avoided in newly added videos. Thank you very much for your feedback. To watch more videos like this: th-cam.com/play/PLm2p-a2uIgdzMAjN6ke9suX5o6dFZgq5G.html&si=EW75TiuzHbYZNMi4

  • @LucasWagner-kd1jo
    @LucasWagner-kd1jo 7 หลายเดือนก่อน

    Dont work here. The transform option dont make the long shadow effect. Just repeat the words.

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

      ❤️❤️

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

    Why does mine repeat the word a ton? Rather than just multiply the stroke?

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

      your problem is not clear dear😶😶

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

    Amazing

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

      Thank youu❤️

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

    Graças de você, meu mestre! Obrigado pelo ensino. Não percebi a ferramenta Appearance!

  • @MiguelRodriguez-o3w
    @MiguelRodriguez-o3w 9 หลายเดือนก่อน

    What font is that?

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

      Fountain font

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

    Can I save this as an action?

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

      Yes you can dear

  • @downrock.creative
    @downrock.creative 9 หลายเดือนก่อน

    Perfect. Thanks!

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

      ❤️❤️

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

    Congrats bro you got 1 new subscriber ❤

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

      Thank youu😍😍

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

    Nice❤

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

    Can this be done in Photoshop?

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

      Yes you can!

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

    සුපිරිම

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

    🎉🎉

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

    🎉🎉

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

    Eka

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

    මෙක මරු මන් skip නොකරම බැලුවා

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

    Bhai aapka illustrator paid hai ?

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

    My screen is small so voiceovers would help me follow what you're doing. Other than that, I appreciate the information.

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

    this is so good

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

    thanks for sharing

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

    Been loving your videos! Can you list the color codes you used for this one? Thanks!

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

      Yes I can.❤️

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

      I mean, can you tell me what they are? 🙂@@bubbledesign

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

      Sorry for the delay, 00BB03 005618 6E3100 FF8E5D FEE440 EE9B00@@BigMoosePrinting