How to Create Looping Loading Circle Animations in Adobe After Effects | Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ม.ค. 2025

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

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

    Thank you Justin Odisho, it's always a pleasure learning from the best.

  • @yogasamsu
    @yogasamsu 4 ปีที่แล้ว +33

    Let's be honest: We are searching for this kind of tutorial and TH-cam algoritm finally get the job done perfectly

  • @lucasm99
    @lucasm99 4 ปีที่แล้ว +4

    Probably one of the best After Effects Tutorials i have seen for a long time. Very straight, informative and interesting. Well done dude! Keep the great work up!

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

    Dude this is such a comprehensive tutorial, really a time saver

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

    This was so well done! Your explanation was not too fast or to slow and it was really helpful that you zoomed in some parts. Thanks a lot ♥

  • @SilphetX
    @SilphetX 6 ปีที่แล้ว +8

    I love you Justin, your videos have helped me learn so much about after effects
    Thank you for all that you do! :)

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

    Finally i don't have to memorize the code for loop out and more. Thank's a lot for that useful video!

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

    It's cool how you put that photo of Eazy-E next to Easy Ease. I thought I was the only person to think of Eazy-E every time I think of Easy Ease. 😎👍

  • @JasonParker_
    @JasonParker_ 6 ปีที่แล้ว

    Your After Effects how to videos in my opinion are the most helpful ones that I’ve come a crossed. You make it easy to understand and easy to follow along with. Thanks please keep on making these videos?

  • @timfarmer4836
    @timfarmer4836 3 ปีที่แล้ว

    Great video! Really like how you give the little tips along the way. Thanks Justin

  • @mariana.constantin
    @mariana.constantin 7 หลายเดือนก่อน

    Thanks Justin, great tutorial! Im was able to follow it and I'm just starting.

  • @ak367071
    @ak367071 6 ปีที่แล้ว

    Justin you are the mannn....really inspiring. I learned editing all from your tutorials. I even edited a full video and posted on youtube using your tutorials. Tanx man!!!!!!!

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

    Thanks for all your help Justin 🙏

  • @Samsonoff
    @Samsonoff 6 ปีที่แล้ว

    Justin, that's fantastic, thank you very much, always wanted to make the starting timer, here it would look perfect.

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

    Thanks man this helped me out, I used to opt a different stroke effect thing, but this way its a lot easier

  • @pethomas1223
    @pethomas1223 2 ปีที่แล้ว

    Man that radial wipe just made my Pac-Man recreation sooooo much easier! Thanks, Justin!

  • @taikasystemsltd.5480
    @taikasystemsltd.5480 5 ปีที่แล้ว

    Thanks for the video! Learning After Effects and it's so deep that these kinds of videos really help! I wanted to mention, the method of using wipe is not very easy to recreate for web or mobile apps, and also tends to look wrong unless your circles are perfectly centered in your composition. You can create the exact same effect using Trim Paths on a circle, which allows it to be exported/moved more easily.

  • @stevemurch3245
    @stevemurch3245 5 ปีที่แล้ว

    Very clear and well organized. Thank you Justin!

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

    Love this! I am in school, this is awesome!

  • @scrummyvision
    @scrummyvision 2 ปีที่แล้ว

    been learning AE over the last week or so, loopout is a revelation :D

  • @aaronburnette485
    @aaronburnette485 3 ปีที่แล้ว

    Super helpful video. Thank you for posting!

  • @bradblahnik
    @bradblahnik 5 ปีที่แล้ว

    This was great, very helpful for not only what I was looking for but much more. Thank you.

  • @jonagreyphoto
    @jonagreyphoto 5 ปีที่แล้ว

    You are a legend Justin! Thanks so much for this tutorial man 🙌🏻👍🏻

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

    Super helpful, thanks a lot!

  • @3pmediastudio732
    @3pmediastudio732 2 ปีที่แล้ว

    awesome tutorial man you made so simple and easy to understand thank you..from the philippines salamat

  • @zhaozhao6848
    @zhaozhao6848 4 ปีที่แล้ว

    first loading animation from you. THANK YOU SO MUCH

  • @meetparekh476
    @meetparekh476 3 ปีที่แล้ว

    Thank you for making this video. This is very helpful to me and also your teaching method is also very good. Thank You So Much!!!

  • @monicalorenaduarte9929
    @monicalorenaduarte9929 2 ปีที่แล้ว

    cool video. Like the way it's explained.

  • @kdlb_29
    @kdlb_29 4 ปีที่แล้ว

    Great job I have been finding THIS kind of video so thank you! I learned a lot!

  • @duncanhurst2888
    @duncanhurst2888 4 ปีที่แล้ว

    Superb tutorial! Thank you.

  • @hamatos9556
    @hamatos9556 4 ปีที่แล้ว

    Thank you for this tutorial bro !

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

    Great Bro" Thankssssss❤

  • @maddyvoldy
    @maddyvoldy 4 ปีที่แล้ว

    Thanks a lot. Just what I needed

  • @martinalba3599
    @martinalba3599 4 ปีที่แล้ว

    great video, thanks dude

  • @bijouxdenile5385
    @bijouxdenile5385 3 ปีที่แล้ว

    Great Tuto👌🏿👌🏿👍🏼👍🏻👍🏽👍🏾👍🏿

  • @PrettyLady7282
    @PrettyLady7282 3 ปีที่แล้ว

    2021 still the best tut!

  • @GGTVClub
    @GGTVClub 6 ปีที่แล้ว

    Cool video Justin! You are an excellent teacher!

  • @bqrre
    @bqrre 4 ปีที่แล้ว

    Thank you so much for the help man!

  • @jeremylagadec8954
    @jeremylagadec8954 4 ปีที่แล้ว

    thanks sooooo much! this helped me a lot!

  • @joshuamccoy252
    @joshuamccoy252 4 ปีที่แล้ว

    BRUH I THINK I LOVE YOU! EXACTLY WHAT I NEEDED FOR MY STREAM! THANKS!

  • @iniistudio5120
    @iniistudio5120 4 ปีที่แล้ว

    nice. easy to understand

  • @renshoogendam
    @renshoogendam 4 ปีที่แล้ว +35

    "and ill click and drag out a circle 0:35" me -> gets a freaking rectangle.....

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

      me too xDDD

    • @Saiserk
      @Saiserk 4 ปีที่แล้ว +4

      just go to the left top part and you will see the rectangle is marked, you hold click and will see elipse, and then in the top, you click fill, put the / (no fill) and at it's right you choose the color :)

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

      Use Q to change

    • @ChoiTikejima
      @ChoiTikejima 4 ปีที่แล้ว

      @@Saiserk Thanks a lot.

    • @sallemineabdelkader5128
      @sallemineabdelkader5128 4 ปีที่แล้ว

      this actually made me laugh haha thank u

  • @samanthacairo8792
    @samanthacairo8792 6 ปีที่แล้ว

    WOW! You just made that seem so easy. Thanks Justin! Time for me to get to practicin'.

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

      It is pretty simple! 👍

  • @xmk5224
    @xmk5224 5 ปีที่แล้ว

    Thank you Justin

  • @HH-zr1iu
    @HH-zr1iu 4 ปีที่แล้ว

    This is way more easy to learn after effects with than other videos.

  • @anmol.maggon
    @anmol.maggon 4 ปีที่แล้ว +1

    Hey, I want to add Round cap to the stroke but I am not able to.
    Can you help me with that?

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

    Is there a way to take a picture of something and divide it up into sections like the loading screen and then at the end of it bring it all together to show the picture?

  • @kyxprod
    @kyxprod 6 ปีที่แล้ว

    very informative.. simple and clear

  • @تبصرة
    @تبصرة 3 ปีที่แล้ว

    رااااااااااااائع Awesome !! Exactly what I was looking for ! Thanks May Allah bless you !

  • @citysaviourproduction7468
    @citysaviourproduction7468 6 ปีที่แล้ว

    S/0 from Spain 🇪🇸 i learn alot from u , please keep inspiring me

  • @Agingisachoice
    @Agingisachoice 5 ปีที่แล้ว

    yeah very chilled tut, it didnt cause anxiety and or broken keyboards

  • @eqbviewllc7111
    @eqbviewllc7111 6 ปีที่แล้ว

    very helpful idea . . . thx !

  • @andibarus_
    @andibarus_ 5 ปีที่แล้ว

    thankyou, that's great!! Good Job boy !!

  • @TStechnician
    @TStechnician 6 ปีที่แล้ว

    Thank you sir i was waiting for after effects video add this to the playlist sir

  • @premkumar-zp7gs
    @premkumar-zp7gs 3 ปีที่แล้ว

    amazing

  • @dipeshhhhhh6657
    @dipeshhhhhh6657 5 ปีที่แล้ว

    Thank you! :)

  • @saiswarupmohanty9428
    @saiswarupmohanty9428 3 ปีที่แล้ว

    Awesome!!

  • @matchanalyst5306
    @matchanalyst5306 4 ปีที่แล้ว

    Hi, loved your video! can you can it available to download?

  • @kennysetiawan
    @kennysetiawan 3 ปีที่แล้ว

    Thanks so much. There's one little problem, can you type the expression for me?
    I'm are learning expression in After Effects.

  • @xyungn9860
    @xyungn9860 6 ปีที่แล้ว

    justin your tutorials keep on helping me pull girls i swear

  • @stephanieadavison
    @stephanieadavison 4 ปีที่แล้ว

    Thanks! This is exactly what I needed. Is there a way to make the color a neon glowing like color?

    • @JustinOdisho
      @JustinOdisho  4 ปีที่แล้ว

      You can add glow effects on top

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

    6:57 hold option for mac, What about Pc?

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

      ALT i got it, thnx tho

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

    0:44 the frick is "command" key? (i never use mac so...) im on windows, what key should i press?

    • @mmeovv
      @mmeovv 4 ปีที่แล้ว

      @@foudaq thanks

  • @versicherungsheroes2495
    @versicherungsheroes2495 4 ปีที่แล้ว

    Great Content :)

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

    Can I do something similar with circles looping but also slowly going out of the screen to the sides sort of like an explosion?

  • @wildchildhd2374
    @wildchildhd2374 4 ปีที่แล้ว

    Omg I bought Skillshare to learn shit 'bout adobe and stuff. Should've checked out your channel first. Great tutorial. Very informative and your voice keeps me on my toes. XD

  • @markmunyui
    @markmunyui 6 ปีที่แล้ว

    MVP.

  • @immichaeldunn
    @immichaeldunn 5 ปีที่แล้ว

    I LOVE YOU SO MUCH.

  • @TyranVz
    @TyranVz 4 ปีที่แล้ว

    Thanks man, you should add your files for people to download

  • @Rosomyat
    @Rosomyat 6 ปีที่แล้ว

    Great tutorial. Btw, what did you use to enlarge the dialogue boxes showing during screen recording.

  • @Kalihack21
    @Kalihack21 2 ปีที่แล้ว

    do u have download link for this i want to download

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

    thanks! great tut!
    only your workspace resolution is very tiny. on my 13'' macbook its hard to see even in fullscreen.

    • @franticfactory
      @franticfactory 5 ปีที่แล้ว

      You brought that upon yourself

  • @mahditouiser
    @mahditouiser 3 ปีที่แล้ว

    Great

  • @PotatoImaginator
    @PotatoImaginator 5 ปีที่แล้ว

    cool effect :)

  • @taliamegan6505
    @taliamegan6505 4 ปีที่แล้ว

    Great video! I have a problem with moving the shape to a different part of my screen though? Once I have completed the radial wipe, I want to move the entire composition to a different part of my screen but the animation messes up. Do you know the solution to this? Thanks

  • @thecrazybeardedman
    @thecrazybeardedman 5 ปีที่แล้ว

    Great video! Can you make animated Twitch overlays tutorial too? Thanks!

  • @FaycalAZIB
    @FaycalAZIB 5 ปีที่แล้ว

    Thank's Justin, i've a little issue, when i copy paste a circle, the second isnt centered, why ?

  • @RRedKissaki
    @RRedKissaki 5 ปีที่แล้ว

    hi Justin , can you make a tutorial for smooth spinning dots like win10 spinning dots while updating in progress

  • @tempter805
    @tempter805 6 ปีที่แล้ว

    Out of curiosity why would you use a radial wipe instead of trim paths? Feel like you can accomplish this using trim paths too? Just wondering!

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

      I guess it’s just the first thing that popped into mind when I was experimenting but trim paths would probably be good too

  • @The3rdGunman
    @The3rdGunman 5 ปีที่แล้ว

    Whats an alternative for this using Trim Paths, because "Radial Wipe" is not supported by Bodymovin/Lottie???

  • @dasbuilder
    @dasbuilder 3 ปีที่แล้ว

    What do you use to show key presses at the bottom of your video?

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

      I record with screenflow

    • @dasbuilder
      @dasbuilder 3 ปีที่แล้ว

      @@JustinOdisho awesome, thanks! I thought it might have either been a program or manually applied in post 😁

  • @ariasscreen4334
    @ariasscreen4334 6 ปีที่แล้ว

    All these circular effects on the channel... YOU SPIN ME RIGHT ROUND, BABY.

  • @romiminz
    @romiminz 6 ปีที่แล้ว

    Froze my ass off now I can watch this

  • @SavageGangMusic
    @SavageGangMusic 5 ปีที่แล้ว

    Is there a way to make this flat? Like the circles used to highlight player select in sports games. Thanks for your time

    • @JustinOdisho
      @JustinOdisho  5 ปีที่แล้ว

      You could try to precompose it all and add perspective

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

    where did you learn all of this? Did you go to school for it?

    • @JustinOdisho
      @JustinOdisho  6 ปีที่แล้ว +12

      I am the school

    • @metaverseme
      @metaverseme 6 ปีที่แล้ว

      @@JustinOdisho lol good answer captain

  • @djphilter
    @djphilter 3 ปีที่แล้ว

    When I decrease the scale my shape doesn't stay centered.

  • @itsuhangela2745
    @itsuhangela2745 2 ปีที่แล้ว

    How do I export the loop, Because it only saves to AE

  • @kdlb_29
    @kdlb_29 4 ปีที่แล้ว

    Hello! Justin Odisho! Just a question.. how old are u when u learned ae?

    • @JustinOdisho
      @JustinOdisho  4 ปีที่แล้ว

      About 17

    • @kdlb_29
      @kdlb_29 4 ปีที่แล้ว

      Oh ok. Thanks for sharing your story!

  • @MrVictormatador
    @MrVictormatador 4 ปีที่แล้ว

    How do you round the edges of the shapes?

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

    I would love if this was done in Kinemaster/Mobile.

  • @noellemurray9702
    @noellemurray9702 3 ปีที่แล้ว

    @Justin Odisho How do I create this effect without radial wipe? I'm trying to convert my animation into a Lottie file and it doesn't recognize radial wipe.

    • @JustinOdisho
      @JustinOdisho  3 ปีที่แล้ว

      I'm not sure about that one at the moment

  • @seanfroelich4528
    @seanfroelich4528 4 ปีที่แล้ว

    my radial wipe is off center, it looks like a wave building up rather than a rotation

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

      Check your alignment and anchor point center

    • @seanfroelich4528
      @seanfroelich4528 4 ปีที่แล้ว

      @@JustinOdisho hi, it was the radial wipe center point, thank you!

  • @kiienkyan3239
    @kiienkyan3239 4 ปีที่แล้ว +4

    i missed it on the effect with "time * 180", i didn't get it.. :(

  • @paulmetcalfe6855
    @paulmetcalfe6855 4 ปีที่แล้ว

    I have completed the video successfully but lacks in some areas for instance you don't show us how to change the end time as all the circles finish at the same time which looks worse than if they fully joined at different times.

    • @paulmetcalfe6855
      @paulmetcalfe6855 4 ปีที่แล้ว

      I've since worked out how to do it. Great work. I'm now looking to extend it further.

  • @mr.sssniperwolf__
    @mr.sssniperwolf__ 5 ปีที่แล้ว

    how u make a circle mines comes out square

  • @justjaksa
    @justjaksa 4 ปีที่แล้ว

    My circles won't appear in the middle - and aligning them doesn't help :(

  • @pollycon
    @pollycon 4 ปีที่แล้ว

    Eazy E's loooool so gangsta

  • @MayurManjal
    @MayurManjal 6 ปีที่แล้ว

    Hey bro your tutorials helped me a lot ... But i want to include liquid effects in my project which not freee so can u show us "" how to create liquid elements """ or provide us with free liquid packs🙏🙏

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

      You can check some of my tutorials on liquify type of effects

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

    Your instructions don't work. It doesn't wipe circilarly. It wipes a cross the circle.

  • @MarcValmoria
    @MarcValmoria 2 ปีที่แล้ว

    How do I stop it lol