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

Поделиться
HTML-код
  • Опубликовано: 31 июл 2024
  • My Effects Shop: justinodisho.com/shop
    Adobe Software Download: prf.hn/l/dlXjya5
    Support the Channel: / @justinodisho

Комментарии • 160

  • @Ethobot
    @Ethobot 4 года назад +1

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

  • @lucasm99
    @lucasm99 3 года назад +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!

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

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

    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?

  • @sinkpig
    @sinkpig 3 года назад +1

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

  • @abhayzz03
    @abhayzz03 4 года назад +1

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

  • @CloudDark1470
    @CloudDark1470 11 месяцев назад

    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 ♥

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

    Very clear and well organized. Thank you Justin!

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

  • @timfarmer4836
    @timfarmer4836 2 года назад

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

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

    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 🙌🏻👍🏻

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

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

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

    first loading animation from you. THANK YOU SO MUCH

  • @SilphetX
    @SilphetX 5 лет назад +8

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

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

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

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

  • @kdlb_29
    @kdlb_29 3 года назад

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

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

    Thanks for all your help Justin 🙏

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

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

  • @pethomas1223
    @pethomas1223 2 года назад

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

  • @aaronburnette485
    @aaronburnette485 3 года назад

    Super helpful video. Thank you for posting!

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

    Superb tutorial! Thank you.

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

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

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

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

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

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

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

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

  • @brianknox3466
    @brianknox3466 Год назад

    Awesome tutorial! Thanks so much!

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

    Thank you so much for the help man!

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

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

  • @scrummyvision
    @scrummyvision 2 года назад

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

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

    Thanks a lot. Just what I needed

  • @hamatos9556
    @hamatos9556 3 года назад

    Thank you for this tutorial bro !

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

    very informative.. simple and clear

  • @wakaba777
    @wakaba777 11 месяцев назад

    Super helpful, thanks a lot!

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

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

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

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

  • @kristinchambers5182
    @kristinchambers5182 Год назад

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

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

    thanks sooooo much! this helped me a lot!

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

  • @martinalba3599
    @martinalba3599 3 года назад

    great video, thanks dude

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

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

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

    Thank you Justin

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

    Cool video Justin! You are an excellent teacher!

  • @monicalorenaduarte9929
    @monicalorenaduarte9929 2 года назад

    cool video. Like the way it's explained.

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

  • @3pmediastudio732
    @3pmediastudio732 Год назад

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

  • @saiswarupmohanty9428
    @saiswarupmohanty9428 3 года назад

    Awesome!!

  • @PrettyLady7282
    @PrettyLady7282 3 года назад

    2021 still the best tut!

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

    very helpful idea . . . thx !

  • @user-tg8tz8ro6b
    @user-tg8tz8ro6b 3 года назад

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

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

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

    I LOVE YOU SO MUCH.

  • @consp1rcy531
    @consp1rcy531 5 лет назад +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?

  • @truebeat817
    @truebeat817 4 месяца назад

    Great Bro" Thankssssss❤

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

    nice. easy to understand

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

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

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

    Thank you! :)

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

    Great Content :)

  • @bijouxdenile5385
    @bijouxdenile5385 3 года назад

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

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

    MVP.

  • @anmol.maggon
    @anmol.maggon 3 года назад +1

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

  • @premkumar-zp7gs
    @premkumar-zp7gs 3 года назад

    amazing

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

    cool effect :)

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

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

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

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

  • @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 5 лет назад

    justin your tutorials keep on helping me pull girls i swear

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

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

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

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

  • @matchanalyst5306
    @matchanalyst5306 3 года назад

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

  • @MrVictormatador
    @MrVictormatador 3 года назад

    How do you round the edges of the shapes?

  • @mahditouiser
    @mahditouiser 3 года назад

    Great

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

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

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

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

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

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

  • @itsuhangela2745
    @itsuhangela2745 Год назад

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

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

    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  5 лет назад +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

  • @revspiky
    @revspiky 3 года назад +1

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

  • @djphilter
    @djphilter 3 года назад

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

  • @noellemurray9702
    @noellemurray9702 2 года назад

    @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  2 года назад

      I'm not sure about that one at the moment

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

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

  • @Kalihack21
    @Kalihack21 2 года назад

    do u have download link for this i want to download

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

  • @kiienkyan3239
    @kiienkyan3239 4 года назад +4

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

  • @mr.sssniperwolf__
    @mr.sssniperwolf__ 4 года назад

    how u make a circle mines comes out square

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

    Froze my ass off now I can watch this

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

    Hello Justin would love u to Edit and finalize a footage for me , am dyin for a professional work on my videos, YOU JUST DA G.O.A.T

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

    i am newbie for using after effect, can anybody tell me how to set transparent backgrond just like at the video ?

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

      click the button left of active camera

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

    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  5 лет назад +1

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

  • @tyw4441
    @tyw4441 5 лет назад +1

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

    • @tyw4441
      @tyw4441 5 лет назад +1

      ALT i got it, thnx tho

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

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

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

  • @seanfroelich4528
    @seanfroelich4528 3 года назад

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

    • @JustinOdisho
      @JustinOdisho  3 года назад +1

      Check your alignment and anchor point center

    • @seanfroelich4528
      @seanfroelich4528 3 года назад

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

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

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

  • @paulmetcalfe6855
    @paulmetcalfe6855 3 года назад

    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 3 года назад

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

  • @kdlb_29
    @kdlb_29 3 года назад

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

    • @JustinOdisho
      @JustinOdisho  3 года назад

      About 17

    • @kdlb_29
      @kdlb_29 3 года назад

      Oh ok. Thanks for sharing your story!

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