How to Create an Infinite Background in Adobe After Effects CC

[@GAZDA_DMM]

You would not believe how hard this was to google for for a tutorial. Thanks man! Now I have a background ticker for my videos!

[@dublinphotoart]

I know right! I'm now months trying to find a 'scrolling background looping away into the distance' tutorial ... doesn't exist! 😫😫😫

[@ashikdennis9202]

hahaha. IKR. I was searching for animated backgrounds, then came across looping backgrounds and then finally here.

[@bohboh6244]

I was looking for decates

[@lofihammy]

omd LITERALLY HAHA

[@kevinreste6683]

one of the better AE tricks I have seen, so useful. Thanks

[@AdobeMastersOfficial]

Glad it helped! Thanks for watching!

[@ambarchakrabarti7520]

Thanks for this extremely useful tutorial. Your point at 3:05 helped me immensely in making a looping BG

[@AdobeMastersOfficial]

No problem at all, thanks for watching!

[@emanuelhernehult298]

loopOut("cycle"); thank you!

[@MarcosGetsCreative]

Thanks

[@richarddukard8989]

Thank you

[@snackeries]

Thanks man, this tutorial is very easy to understand for me

[@AdobeMastersOfficial]

Glad to hear that! Thanks for watching!

[@HeyShadyLady]

I’ve come back to this video so many times, this is super helpful thank you so much!

[@AdobeMastersOfficial]

I'm so glad that it's helpful!! Cheers :D

[@TheStepmonkey]

THANK YOU SO MUCH!! Straight to the point and so easy to follow💗

[@AdobeMastersOfficial]

No problem! Thanks for watching! :D

[@AngieTaylor]

Why not just use the Offset effect? It’s much easier and designed specifically for doing this?

[@moon-be1rg]

well genius, then why don't u create another video using offset effect? I only found this one and actually worked unlike other videos

[@Sparkanator]

How do you use it?

[@randrewkrome9637]

This worked for me better than any other tutorial, thank you

[@randrewkrome9637]

Marc The Spark apply Offset from the Distort menu of the Effects panel, to the layer you want. Simply key the x or y axis to what you need it to be.

[@Sparkanator]

@@randrewkrome9637 thank you so much

[@RackiePromotions]

I cannot ignore it. It's 5760.

[@csk2616]

That's what made me confused.

[@mrsnapple5827]

Thanks!

[@migeru_]

I noticed this too. something was wrong

[@ravenPSL]

Thank you so much! I have wondering how to loop a ground in my comp perfectly, I have tried repeater but it's hard to loop it perfectly. Thanks for sharing this! subscribed!

[@abhijeetsinha7172]

you just save me.thanks thanks thanks.i was searching the whole google but cant find the solution.today i learn something at time 1.23 am india :)

[@sendd1555]

It's very helpful. Please any tutorial for UI animation in aftereffects particularly in liquid effect.

[@richarddukard8989]

Does this work if you want the images to move diagonally?

[@samuraisanchez7611]

Hey! What if I want the trees to loop and move diagonally from bottom right to top left. How would I go about it?

[@I.Love.Kishka]

have you figured this out? Still wondering

[@I.Love.Kishka]

have you figured this out? Still wondering

[@dublinphotoart]

You would have to make your comp 3 times the height as well as the width ... like he did at the start of this... and your trees in a diagonal line from top left to bottom right ... if you picture a big box of 9 screens... your first frame of trees are in the top left ... frame 2 trees in the middle and then frame 3 trees (which is a copy of the first trees) is bottom right, now you place that whole thing where the top left trees are centred in your frame and scroll it diagonally and setting your loop... the point is to move it so when the bottom right trees scrolls up it lines up perfect with where the first trees were

[@khezu1188]

thank you so much been looking for this

[@AdobeMastersOfficial]

No problem 😊 Happy to help!! Cheers!

[@youtube7685]

7:07 y didn't you put the what you typed in the Discription of your video i don't have no time to pause the video to type anything loopOut("cycle");

[@zoedidi8140]

Well explained to a newbie ! Thanks :)

[@jamesamoros6196]

So awesome, saved me a ton of time.

[@AdobeMastersOfficial]

Happy to hear that!! Glad it helped :D

[@sanplseasydraw]

Thank you so much for the video

[@AdobeMastersOfficial]

