I've landed here in 2024, wanted to say thank you, man! Your tutorial has not only taught me how to do an endless scroll, but so much more, as you actually explain what each thing does plus shortkeys while you go. I've been working in AE for a few years now, but being a graphic designer as well, I obviously didn't work intensively just with AE so I still have a lot to learn. I find your way of explaining things absolutely the most informative I've stumbled upon until now among tutorials here on YT
This was the most helpful AE tutorial I found for this type of animation (and I sifted through plenty of them). So easy to follow and so well explained! Thank you so much!!
Quick helpful tip! 4:41 Instead of clicking the keyframe arrows to bounce from keyframe to keyframe, simply press J (left), or K (right) on the keyboard to do the same thing :D
thank you!! so so helpful, I couldn't find this anywhere else!! Just wanted to add that when I got to the loopOut expression AfterEffects didn't autocomplete the equation - if it doesn't come up, you can get it to work by typing in "loopOut(type = "cycle")"
6:56 The moment I thought I'd be rick-rolled. On 2020. Amazing video!!! thank you so much, it was exactly what I needed and you explained it super clearly! New subscriber!!
Thanks Ian, exactly what I was looking forward for as well. However, I have one issue, if the text size is greater than the frame size then it seems like to create a smooth transition without gaps, I need to introduce more duplicated. Please correct me if there is a better way for this.
Hi Darshit, glad this is helpful! Actually you can make the subcomp any size up to 30,000 pixels. So: figure out the size of the text that you want, let's say it's 5000 pixels wide. Make the subcomp (or "nested" comp) 5000 pixels wide, then duplicate your text just like in the tutorial, but moving it 5000 pixels off the stage. When you drop the very wide comp into the main comp (which is only 1920 pixels wide, say), then it will scroll like before, but your text will be greater than the frame size. I'll put together a mini-tutorial so show what I mean, watch this space :) - Ian
Thank you very much for the tutorial, a question, how can I have a smoother movement, because when I put the video on my website, the movement is not smooth and it seems that the text does not scroll but skips spaces.
Does it play back smoothly from your hard drive? If so, you could try encoding the file differently (such as a lower bit rate) to see if that makes a difference. Check that the frame rate is consistent in each timeline, too.
thanks for the tutorial! Woud you mind telling me wich was the short cut you use in Mac to change the timeline to show the seconds and not the frames? Thanks in advance!
You're welcome! Not sure if this is what you mean, but ⌘-clicking on the time (top left, in blue) in the timeline panel will toggle between frames and timecode.
Thank you 😊. I like the tip where you showed how to move the text off screen with 26+1920. I'm wondering if I can do that with vertical scrolling text. Thank you again!
Yes it works with vertical text as well, just swap the X and Y axes. Or you can even build the subcomp horizontally, and then rotate it in your main comp 😄
Hi This is great many thanks I need to take it to the next level... track it with footage so the camera pans onto the scrolling text then back out again. How do I track the text?
Just move the duplicate further, and then keyframe the null with the amount you moved it. So if your text is 3000 px wide, move the duplicate 3000 px to the right, then keyframe the null -3000 px, to pull it all back. The precomp can be any width (within AE’s limits), it doesn’t have to be the same size as your final comp. The important thing is that when you move between the two keyframes (in the precomp), the text should line up exactly. That will give you the seamless looping. Once the looping is happening, you can adjust where the text starts by changing the start time of your precomp. Hope this helps :)
Hi Ian. Would you also know how to make a single line of infinitely scrolling text, but dropping from the top of the screen to the bottom, or from the bottom of the screen to top please? As example; “Many East Asian scripts can be written horizontally or vertically. Chinese, Japanese, Vietnamese Chữ Nôm and Korean scripts can be oriented along either axis, as they consist mainly of disconnected logographic or syllabic units, each occupying a square block of space, thus allowing for flexibility for which direction texts can be written, be it horizontally from left-to-right, horizontally from right-to-left, vertically from top-to-bottom, and even vertically from bottom-to-top” But I want to see if a similar thing can be done with English words?
Hi Paul, yep the principle works on anything. If you run through the tutorial but flip it all mentally (from horizontal to vertical), that should work. Any time I mention width, just change that to height - and any time I mention the x axis, change that to the y axis. Alternatively follow along with the video, then rotate the final nested comp 90° in your main one. You can right click on the text - with the text tool selected - and choose “Vertical” to change its orientation. Hope that helps :D
Is there a method to scroll the text from right to left with another text properties, effects, or expressions without actually moving the x and y position of the text box?
You could scroll it using a Text Animator … just add “position” and animate that property. The layer’s position will remain unchanged, but the text will move. I made a vid about Text Animators, in case that’s helpful: czcams.com/video/1ED2wuPW2uE/video.html
Time remapping adds the end keyframe a frame late (for looping purposes) which will appear as a blank frame when you go to loop... so you add a new keyframe just before it and remove that end one then the loop will be seamless 🤔😎
@@JollyRoger183 Oh that fried my brain for a long while. I was very proud when i figured it out. 😌 This video is the clearest. czcams.com/video/nNGA-QyQ4rk/video.html
I think I'm in love with you, Thank You ! 〰🍀🙌🏻☀〰 Edit: Asking for help: trying to export a lottifile for elementor the result was quite (very) different than my beautiful animation. Then I found out that Lottifile doesn't support expressions (And effects -.-'). So, there is a way to make the seamless-infinite-scrolling text effect in AE without expressions? Thank you for your consideration 🙏🏻
Hey, sorry I don’t have time to look into it right now - but you could try baking the expression? Right click on property > Keyframe assistant > Convert Expression to Keyframes. I don’t have a lot of expression with LottieFiles so not sure if that would work. (p.s. I have had success exporting with expressions using BodyMovin, in case that’s an option!)
Hello! I'm not sure exactly what it is you're after - but if you follow the tutorial and then nest the whole composition, you can use it like any other element. Perhaps that's a good starting point?
You made it for 1090 by 1080 ..but what if i want to do inside a rectangle shape like in a restaurant board..how to create to from a particular point to another..?
It will work with any dimensions, just substitute the size you need. So if I mentioned “1920” in the video, change it to the size you want, and offset the layer that amount. Once you’ve completed the looping, you can then put that entire comp into another comp and adjust it how you like (scale it, use corner pin to distort etc.)
It’s similar but there are some other tricks to scrolling objects … really depends on what the object looks like. When I get time I’ll make another vid with some more looping tricks :)
I've landed here in 2024, wanted to say thank you, man! Your tutorial has not only taught me how to do an endless scroll, but so much more, as you actually explain what each thing does plus shortkeys while you go. I've been working in AE for a few years now, but being a graphic designer as well, I obviously didn't work intensively just with AE so I still have a lot to learn. I find your way of explaining things absolutely the most informative I've stumbled upon until now among tutorials here on YT
Wow! thank you for your kind words, much appreciated 🙏
This is what I like about the tutorials - straight to the point and no messing around. Thank you!
Straight forward and to the point without a bunch of nonsense, I love it! Thank you
The most accurate and successful After Effects tutorial experience I've had so far. Thanks a lot!
Wow, thank you! You're most welcome
Best tutorial ever! Zero mistake, I can even just listen to your voice and complete everything in my AE without a problem.
Great tutorial. I made two texts: One running on top for 4 sec and one for the bottom looping at 6 seconds. This gives a really nice shift effect.
This was the most helpful AE tutorial I found for this type of animation (and I sifted through plenty of them). So easy to follow and so well explained! Thank you so much!!
thank you so so much! I was about to lose it since I couldn`t make this work on my project. You are a life savior
Such a great tutorial! This is exactly what I need!
Exactly what I was looking for! Thank you!
This is the first video I found that was what I was looking for and clearly explained, thank you!
This is right what I've been looking for! Thank you so much! Straight to the point
Straight to the point, right speed to follow the steps ! Thanks !
Omg, you explained it very simply! It's really easy to understand. Thank you so much! I've always wanted to learn these.
Love the shortcuts you've mentioned!
Great explanation and solution! Thank you Ian.
Super easy to follow and exactly what I needed! Thanks so much :)
omg Ive been searching for hours for this kind of effect and finally!!!! this is so east to follow and clear
Nice. Thank you, Ian! I used it for my client's project :) Your video was a great help!
Thank you sooo much for this tutorial! Just what I needed.
Very well explained straight to the point like every tutorial should be. Thanks for sharing. Cheers!
This is exactly what I was looking for. Thank you so much lan
Super easy to follow. Exactly what I needed!
Great tutorial! Super easy to understand!
I can't thank you enough... hands down the best video for beginnners
great Tutorial! Very beginner friendly and straight to the point! thanks
Excellent explanation! Thank you so much
Quick helpful tip! 4:41 Instead of clicking the keyframe arrows to bounce from keyframe to keyframe, simply press J (left), or K (right) on the keyboard to do the same thing :D
"and I said Yes. I do." *smug smile* hahahaha, love it 🤣
this was super clear and easy to follow! thanks
Thanks bud! great video and instructions.
!! Great Tutorial !!
amazing tutorial!! thank u!
Your lesson helped a lot, after that i wrote my first lody. Thank you very much.
Thank you! Exactly what i needed 😍
i was struggling with this until i watched your video much thanks.
everything worked perfectly and simple(for AE standards lol).
Thanks!
Very helpful! Thank you
Thank you for the great tutorial
This is so helpful thank you!!!!
You saved my life, thank you so much!
thank you!! so so helpful, I couldn't find this anywhere else!!
Just wanted to add that when I got to the loopOut expression AfterEffects didn't autocomplete the equation - if it doesn't come up, you can get it to work by typing in "loopOut(type = "cycle")"
Glad it helped, Lea! And thanks for letting me know about the autocomplete, I'll bear that in mind next time :)
so helpfull
Great video, Thanks a lot!
Nice tutorial!
This was very helpful, thank you so much! I wanted to do it in Resolve but the app isn't very capable for that kinda thing.
Thank you! Great tutorial!
nice tuto Thank you!
Огромное спасибо!❤
great tutorial
Great video. Thank you. Subscribed.
super dope... thanks
Wow! This really helped!
thank you sir, for the very personalized tutorial XD
thank you so much , it worked
That helped me a lot, thank you!
Very helpful video, thanks alot
this video is amazing! very cool :)
THANK YOU IAN
Really Great!
very helpful! thank you!
Nice tutorial
Perfect tutorial !!
thank you! very help full video
Great you solved one headache for me, thanks
Thanks for this!
Thank you!
So perfect
Thanks for the trick !
Thank you so much!
Awesome thanks
very helpful thanks!
thanks alot for this.
Thank youuu!
6:56 The moment I thought I'd be rick-rolled. On 2020.
Amazing video!!! thank you so much, it was exactly what I needed and you explained it super clearly! New subscriber!!
Ha! Don't worry, I'm never gonna let you down
Galaxy quest quote snuck in there!
Hahaaaha I don't even know I'm doing it. LOVE that film
Thanks Ian, exactly what I was looking forward for as well. However, I have one issue, if the text size is greater than the frame size then it seems like to create a smooth transition without gaps, I need to introduce more duplicated. Please correct me if there is a better way for this.
Hi Darshit, glad this is helpful! Actually you can make the subcomp any size up to 30,000 pixels. So: figure out the size of the text that you want, let's say it's 5000 pixels wide. Make the subcomp (or "nested" comp) 5000 pixels wide, then duplicate your text just like in the tutorial, but moving it 5000 pixels off the stage. When you drop the very wide comp into the main comp (which is only 1920 pixels wide, say), then it will scroll like before, but your text will be greater than the frame size. I'll put together a mini-tutorial so show what I mean, watch this space :) - Ian
@@IanHaigh I am looking for this exact same thing! Thank you ahead of time!
Thank you!!!
thank you good sir
Thank you very much for the tutorial, a question, how can I have a smoother movement, because when I put the video on my website, the movement is not smooth and it seems that the text does not scroll but skips spaces.
Does it play back smoothly from your hard drive? If so, you could try encoding the file differently (such as a lower bit rate) to see if that makes a difference. Check that the frame rate is consistent in each timeline, too.
thanks for the tutorial! Woud you mind telling me wich was the short cut you use in Mac to change the timeline to show the seconds and not the frames? Thanks in advance!
You're welcome! Not sure if this is what you mean, but ⌘-clicking on the time (top left, in blue) in the timeline panel will toggle between frames and timecode.
@@IanHaigh Yeah that's it. Thanks!
thanks!
Thank you 😊. I like the tip where you showed how to move the text off screen with 26+1920. I'm wondering if I can do that with vertical scrolling text. Thank you again!
Yes it works with vertical text as well, just swap the X and Y axes. Or you can even build the subcomp horizontally, and then rotate it in your main comp 😄
@@IanHaigh Thank you Ian!
LIFE SAVER
I hear yah mate.
Also, I used your tutorial to create the scrolling copyright disclaimer in my latest work.
Nice one, thanks Cringe Panda!
I think it can be easily done by parenting one text layer to another and then looping out it's position.
Yeah that sounds like it would work! I used to do something similar back in my old Flash programming days.
Cheers :)
Hi This is great many thanks I need to take it to the next level... track it with footage so the camera pans onto the scrolling text then back out again. How do I track the text?
You’re welcome! I’m not sure I understand what you’re trying to do … is it more of a camera tracking related question?
It's OK I used the text tacker tool for this purpose thanks
danke mi man
Hey! Old video but still super useful. One question, how would you add a fade in to the text without it repeating every time the javascript loops? 🤔🤔
Hey! Sorry for not replying sooner. Just put the entire thing in ANOTHER precomp … and fade that 😄
@@IanHaigh No worries and thanks, that does make a lot of sense!! 😄
You can do it even faster, and use the expression loopOut() on the position of the null-object :)
It's true! Hadn't thought to do it like that, thank you :D
@@IanHaigh hoW? on which stage? i have a problem, my video is 3 min and i have a trouble with key frames
What if you want it to start off screen and if your text is larger than 1920x1080?
Just move the duplicate further, and then keyframe the null with the amount you moved it. So if your text is 3000 px wide, move the duplicate 3000 px to the right, then keyframe the null -3000 px, to pull it all back. The precomp can be any width (within AE’s limits), it doesn’t have to be the same size as your final comp.
The important thing is that when you move between the two keyframes (in the precomp), the text should line up exactly. That will give you the seamless looping.
Once the looping is happening, you can adjust where the text starts by changing the start time of your precomp.
Hope this helps :)
Hi Ian. Would you also know how to make a single line of infinitely scrolling text, but dropping from the top of the screen to the bottom, or from the bottom of the screen to top please?
As example; “Many East Asian scripts can be written horizontally or vertically. Chinese, Japanese, Vietnamese Chữ Nôm and Korean scripts can be oriented along either axis, as they consist mainly of disconnected logographic or syllabic units, each occupying a square block of space, thus allowing for flexibility for which direction texts can be written, be it horizontally from left-to-right, horizontally from right-to-left, vertically from top-to-bottom, and even vertically from bottom-to-top”
But I want to see if a similar thing can be done with English words?
Hi Paul, yep the principle works on anything. If you run through the tutorial but flip it all mentally (from horizontal to vertical), that should work. Any time I mention width, just change that to height - and any time I mention the x axis, change that to the y axis.
Alternatively follow along with the video, then rotate the final nested comp 90° in your main one. You can right click on the text - with the text tool selected - and choose “Vertical” to change its orientation.
Hope that helps :D
@@IanHaigh , superb. Many thanks Ian 🙏
Is there a method to scroll the text from right to left with another text properties, effects, or expressions without actually moving the x and y position of the text box?
You could scroll it using a Text Animator … just add “position” and animate that property. The layer’s position will remain unchanged, but the text will move.
I made a vid about Text Animators, in case that’s helpful: czcams.com/video/1ED2wuPW2uE/video.html
How can somebody be so funny teaching a tutorial? hahahaha 😂😂😂
5:25 Can someone explain what this is all about? The adding and dropping of keyframes one frame to the left and then to the right?
Time remapping adds the end keyframe a frame late (for looping purposes) which will appear as a blank frame when you go to loop... so you add a new keyframe just before it and remove that end one then the loop will be seamless 🤔😎
@@dublinphotoart thank you very much. Good to know whats going on there in more detail
@@JollyRoger183 Oh that fried my brain for a long while. I was very proud when i figured it out. 😌 This video is the clearest. czcams.com/video/nNGA-QyQ4rk/video.html
I think I'm in love with you, Thank You ! 〰🍀🙌🏻☀〰
Edit: Asking for help: trying to export a lottifile for elementor the result was quite (very) different than my beautiful animation. Then I found out that Lottifile doesn't support expressions (And effects -.-'). So, there is a way to make the seamless-infinite-scrolling text effect in AE without expressions?
Thank you for your consideration 🙏🏻
Hey, sorry I don’t have time to look into it right now - but you could try baking the expression? Right click on property > Keyframe assistant > Convert Expression to Keyframes. I don’t have a lot of expression with LottieFiles so not sure if that would work.
(p.s. I have had success exporting with expressions using BodyMovin, in case that’s an option!)
@@IanHaigh Thank You So Much for your kind and very useful reply 🙂
〰🍀🙌🏻☀〰
Hello sir, is there a tutorial of you explaining how to make a scrolling text like that but the text is inside a ticker start and end in the ticker ?
Hello! I'm not sure exactly what it is you're after - but if you follow the tutorial and then nest the whole composition, you can use it like any other element. Perhaps that's a good starting point?
You made it for 1090 by 1080 ..but what if i want to do inside a rectangle shape like in a restaurant board..how to create to from a particular point to another..?
It will work with any dimensions, just substitute the size you need. So if I mentioned “1920” in the video, change it to the size you want, and offset the layer that amount.
Once you’ve completed the looping, you can then put that entire comp into another comp and adjust it how you like (scale it, use corner pin to distort etc.)
how to scrolling object ?
is same method aas a text?
thanks for your videos
It’s similar but there are some other tricks to scrolling objects … really depends on what the object looks like. When I get time I’ll make another vid with some more looping tricks :)
@@IanHaigh naicee