Looping Dynamic Background animation After Effects Tutorial

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

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

  • @rotkiw1617
    @rotkiw1617 4 года назад +18

    "Yeah, thanks for watching, and if you liked it, give me maybe a thumbs up, if not that's fine too I don't really do for likings, I just really do it for educational purposes." There on the youtube there's not many like you, and I can see that you wanna just pass knowledge, and that's awesome. Really respect you and keep good work 'cause I really like way you teach and guide AE.

  • @nikyabodigital
    @nikyabodigital 3 года назад +2

    this is like the effect that you will almost use in every part of your project so the bg is not boring. just with this your motion graphic will look so professional

  • @jeffreysmith7298
    @jeffreysmith7298 2 года назад +10

    For those having issues with getting it to loop -- the main comp needs to be set to 5 seconds. Doesn't matter if your keyframes are all matched, if the main comp itself is longer than 5 seconds it won't loop correctly

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

    Probably the best tutorial I've ever watched

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

    Have just follow the tutorial witha After Effects CS5 and it works totally fine

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

    Thank you very much, this tutorial gave me ideas on how to make nonstop backgrounds.

  • @JustJ0YouKnow
    @JustJ0YouKnow 3 года назад +11

    Very helpful! I'm currently working on overlays for my streams and this tutorial is giving inspiration and practical application at the same time. :)

  • @troy8561
    @troy8561 29 дней назад

    Following along with you, at approximately the 10:00 mark, you select Camera 1, and then go to your top navigation bar and select a camera icon, and then "Track Z Camera Tool." On my Version 25.01 (Build 2), there is no camera icon and when I move through the camera options by pressing "C", I never see an option called "Track Z Camera Tool."

  • @BenHekr
    @BenHekr 3 года назад +4

    For anyone using AE 2021 and having trouble getting it to loop perfectly. Duplicate the "Cross Grid" comp (The actual composition in the project window, not just in another comp) and change the Max Displacement Time to -1 (or the negative version of the Cross Grid's Max Displacement Time). Double the length of your main composition and place both "Cross Grid" and Cross Grid Reversed in that comp, one playing right after the other. Then precomp Cross Grid and Reverse to keep them as a single video in the main. Now it should loop perfectly.

    • @BenHekr
      @BenHekr 3 года назад +2

      Other solution is to add a medium gray solid (HexCode #808080) to the noise comp above the noise solid and make it fade from 100% opacity to 0% in the first 10 frames and fade from 0% to 100% opacity in the final frame. Solid gray will be the middle frame of your animation and all the copies will be on the exact same frame.

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

      hi thank you very much for your answer, it helped a lot my vision of the software. I'm having a problem that when I double the composition time the elements disappear I still don't know why

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

      @@BenHekr hi thank you very much for your answer, it helped a lot my vision of the software. I'm having a problem that when I double the composition time the elements disappear I still don't know why

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

      @@douglasmarchesi5465 can't say for sure without seeing the exact file, but a quick fix would be to keep it at half size and bring it into a separate composition and slowing it down there or doubling it if it is set up to loop.

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

    Easy to follow! The ruler grid technique was helpful for looping. Thank you!

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

    Greate tutorial i learn a loot, thanks for this tutorial :D!!!

  • @hannarevolve5906
    @hannarevolve5906 5 месяцев назад

    thanks a lot. Your tutorial helped me out a lot. Many many many thanks

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

    definitely a fav, yet so simple.

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

    Thank you for magnificent tutorial. This i tried to make two years ago without any succeed. You are very good to explain.😊

  • @palakchopra9381
    @palakchopra9381 3 года назад +2

    Thanks for the tutorial! Had the issue with loop zooming out every time it started again. It was because I was changing the value of just the x axis from the transform options. Using the the red or either of the axis solved the issue like in the video solved the problem.

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

      fixed my issue! thank you and @swissives

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

    That was very helpful! I didn't even know about the Motion Tile option :o
    I'm defnitely going to try this out, thank you for making this tutorial!!

  • @LorinHudson
    @LorinHudson Год назад +1

    In the latest versions of AE, this tutorial doesn't work no more. The time displacement @8:19 does nothing

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

      Yeah, the solution is to set the cross compt to track matte, and then Luma Matte, works just fine and no need for time displacement

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

    Great tutorial! Very clear with brilliant result in the end.

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

    love this tutorial and also addicted to ur accent

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

    This is a great one!
    Thanks and i hope you can upload more of this kind of videos.
    Creative looping backgrounds is great for ppt presentations!

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

    What a beautiful creation! Thank you very much!

  •  4 года назад

    Great tutorial and very nicely explained. Thank you!

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

    Great tutorial, thanks for putting it together.

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

    Wuao .... Nice Video, good job

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

    thanks for your time ...great video

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

    Great tutorial !! Thank you !!!

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

    thats a really good tutorial, i cant wait to practice this!

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

    Loved it. Thank you for sharing!

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

    Really amazing 🤩🤩🤩

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

    Great tutorial! Thanks! This is what I need for my projects.

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

    Very elegant use of Time Displacement & so well explained. Thanks for taking your time to share!

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

    Learned a lot from this, thank you!

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

    very good tutorial, really helped me come with some ideas for my school project. Thanks!

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

    Thanks dude! This helped me a lot

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

    Pro tip: If you count how many rows and columns you have, you can match the mosaic count as well, so you won't have to add black solid or adjust the position.

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

    Great tutorial. Thanks!

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

    Hello. How do you do to upload project preview before playback (coursor is stil on 7:55 and green download bar is filling)? What shortcut do you use?

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

    Very helpful!

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

    Great tutorial. I only couldn't the final loop alright. I was working with a different shape tho so maybe thats why it went off.

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

    Thank you. Very helpful.

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

    It's fine! Thank you!

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

    thank you! very helpful

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

    Good job! Thanks for tutorial ;)

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

    awesome , thats useful thx

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

    Loved this video!!! Thanks

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

    8:33 Oh, so this is the key to make looping animation. NOTED.

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

    Great video. Thank you!

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

    thanks great video

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

    Is there any way to have overlapping shapes with this approach?
    For example a grid of circles that scale up and cover the whole screen as a transition.

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

    Nice tutorial, of course I'm going to drop a like :)

  • @JakeBrowneVideo
    @JakeBrowneVideo 4 года назад +7

    Spent four hours on this and can't get a seamless loop. Because of the 3D effect, crosses on the left are fundamentally larger at the start of the animation than at the end when position keyframes are applied. I can't fix this and it's driving me insane.

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

      Having this same issue. Someone below said they fixed it, still no luck. The way you explained it though isn't quite right. They're not larger, it's just the cameras perspective, in reality, it shouldn't be doing this.

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

      @@WillieTheAutomaton same problem, I would really appreciate it if someone could help us with this.

  • @ChrisFalconBuilds
    @ChrisFalconBuilds 5 лет назад +3

    Is there any way to get a text tutorial to go with the background, please? I am trying it but it just looks off somehow. I think the 3D rotation on the text must be slightly off

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

    That was brilliant ! Thank you so much for sharing :)

  • @linjas4159
    @linjas4159 4 года назад +2

    how do i
    loop it for more 5s

  • @jinxed1383
    @jinxed1383 5 лет назад +2

    Thank it was really great...

  • @Zengane
    @Zengane 5 лет назад +6

    Hello, thanks for the tutorial
    I've used it to make my own background, but when I move the null object to try and make the loop, it zooms out while moving instead of staying the same
    thanks in advace

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

      Hi, I'm not sure I can follow. It's difficult to day where you stuck. But I would say you have to check the camera position. The camera is looking at an angle to the background layer. The background layer itself is only moving from the right to the left. If you follow the way I've done it you should get the right result. Let me know if it's still not working. A bit more info's will help me to understand where the issue might is in case you still have problems. I hope this was helpful.

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

      If anyone is facing this issue i believe changing the camera tool by Alt + Left clicking on the camera icon until it changes to UCT (Unified camera tool) should fix.
      If stuck on moving Null object - notice when zoomed in that the null object has 3 separate arrows for direction (X,Y,Z) Click and drag the arrows to move different directions.

  • @MohammadEkram-hm9ug
    @MohammadEkram-hm9ug 4 месяца назад

    Thank You Thank you so Much

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

    Nice class, thank you!

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

    You’re a genius!

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

    Great tutorial!

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

    the preview rendering time is insane though from motion tiles or is it just me?

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

    Was a good tutorial but I cant figure out how to loop it properly. Because it's angled, when i move it across the x-axis (from left to right), it's smaller on the right side thus there's a jarring cut when it loops.

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

      Oh my god i figured it out. Moving the null with the axis on screen adjusts the Y and Z values so nothing is out of focus, and the crosses are the same size... I feel like such an idiot after messing around for a couple hours... Great tutorial, I was a little upset at first since I didn't get it at the very end, but this is a solid start to what can be fleshed out and personalized

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

    I tried to make the seamless thing but at the start all my cross are not fully open, and at the end yes. idk why helppp plz

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

    how can i make it endless??

  • @lufecta1978
    @lufecta1978 5 лет назад +3

    I can't make the seamless loop with fractal noise. I tried copy pasting the keyframe like you did, but my last keyframe shows a different fractal noise than my first keyframe. What am I doing wrong here?

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

      The important part is to have 3 key-frame. One at the start, one in the middle and one at the end. The start and the end key-frame must be the same. You can copy the starting key-frame and paste it at the end. Like that you should get a same fractal noise pattern at the start and at the end.
      I hope my explanation was clear. Otherwise let me know.

    • @kempster1996
      @kempster1996 4 года назад +5

      ​@@swissives I'm having a similar probem, the time displacement seems to move the fractal noise to a different pattern even though the frames have been copied and pasted.

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

      @@kempster1996
      me either

  • @5thmindsetllc610
    @5thmindsetllc610 5 лет назад +2

    Thank you for this!! 💯

  • @hawkezley9554
    @hawkezley9554 3 года назад +2

    Having an issue where the adjustment layer with time displacement is changing the start and final frame of the noise pre-composition and making so it can't be looped, anyone else having this issue on the 2021 version?

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

    Great video but unfortunately, I can't get this to loop seamlessly no matter what I try. The mosaic seems to start and end correctly but the time displacement throws it out

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

      did you manage to fix this? if so how because i have the same problem. pleeeeeease somebody helppp

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

      @@douglasmarchesi5465 nah I didn't, sorry

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

      ​@@notgeeboss ok thanks, I will try anyway

  • @no-name168
    @no-name168 3 года назад

    I have no clue why but when I turn on the Adjustment layer it prevents my particle from looping and I see few of them stops at the end of whole animation on last frame of it's own animation and don't want to loop anymore. Any ideas why?

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

    Amazing

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

    thank you sir for this

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

    I am using a logo instead of crosses, with a simple scale-up and scale-down animation. The resulting animation is only slightly random. Is there a way to tweak the noise layer to create more random movement? Thank you!

  • @pantone_375c
    @pantone_375c 4 года назад +2

    Hi! I'm working with dots instead of crosses, still when adding the time displacement and precompose, my dots keep having a regular resize animation, it doesn't look like yours that the graphics resize in different timing. Do you know why could that be?

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

      Check out minute 7 in my tutorial. This might be the fix for your issue.

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

    Hi, just wondering with the mosaic effect, is there anyway to change it to be different shapes rather than a square grid?
    Great tutorial by the way!

  • @KS-bq4rs
    @KS-bq4rs 5 лет назад +1

    nice tutorial, thank you..you have a new Subscriber

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

    Thank you!!

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

    thank you, and nice video, I have one question, if I would like to do more than one element, like a + and an x, how can I create a pattern or a tile with more than one form?

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

    tanks bro for make this!

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

    thank you

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

    Thankyou.

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

    Thank you Swissives!

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

    Coo. I learned the 3D effect

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

    nice

  • @akashadearg-due1435
    @akashadearg-due1435 2 года назад

    Cool

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

    How did you get yours to move slowly? Mine just goes through from the left side to the right very fast. Also depth of field is not working for me either.

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

      To make it slower you can adjust the evolution speed on the fractal noise and the cross you like to animate.

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

    ❤🔥

  • @Crimea-Vera
    @Crimea-Vera 4 года назад

    super!

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

    What file type can I export it in? Can I use this e.g. as a background for my website in wordpress?

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

    Is there some way to do a color randomize on those crosses?

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

      Maybe try doing a rainbow overlay on the one cross that changes over time
      and do another time displacement on the color overlay?

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

    I've done this, but if I try to export it or drag it into Premiere it just gives me a flat block colour and the animation is gone, am i doing something wrong or has this glitched out and I need to start again?

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

      I’m sorry, but I can’t answer this. It might be an issue with your AfterEffects. I had no problem exporting my animation.

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

      @@swissives I ended up just doing it from scratch and it exported fine. God knows what went on in the previous file but it all worked out in the end.

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

    I tried doing the Time displacement effect on a shape imported from illustrator. I changed the vector into shape but the time displacement effect not working, Why? pls reply soon. Thank you for the great tutorial!

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

      Have you creaded the backround layer and precompised the fractual noise and background layer? Like that you shoud be able to get the time displacement working. Otherviews you might miss a step. I hope this was helpful.

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

      @@swissives Thank you. I figured it out! I didnt add any scale /rotation or any time oriented effect on the object it self.. so the time dispalacement effect didnt work!. ،

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

      Thanks for letting me know. It‘s not always easy to know where someone is stuck in the process.

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

    You sound like Fitz with a different accent.

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

    Like before watching ...

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

    Mine is not looping:(

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

      Have you added the expression?

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

      @@swissives Which expresion?

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

    🥰😍🤩😘

  • @ОленаКосяк-ъ8у
    @ОленаКосяк-ъ8у 5 лет назад

    Awesome tutorial, easy to follow! It was the first one which I've done in AE. Have a question: I want to import a png or ai file instead of cross and do the same thing. But cross apperars as a shape and it has a 'size' option, but the png file only has scale. If i scale it and then apply motion action the whole picture will change the size so the objects will move, but how to make it changing size without moving? Thank you for advice))

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

    what is the name of background music?

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

      Omid M.Shakiba , I made this music myself. It has no name. :-)

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

    Can't figure out how to add a title with that effect from the beginning, any explanations? Great otherwise

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

      Make a text object, make it 3D like the crosses.
      Copy the rotation settings from the crosses to the text.
      Keyframe the text object from right to left.

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

    Just wasted 3 hours. tried to make it fancier, but it doesn't seamlessly loop. It seems to jump a bit. Gave up in the end. :(

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

    it doesn't work AE2022