Of course!! Happy to help :D

[@waschkadse]

Very helpful! Thanks.

[@AdobeMastersOfficial]

Glad it was helpful! Thanks for watching :D

[@KabeeshS]

thanks. you saved my day. subbed

[@nathanhaworth787]

is there any way to rotate on the Y axis while looping? when i make a new precomp it doesnt really work

[@emmaberry129]

Thank you so much! Can you do this with a photo!! I'm trying to make someone continuously falling down from the clouds. I'm going to try but not sure it will work because of the photo seams.

[@IggyCreates]

Wow this was great! How would I add a mountain in the back to make it look look large and not fly by like the trees do?

[@IggyCreates]

ah nvm i realized what you meant after a 5th time watching it haha

[@scarletkitten]

am i able to drag and drop this looping comp after render into a PR comp?

[@hadriel.]

thank you so much man :)

[@AdobeMastersOfficial]

No worries! Happy to help :D

[@DoronTshuva770]

hi, thanks for the tutorial, i plan on making some BG comps like you did and i want to control the speed (position of the last frame) of all the BG comps with one controller, is there a way to change keyframe position with a slider?

[@spacemountain3033]

Could this be used to turn the road/background in different angle as in straight ahead with a vanishing point?

[@dublinphotoart]

Dude! Exactly what i'm looking for if you find a tutorial .... i cannot find one anywhere 😫😫😫

[@ashikdennis9202]

@@dublinphotoart any luck with your search?

[@ashikdennis9202]

@@dublinphotoart i think you can find something if you search perspective loop or tunnel loop

[@dublinphotoart]

@@ashikdennis9202 well not really but i have animated my own version and i want to make my own tutorial at some stage

[@noyzejynx5984]

Thank you for this .exactly what i was looking for

[@AdobeMastersOfficial]

So happy to hear it!! Glad to help!! Cheers :D

[@zenks5883]

thx man, also turns out for a 5 second video just making it wide enough did the trick, did not even use the loop just the lifehack with making it 3 times wider xD

[@FishaNostalgia]

very good. i made it . thanks so much. go ahead !

[@AdobeMastersOfficial]

You are most welcome! Thanks for watching!

[@VARAPRASAD2508]

thanks for this video it helped me to work on my project👏👌👌😘

[@AdobeMastersOfficial]

Glad it helped!! Good luck on your project. Cheers!! :D

[@icymndr]

How to loop the composition which has different layers at different timing? Its loops until the composition is finished and then there is a snap to the first frame. As all the layers are at different timing I don't know how to make it loop. please HELP

[@vasmaart]

i want this from left to right and its right to left movement how can i change it?

[@RedlightRecordsStudio]

¡Graçias! Just modded this to work with a seamless concrete wall image. But how to make it work in 3d with a slight y-axis rotation?

[@ghap4a]

Very usefull. Thank you!

[@alexnicolas7]

thank you!

[@AdobeMastersOfficial]

Thank you for watching!! :D

[@sweatygreasemusic]

Btw the right value of triple 1920 is 5760. In case you got some problem, thank me later

[@faanross]

"Final 2" - classic title choice ;-)

[@crossthebosshtx]

1920 x 3 = 5760

[@zynthio]

dude you said 5160 instead of 5760 so and I just spent the last 2 hours trying to figure out why I couldnt make my animation loop correctly... cmon bruh anyone thats trying to follow this guide - at 5:50 you should absolutely use the anchor point to line it up otherwise you can end up with a jumpy loop transition

[@johnhillard3717]

Thank you

[@AdobeMastersOfficial]

Thanks for watching!! Cheers! :D

[@grandmacookies]

Does this apply to pictures??

[@AdobeMastersOfficial]

Like if you used pictures instead of the assets. Yah, I think it would work!

[@daneli.a.9781]

Thanks it worked!

[@AdobeMastersOfficial]

Glad it worked! :D Thanks for watching.

[@jamescapdevila-slater7379]

brilliant, many thanks!

[@AdobeMastersOfficial]

No problem, thanks for watching! :D

[@DiegoguerraCocc]

Ok but what if I want to make the loop not horizontal but vertical? need help...

[@zynthio]

seriously? You literally just do the same exact steps but using the Y axis instead of the X axis

[@craigburton4447]

