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

Поделиться
HTML-код
  • Опубликовано: 17 янв 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 RUclips 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 ♥

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

  • @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! :)

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

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

  • @mariana.constantin
    @mariana.constantin 7 месяцев назад

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

  • @SeanLunny
    @SeanLunny 6 лет назад +1

    Thanks for all your help Justin 🙏

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

  • @Samsonoff
    @Samsonoff 6 лет назад

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

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

  • @zhaozhao6848
    @zhaozhao6848 4 года назад

    first loading animation from you. THANK YOU SO MUCH

  • @3pmediastudio732
    @3pmediastudio732 2 года назад

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

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

  • @joshuamccoy252
    @joshuamccoy252 4 года назад

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

  • @jeremylagadec8954
    @jeremylagadec8954 4 года назад

    thanks sooooo much! this helped me a lot!

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

  • @HH-zr1iu
    @HH-zr1iu 4 года назад

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

  • @iniistudio5120
    @iniistudio5120 4 года назад

    nice. easy to understand

  • @samanthacairo8792
    @samanthacairo8792 6 лет назад

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

  • @xmk5224
    @xmk5224 5 лет назад

    Thank you Justin

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

  • @citysaviourproduction7468
    @citysaviourproduction7468 6 лет назад

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

  • @تبصرة
    @تبصرة 3 года назад

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

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

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

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

  • @ariasscreen4334
    @ariasscreen4334 6 лет назад

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

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

  • @romiminz
    @romiminz 6 лет назад

    Froze my ass off now I can watch this

  • @ryderriva
    @ryderriva 6 лет назад +1

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

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

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