I got my ten second loop to go three times but it disappears. I set the comp length to 3 minutes, but it still disappears at 30 seconds. Tearing my remaining hair out. Just can't get it

[@dublinphotoart]

If the layer that you are looping is a 'pre-comp' double click into it and make it also 3 minutes long so it wont disappear after 10 seconds. If it is not a precomp... then you should be able to drag the end of that layer to the end of the 3minute comp so it loops out ... if it doesnt drag out... right click - time - enable time remapping and then drag it out 🤔

[@nizaralbusaidy8490]

3 times make it 5170 tho. im really confused please help

[@nizaralbusaidy8490]

f* it, used the same dimensions. works well

[@peterengle56]

okay but what if its a fence... i cant figure out how to get it to line up... can anybody help out?

[@OfficialVjRahulForever]

bro 1 question this process is available on premire pro...

[@AdobeMastersOfficial]

Hello, no sadly it's not. Expressions are only for After Effects. AE is the only way to pull of more advanced graphics like this!

[@OfficialVjRahulForever]

@@AdobeMastersOfficial Bro Can teach on Team Viwer to Make Border In After Effect or i send psd file to create border...please Reply bro..

[@mayorifujino]

you can export it into premiere pro!

[@nehemiah5220]

How do I control the timing of the loop?

[@no-pz8gi]

AriaShther by changing the timing of the key frame marker you can change the speed of the loop. The farther in the timeline the keyframe is placed, the more space the asset will have to cover in that time frame. Basically earlier key frame placement=slower scroll speed and vice-versa. It should work but I dont know if this actually does tho im just basing this off observation. Try it and tell me if it works.

[@no-pz8gi]

Wait thats for hand drawn animation. Eh try it anyway.

[@no-pz8gi]

Wait he actually show how to do it in the vid... we both have poor observation skills.

[@nehemiah5220]

Mosaab Guled my observation skills very high sir😂😂 I’ve been up for nights on this animation project that my professor never showed us how to work in after effects.. I’ve used after effects bf but just never used the loop effect so I feel extremely crazy with figuring this out and it’s not working idk why.. my character is walking but for some reason the background won’t move at all. I put in the offset property too and it didn’t work either.. :(

[@mrsnapple5827]

Yay! Your are awesome1

[@kriskringle583]

3x1920 is 5760 not 5160 by the way. :)

[@utavtakt9361]

Thank you :)

[@maosenpaii]

just putting it out there but 3x1920=5760 not 5160

[@stephenlucas5740]

Love ya!!!

[@gabrielazaronichuairi1127]

Thanksss

[@AdobeMastersOfficial]

No problem, thanks for watching!

[@vyacheslav9015]

Thank you for this video! But if I need to move this trees more slowly? Very-very-very slow, like a turtle :-)

[@pads4821]

just instead of doing it in 1 sec do it in 30 sec or something like that, it will be very slow

[@Arth.Vasconcellos]

perfect

[@JasonMcElweenie]

Heighth?

[@dublinphotoart]

Duuude! If you could make a scrolling background away from the viewer that be awesome! As in when your character is in a car and trees and houses moving away and looping.... a tutorial for that simply does not exist ANYWHERE! 😫😫😫 (I have tried several things but its somewhat messy) 😫🤣

[@migeru_]

Good video but it should be 5760 not 5160 :/ nonetheless thank you

[@NathanApffel]

this is not what an infinite background is. this is a looping background.

[@zynthio]

All "infinite" backgrounds are just loops disguised to look infinite. It's not possible to make a video that is "infinite". The only way to do that is to have a program actively doing a simulation

[@SoftYoda]

I don't want that, i WANT INFINITE BACKGROUND LIKE PHOTOSHOP TILE PREVIEW... why is it that hard in this dumb software...

[@user-cy6ne3wo4s]

aaaaaaaaaaaaaaaaaaaaaaaaaaaa, gracias :)

[@AdobeMastersOfficial]

So happy to help!! Cheers! :D

[@BabyBoy-hw4ir]

loopOut("cycle"); for u Fellas lazy asf

[@aimerboy69]

thank you lord baby boy

[@fedegreco2828]

Excelente, thanks

[@AdobeMastersOfficial]

No problem, thanks for watching!

[@antoniomaurinogeraldodasil4873]

Thanks. Very good!!!