Retro Computer Screen Title Animation | After Effects Tutorial

  Рет қаралды 109,099

Manuel does Motion

Manuel does Motion

Күн бұрын

In this After Effects Tutorial, I'll show you how to create Retro Computer Screen Title Animations.
► Download the project file here: gumroad.com/manueldoesmotion
Content:
0:00 Intro
0:20 Setting up the typewriter effect
1:24 Breaking down the expression
2:10 Creating the background
3:25 Adding the lo-res text effect
4:35 Adding wiggle expressions
5:12 Adding a light
6:15 Version 2 of the title animation
6:40 Adding an expression for the position
6:57 Problems and workarounds
8:03 Outro
The effect is procedural. So the font, the size, colours and the amount of text are completely up to you. The title animations are animated with expressions. The lo-res computer screen effect is created with standard effects.
►This is the link to the EXPRESSIONS I use in the tutorial. I've added them to my website:
www.stein-hauser.com/expressions
►If you want to DIVE DEEPER. This is where I found all the bits and pieces:
• How to Create a Type-T...
blog.motionisland.com/how-to-...
• Scrolling hacker text ...
► Software: Adobe After Effects 17.5
► I use music from Artlist: artlist.io
If you have any further questions, let me know in the comments below. I do my best to answer all of them!
► Subscribe to my channel here:
/ @manueldoesmotion
I am very curious how this tutorial inspired your work!
Put the link in the comments below or even better: tag me on Instagram.
► @manueldoesmotion
► / manueldoesmotion
► my website: www.manueldoesmotion.com
► behance: www.behance.net/stein-hauser
#aftereffectstutorial #animation #motiondesign

Пікірлер: 233
@CriticalDispatch
@CriticalDispatch 2 жыл бұрын
Great tutorial, very easy to follow. And I appreciate you breaking down each step and why it happens, including the expression. Truly the best way to actually learn and not just copy. Thanks a ton!
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You're very welcome! That's so great to hear! Thanks very much!
@shuangcai2297
@shuangcai2297 2 жыл бұрын
Hi, just a reminder for anyone who's trying this out now or after 2022. I believe the new javascript engine does not like this.sourceRectAtTime(). The new functioning script for that line should be: pos = sourceRectAtTime(time).height;
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Thanks very much!
@carolinedumais8376
@carolinedumais8376 11 ай бұрын
thks, I was having the same issue
@RowanLeary
@RowanLeary 6 ай бұрын
thanks, much appreciated
@alicesun3098
@alicesun3098 6 күн бұрын
OMg .It is much easier than other tutorials with similar content. Thank you for this. You save my assignment scores haha.
@ManueldoesMotion
@ManueldoesMotion 6 күн бұрын
That’s awesome!
@societesimulator
@societesimulator 2 жыл бұрын
Hey ! For people who are not english (for example french) for the first expression line 2, instead of writing "T = time*effect("Speed")("Slider");" replace Slider with "Curseur", the translation of slider in your language in after effects. For french people the result will be : L = text.sourceText.length; T = time*effect("Speed")("Curseur"); F = Math.round(T % 1); if(F==1 |(T0)){Fl="_";}else{Fl=" ";} substr(0,T)+Fl;
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Thanks so much for the translation! I thought After Effects does it automatically.
@tatachichi7884
@tatachichi7884 2 жыл бұрын
Merciiiii!
@damarisneira4436
@damarisneira4436 Жыл бұрын
y si está en español, se debe cambiar a "Slider" por "Deslizador"
@maxtrotta5609
@maxtrotta5609 Жыл бұрын
Dieu merci tu existes ptn je m'arrachait les veuchs
@societesimulator
@societesimulator Жыл бұрын
@@maxtrotta5609 je me les arrachais aussi haha
@JosepMotion
@JosepMotion 3 жыл бұрын
Amazing tutorial!!! Thanks! I love retro style. It reminds me my first computer as a teenager and makes me happy :)
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
You’re very welcome! So happy you like it! Yeah the good old times. I still remember MS Dos 😀
@lyraags2031
@lyraags2031 2 жыл бұрын
Best tutorial, thank you so much!
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Glad you enjoyed it!
@Super_Ninety
@Super_Ninety Жыл бұрын
Thank you for what you do Manuel!
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
You are so welcome! 😊
@user-eo5ig9ws7k
@user-eo5ig9ws7k 2 жыл бұрын
Thank you for the great tutorial! Everything worked well! :)
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You're welcome! That's great to hear!
@VautourDX
@VautourDX 3 жыл бұрын
This was so great, thanks very much.
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
You're very welcome! So glad you like it!
@colinesaintillan1072
@colinesaintillan1072 2 жыл бұрын
Thank you for this great tutorial :)
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You’re so welcome! Glad u like it!
@AngelusDarkshadows
@AngelusDarkshadows 2 жыл бұрын
For everyone having issues with "substr not defined" and you have named the effect to "Speed": please note that you should be inputting the expression on the "Text" "Source Text" clock, not on the "Speed" "Slider" clock. I was having this issue and didn't notice that at first.
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Thanks very much for clarifying!
@narpika
@narpika Жыл бұрын
... and also, if the second script gives you an error, try without the "this"
@AGRAk
@AGRAk Жыл бұрын
THANK U
@pezeffect
@pezeffect Жыл бұрын
Thank you!!
@Multi30061980
@Multi30061980 2 жыл бұрын
Nice! Thank you!
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You’re welcome! Glad u like it!
@HB-vq2us
@HB-vq2us 2 жыл бұрын
Muchas gracias por tu tutorial, es muy bueno
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
That's great to hear! You're very welcome!
@IVtraxe
@IVtraxe Жыл бұрын
The way of teaching ❤❤❤
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Thanks! 😊
@rafidev2099
@rafidev2099 Жыл бұрын
Wow thank You for Your help 🙏😃
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
You're so welcome!
@defaultnano
@defaultnano 8 ай бұрын
If you'd like to make it so the animation starts at the text's in point, instead of the begnning of the comp, try this: L = text.sourceText.length; T = (time - inPoint)*effect("Speed")("Slider"); F = Math.round(T % 1); if(F==1 |(T 0)){Fl="_";}else{Fl=" ";} substr(0,T) + Fl; I've added - inPoint to calculate time from in point instead of time from start.
@ManueldoesMotion
@ManueldoesMotion 8 ай бұрын
That's a great tip! Thanks very much!
@rashedibnafiz
@rashedibnafiz 7 ай бұрын
Hello! My "_" (underscore) is blinking too fast. Can you help with that?
@defaultnano
@defaultnano 7 ай бұрын
@@rashedibnafiz you can try replacing the if line with: blinkSpeed = 1; if ((time / blinkSpeed) % 1 > 0.5){ Fl = "_"; } else{ Fl = " "; } Use blink speed to adjust the speed of the blinking, a higher value will result in a slower blink. Let me know if that works (not in a position to open after effects at the moment)!
@Nomadnetic
@Nomadnetic 6 ай бұрын
That is really helpful, thank you kindly.
@elsiedee9931
@elsiedee9931 2 ай бұрын
Wow thank you ! ♡
@christianacosta_
@christianacosta_ 4 ай бұрын
thanks for this!
@ManueldoesMotion
@ManueldoesMotion 4 ай бұрын
You're welcome!
@emadsalah8769
@emadsalah8769 3 жыл бұрын
awesome
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
Thx very much!
@leonardoquezada1602
@leonardoquezada1602 3 жыл бұрын
Thanks!
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
You’re very welcome!
@avixpaul5202
@avixpaul5202 2 жыл бұрын
Thank you again..
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Always welcome!
@NiikiNiik-wn4mv
@NiikiNiik-wn4mv Жыл бұрын
that's great
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Awesome!
@Addygoat
@Addygoat 2 жыл бұрын
Thank you
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You're very welcome!
@hsensn4677
@hsensn4677 2 ай бұрын
Hey man!! love the tutorial, I got a question tho, is there a way to make the text go backwards as if you added a typewriter effects but you reversed the keyframes?
@gardenfilms1
@gardenfilms1 2 жыл бұрын
If you are having trouble with the cursor speed going wild, adjust your [ F= Math.round(T % X);
@connordoyle2296
@connordoyle2296 2 жыл бұрын
Thank you so much for this!! I have a question: I'm trying to get another set of text to begin typing after the initial text comes up, but the expression seems to start at the beginning, so by the time the second set of text appears on screen it has already been "typed". Any suggestions on how to fix this? Maybe a way to start the expression later? Thanks again for you're help, you're fantastic.
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Hi! You're very welcome! Glad u like it! I think you could do this by pre-composing the text layer. You can move the pre-comp anywhere in the timeline and the text starts just then.
@briansharp47
@briansharp47 Жыл бұрын
Great tutorial, effect works great! Thank you for all that you do. question: Is there a way to make the effect start at a different time in the timeline? I'm trying to combine the coded text box with a regular text box to make an animation where it starts with words already on the screen.
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Hey thanks! When working with expressions you can't move the layer in the timeline. It messes up the expression. You can move the keyframes and start and end points though. You could also precompose the layers and then move the precomp further to the right in the timeline.
@defaultnano
@defaultnano 8 ай бұрын
Not sure if you still need this, but I’ll copy my other comment: “If you'd like to make it so the animation starts at the text's in point, instead of the begnning of the comp, try this: L = text.sourceText.length; T = (time - inPoint)*effect("Speed")("Slider"); F = Math.round(T % 1); if(F==1 |(T 0)){Fl="_";}else{Fl=" ";} substr(0,T) + Fl; I've added - inPoint to calculate time from in point instead of time from start.”
@tomwhittaker_test2336
@tomwhittaker_test2336 2 жыл бұрын
Thank you for this tutorial. Works great. One problem I. have is the text I am animating needs to have different colour words but when adding this effects the paragraph stays the same as the first word. Do you know how to change this?
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
I would duplicate the animation and change the text colour, then use masks to make the words with the different colour visible.
@Elomaramaro
@Elomaramaro 3 ай бұрын
Quick tip... In the video, the mosaic effect had the grid estimated using the calculator app. I believe it may be to better understand the principle, but you can do it inside after effects, just click on the numbers and type the operations you need, for ex (without quotes): "1920/6" when you press enter, it will give you the result of the operation right on the spot.
@ManueldoesMotion
@ManueldoesMotion 3 ай бұрын
You’re right! Thanks for the tip!
@Elomaramaro
@Elomaramaro 3 ай бұрын
@@ManueldoesMotion Thank you for the great tutorial! :D
@9onetwo223
@9onetwo223 2 жыл бұрын
Hi there! Thanks for the tutorial! I was wondering, is there a way to slow down the blink rate of the underscore character? I can't seem to find a good way to pace it in the if statement.
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Hi! That's a very good question... I'll have a look into it...
@Muffinman17JG
@Muffinman17JG 2 жыл бұрын
Change the 1 in this part: " F = Math.round(T % 1); ". I found that 0.8 worked nicely
@marchatton2862
@marchatton2862 2 жыл бұрын
Hi Buddy - very helpful for the project im working on... One QQ: i would like the cursor to blink for a second and then reveal the text, any ideas how to do this please buddy - appreciate your help!
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Hi Marc! The easiest solution would be to not add any text to the text layer. The cursor should blink. When you want the text to appear, you add a second text layer with text.
@TrueVico
@TrueVico 2 жыл бұрын
Hi there, amazing tutorial 🙏 I do have an issue with the blinking underscore, it goes crazy and blinks every frame at the end of my animation. Any idea why? The only thing I changed in the expression is "slider" to "curseur" cause I'm on french version
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Hi! Do you need to change the language? I thought After Effects translates it automatically. It should work though if the "slider" in your project window is called "curseur" as well.
@TrueVico
@TrueVico 2 жыл бұрын
@@ManueldoesMotion I thought it was ok as well but I didn't manage to make it work with "slider" in the expression. In any case it's odd that this change would affect the blinking like that
@CarlosRaulEstrellaRuiz
@CarlosRaulEstrellaRuiz 11 ай бұрын
hello hello!!! Thank you for taking the time and making these tutorials for those of us who want to learn. I would like to ask if there is any way to change the percentage of change in the expression used so that the text goes up. In my project apparently it does not turn out evenly. I already tried writing the text instead of copying it but it didn't work. Thanks again!!!
@ManueldoesMotion
@ManueldoesMotion 10 ай бұрын
What do you mean? Inverting the typewriter?
@CarlosRaulEstrellaRuiz
@CarlosRaulEstrellaRuiz 10 ай бұрын
@@ManueldoesMotion hello! I mean version 2, I have the problem that the letters do not go up proportionally, I changed the mode to capital letters and the cursor too but apparently something is affecting the proportionality with which they go up. I ended up using version 1, it looks great but I would like to understand how to solve the problem with the view. 2 Thanks again.
@user-yl8ft8jh7g
@user-yl8ft8jh7g Жыл бұрын
Hey, thank you very much for this tutorial! :) I was having some problems with expression so maybe this can help also someone else. I had some error with the expression, make sure you named your slider "Speed" as the expression is saying in the T= time*effect("Speed")("Slider"). This solved my problem. The second problem I had - the crazy blicking speed of cursor. In my case, it helped to change the number 1 for higher number in F=Math.round(T % 8) - not number 1 as was before.
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Thanks so much for the two tips! That is really helpful!
@nika6588
@nika6588 2 ай бұрын
Nice tutorial. I had a question how can I make that cursor blinking 3 times at the end of each line? I tried several codes in ChatGPT. But it doesn't work. Is there any other way how to accomplish that? Because even if I duplicated text layers, there would be blinking those cursors at the end of each line simultaneously.
@Sergionnerbroadcast
@Sergionnerbroadcast 2 жыл бұрын
Great Tutorial! Can you tell me how do I change the input speed of the text? Let say I want it to type for a minute, thanks!
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You can change the overall speed in the speed slider.
@iraf.official
@iraf.official 9 ай бұрын
😎😎👌👌
@ManueldoesMotion
@ManueldoesMotion 9 ай бұрын
Thanks!
@oguzkaanboga
@oguzkaanboga 7 ай бұрын
I'm using the latest version of AE and the first expression doesn't let me align my text to the left for some reason. Any suggestions?
@Xyphoe
@Xyphoe 2 жыл бұрын
Hi! I have AE CC 2015 ... will this work in there if I purchase the project files from your site? (Sorry I'm a bit new to AE)
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Hi! Unfortunately you need to have After Effects 22. It's not possible to save the file as AE CC 2015.
@chrisharrigan9706
@chrisharrigan9706 8 ай бұрын
so for anyone having problems with the expression giving you speed doesn't or exist or is mistyped, make sure the first letter of the slider named "Speed" is capitalized or the expression will ultimately fail. otherwise it works as it should.
@Chokkan
@Chokkan 2 жыл бұрын
There's a really odd kind of banding which is caused by the venetian blinds effect. It causes the 'light' solid to be cropped as it moves over that area and completely ruins the effect. I've been unable to completely get rid of this.
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
I like the banding, it goes with the overall effect. If you want to get rid of it, you need to change the width (increase or decrease) of the venetian blind effects.
@hunterfinch720
@hunterfinch720 Жыл бұрын
Is there a way to set the expression up so that the slider acts more like a range selector (sets the character range rather than the pace)? It would be amazing to be able pause the typing, speed it up, slow it down, etc.
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
I recently published this tutorial: kzbin.info/www/bejne/Y2iuYol_nZyUpLc Maybe that helps?
@scimd20
@scimd20 Ай бұрын
Hey I want to have a secondary text graphic appear later in my video, how can I edit the effect so that it typewriters too?
@mr.k905
@mr.k905 2 жыл бұрын
Great video, thanks! But as I don't have AE I would love to do that in Davinci Resolve. Is it even possible? Any tips/links? ...Anybody? Thanks!
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Thanks! Unfortunately I can’t really help you with that question. But I guess it’s not possible in the same way…
@anemoiaprison
@anemoiaprison Жыл бұрын
Worked great for me, except i've noticed this effect only works properly if the text starts at 0:00. For example if I wanted this animation to start 3 seconds into the composition, the "typewriter" effect doesn't work. Any advice?
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
You can't move the layer, because it's expression based. I would pre-compose the text layer, then move the pre-comp to three seconds. If you want the cursor to blink before, you could use an empty text layer with the same expression.
@mrelad.
@mrelad. 8 ай бұрын
how can i control the speed of the line flicking ? its way too fast for me
@nazirullsafrypaijo5694
@nazirullsafrypaijo5694 2 жыл бұрын
This is a beauty. Is it possible to have an AE 2015 version of the file in gumroad?
@nazirullsafrypaijo5694
@nazirullsafrypaijo5694 2 жыл бұрын
Got it. Followed ur detailed tutorial step by step. Thank you!
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
That's awesome!👏🏻 Unfortunately I can't save it further down than AE CC16. I guess it's because older versions don't run on Macs any more...
@janice9645
@janice9645 Жыл бұрын
Hi, I found problem on this expression value-[0,pos]; Saying that it cannot turn result into numeric value Do anyone know how to solve this problem?
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Have you found a solution yet?
@taylorscott5265
@taylorscott5265 2 жыл бұрын
for some reason when it add in the "pos = this.sourceRectAtTime(time).height; value-[0,pos];" expression it brings up an error and doesn't adjust the text. any ideas on how i can fix this?
@jamiegroenestein
@jamiegroenestein 2 жыл бұрын
I have the same problem.
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Did you try to type it in, instead of copying and pasting it? Sometimes weird stuff happens like the square brackets are replaced...
@taylorscott5265
@taylorscott5265 2 жыл бұрын
@@ManueldoesMotion I’ll try that :)
@taylorscott5265
@taylorscott5265 2 жыл бұрын
@@ManueldoesMotion that seems to give the same error
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
@@taylorscott5265 What exactly does the error message say?
@DannyFile
@DannyFile 4 ай бұрын
When I need to type some words slower, when I make "Speed" lower, the script just erases text to that position where I could be if I had that speed initially.
@cre8ivestudio836
@cre8ivestudio836 2 жыл бұрын
Hello Manuel, I realised my text now has the same color and I can't change each paragraph to different color Is there a way out?
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Hi! I think the easiest way would be to copy the text layers (including the grid) , mask each paragraph and change the colour.
@kjdubs5877
@kjdubs5877 Жыл бұрын
I'm trying to get another bit of text to start animating about 9sec into my animation and the animation won't work. It's like it's tied to the start of the comp. Any ideas on how to fix this?
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Hey, you could precompose it and move the precomp to 9 seconds. When you use expressions you can’t move layers. Either move your keyframes or the start and end points of layers but not the layer itself.
@rafaelm.5148
@rafaelm.5148 10 ай бұрын
Great tutorial! But every time there is a letter with a lower section like a 'g' or a 'p' as an example, the line jumps as the box is getting slightly bigger on the bottom. I tried to find a solution, but I can't figure out.
@ManueldoesMotion
@ManueldoesMotion 10 ай бұрын
Thanks! That's a tricky question... I don't think there's an easy solution for it. That's why the text is in capital letters:) Usually a solution would be to adjust the "sourceRectAtTime" expression and add some seconds (time+3) so that it looks at the dimensions of the text layer when the text is complete. But in this case it means that the upwards movement of the text doesn't happen.
@rafaelm.5148
@rafaelm.5148 10 ай бұрын
@@ManueldoesMotion thanks for answering.
@DrDevvi
@DrDevvi 8 ай бұрын
Extreme AE noob here, how do I have it pause for a bit before continuing onto the next line
@qqhh1727
@qqhh1727 3 ай бұрын
You can try splitting a paragraph from where you want it to stop
@ShamboKay
@ShamboKay 3 жыл бұрын
I need help, I want to have this animation come in a few seconds before the video but can't seem how to find out how to have a starting point or end on my timeline, been trying to look up it up but can't find anything. I am a noob to this... (what I want is the text animation to start 3seconds after the video has started and last around 7seconds and fade out or glitch) but I don't know how to make a staring or ending keyframe.... Also I don't have the background part just the text edit
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
I would create two comps. One with your footage and one with the title animation. Add the comp with the title animation to the comp with your footage and position it in the timeline, like three seconds after the start and the simply fade the whole title animation comp out after 7 seconds.
@ShamboKay
@ShamboKay 3 жыл бұрын
@@ManueldoesMotion i gave up and got the video done, if your interested how i done it on sony vegas it’s at the start of my most recent video but thank your for the help and this video :)
@JosepMotion
@JosepMotion 3 жыл бұрын
I can't get second expression to work properly... I understand the concept, so well explained, but I'm missing something.
@JosepMotion
@JosepMotion 3 жыл бұрын
well, I deleted the "this" and now it works: pos = sourceRectAtTime(time).height; value-[0,pos];
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
That's strange... I just checked it and it works fine when I use it in my project. Awesome you made it work anyway! 👏🏻 👍🏻
@caterpillar4153
@caterpillar4153 2 жыл бұрын
@@JosepMotion Thank you! You are a hero!
@Pako679
@Pako679 3 жыл бұрын
do some tutorials abaout glitches :D
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
I've done two already: kzbin.info/www/bejne/rZTPn6SGr7ubhM0 kzbin.info/www/bejne/g4XakGRtqdZ7qNk Might do another one soon!
@Pako679
@Pako679 3 жыл бұрын
@@ManueldoesMotion i now :D i watch everythink with glitches i love them
@siana_nas
@siana_nas 6 ай бұрын
it's doesnt work for me when I copy the code I have a error ligne 6 : substr is not defined I did all you say in the tutorial but i don't find solution :/
@XXsirstrawhatXX
@XXsirstrawhatXX 4 ай бұрын
Hey, when I go to add the expression the text just disappears. What should I do to fix this? Hope you see this.
@ManueldoesMotion
@ManueldoesMotion 4 ай бұрын
Is there an error message?
@kiddu001
@kiddu001 6 ай бұрын
I have some error showing if (F==1 "|" this | is not there in keyboard (i am using windows. Can someone please help me
@matthewryan647
@matthewryan647 9 ай бұрын
I get grid, not the white squares. I can't figure out how you got the square dots instead of a white grid!? Can someone help please! Thanks in advance!
@ManueldoesMotion
@ManueldoesMotion 9 ай бұрын
I added Venetian Blinds twice to a Solid. For one effect, the direction is 0 degrees for the other it's 90 degrees. Transition completion 95%, Width 6.
@thorondor5465
@thorondor5465 2 жыл бұрын
for some reason it was really hard to follow. The rythm of this tutorial. There should be slight pauses or someting. I have to pause every second or I miss it. And mostly you dont say do what and where. Just do this, but with what or where is the option. Might as well follow the video without audio.
@RadamesClemente
@RadamesClemente Жыл бұрын
Greetings @ManueldoesMotion I have read all comments trying to find the solution for "substr is not defined" but I couldn't fix it, rename and all syntax looks good, I am in AE 22.1.1, thank you in advance for your time and effort. BTW: another message in the line 7 shows "error: reference error: substr is not defined" thank you again
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Did you copy and paste the expression from my website? That should work...
@sovux
@sovux 2 жыл бұрын
Hi! Can you tell me how to make an animation not from 1 frame?
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
I would move the layer to where you want the animation to start and add the text without the expression before.
@yigaltoledo7719
@yigaltoledo7719 3 жыл бұрын
Manuel, Great Tut! Unfortunately the expressions dons't work Please fix it.
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
Hi! So sorry! Just fixed it! Should work now.
@kennymagine-rr9yp
@kennymagine-rr9yp 3 жыл бұрын
@@ManueldoesMotion still not working :(
@ManueldoesMotion
@ManueldoesMotion 3 жыл бұрын
Did you name the slider control "speed"? Otherwise it doesn't work...
@yigaltoledo7719
@yigaltoledo7719 3 жыл бұрын
@@ManueldoesMotion Yes I did but after your second response it did work. Thanks Manuel, you are Awesome!
@blacksheepincorporated
@blacksheepincorporated 2 жыл бұрын
@@ManueldoesMotion Hey, I'm having a bit of an issue with the expression as well... I was checking to comments to see if anyone else had the same issue and it has been solved already, but no such luck for me. I made sure to rename the slader control to "Speed", but I'm getting an error message. The issue seems to be with the last line in the expression, the error reads "substr is not defined". Any suggestions?
@Anubiss3301
@Anubiss3301 2 жыл бұрын
0:42 *align to the left, not the right ;)
@Anubiss3301
@Anubiss3301 2 жыл бұрын
4:54 I ran into an issue adding an adjustment layer which just created a white screen - this was caused by the [grid] matte layer which was auto-set to Luma Inverted. Just turn this to 'none' to make the adj layer invisible :)
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Ups :-) Thanks!
@genshinF2Play
@genshinF2Play Жыл бұрын
expression doesnt work for the scrolling. it gives an error. please help im on cc 2021
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
What exactly is the error?
@nathanbrunt390
@nathanbrunt390 2 жыл бұрын
hey, i get an error like this when i put the expression in effect named speed does not exist
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You need to name your slider "Speed". Exactly the same notation as in the expression.
@nathanbrunt390
@nathanbrunt390 2 жыл бұрын
@@ManueldoesMotion cheers dude. big help
@SaschaRobitzki
@SaschaRobitzki Жыл бұрын
It works in 2023, but even though the text is aligned to the left, once I add the expression it's centered again. Any idea why that could happen?
@SaschaRobitzki
@SaschaRobitzki Жыл бұрын
Okay, just did it again and it works now.
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Hi! Awesome! I just opened the project just to make sure it works. Sometimes After Effects is weird:)
@heavensent7183
@heavensent7183 Жыл бұрын
@@ManueldoesMotion This happens to me too, I can't fix it :(
@brilliant_stories
@brilliant_stories 8 ай бұрын
Corrected second expression. (One in description read as a syntax error initially): pos = thisLayer.sourceRectAtTime(time).height; value - [0, pos];
@vladimirnystrom6820
@vladimirnystrom6820 4 ай бұрын
I love you
@johnreed6379
@johnreed6379 20 күн бұрын
Im having an error where it says the substr isnt defined despit having copied the code exactly
@ManueldoesMotion
@ManueldoesMotion 7 күн бұрын
It’s probably the name of your Slider Control that doesn’t match.
@HybridRain
@HybridRain Жыл бұрын
This code doesn't work on future versions of AE. Current version V22.0.
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
I'll probably create a new video on that topic soon...
@p-tronetribe8846
@p-tronetribe8846 Жыл бұрын
it gives me an error when I type in the time*effect section and it says it’s invalid
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
It seems like you left out a semicolon.
@eamontanner6778
@eamontanner6778 2 жыл бұрын
The second version does not work and produces an expression error.
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Some had the same issue and deleted „this“ in the expression.
@tamzidraiyan
@tamzidraiyan Жыл бұрын
The project file isn't free :(
@abdoulmadjidseibou3654
@abdoulmadjidseibou3654 4 ай бұрын
Expression isn't working
@the_wandering_hamster5054
@the_wandering_hamster5054 Жыл бұрын
Slow down that's my advice for a tutorial . . . Thank you still.
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
Thanks for your feedback! I think my newer tutorials are a bit slower.
@TaenyKim23
@TaenyKim23 2 жыл бұрын
Where do you put expression 2?
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
To the source text property.
@TaenyKim23
@TaenyKim23 2 жыл бұрын
@@ManueldoesMotion Yeah I tried to put it but it displays an error. Although the earlier code is working
@puffin20
@puffin20 7 ай бұрын
I copied the code without editing it and still getting an error in substr(0,T) + Fl;. This just doesn't work...
@ManueldoesMotion
@ManueldoesMotion 7 ай бұрын
What’s the error?
@puffin20
@puffin20 7 ай бұрын
@@ManueldoesMotion substr is not a function
@ManueldoesMotion
@ManueldoesMotion 7 ай бұрын
@@puffin20 Did you rename your Slider Control? It needs to be named "Speed" otherwise it doesn't work.
@modapit
@modapit Жыл бұрын
doesn't work?
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
What is the problem?
@modapit
@modapit Жыл бұрын
@@ManueldoesMotion me being slightly stupid 🤣
@dain_sounds
@dain_sounds 2 жыл бұрын
I have the follow Error: substr is not defined. I copied it out of your website
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Did you name the slider control „speed“? Maybe that’s why it doesn’t work…
@yourpaljosh
@yourpaljosh 2 жыл бұрын
@@ManueldoesMotion yes i'm having the same error. Slider is named speed. "error at line 7 in property 'source text' of layer 1. syntax error: invalid or unexpected token."
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
@@yourpaljosh Hi Josh, I just opened a new comp and added the expression to a text layer. I don't get an error message. Syntax error sounds like there is a space missing or too much. E.g. before the semicolon. I am working on Mac and with AE 18.4 btw.
@yourpaljosh
@yourpaljosh 2 жыл бұрын
@@ManueldoesMotion WOW thank you for replying. It was so simple. I labeled my slider "speed" and it HAS to be "Speed."
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
@@yourpaljosh :) So glad you found the error!
@starykanalYT
@starykanalYT 8 күн бұрын
why my venitian blinds are white not BLACK
@ManueldoesMotion
@ManueldoesMotion 7 күн бұрын
Is your solid color white?
@franmini68
@franmini68 11 ай бұрын
Hopefully I didn't pay more than 2$. The download project does not work. Old computer writing is present, with screen ondulation and light effects, but absolutely no mouvement or animation. It seems there is a translation problem with my french release of AE. How desapointing. However, bravo for your projects. They are great!
@ManueldoesMotion
@ManueldoesMotion 11 ай бұрын
Hi! Expressions in After Effects aren’t translated automatically. You need to replace words like „Slider“ with the French word. If you want to use expressions frequently I would recommend switching to the English language version. That might be easier.
@sevaaliyeva1649
@sevaaliyeva1649 2 жыл бұрын
how to rename the effect name?
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
You mean the name of the slider "Speed"? If you rename it in the effects window you have to replace it in the expression as well...
@sevaaliyeva1649
@sevaaliyeva1649 2 жыл бұрын
@@ManueldoesMotion what should i do? i saw you renamed it to “speed” but i can’t
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
@@sevaaliyeva1649 It should work, just click in the field. And you have to be careful and use the exact same writing. I named it “Speed” with an Upper case
@GreySwole
@GreySwole 2 жыл бұрын
expression has error
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
What error?
@GreySwole
@GreySwole 2 жыл бұрын
@@ManueldoesMotion rectTime function doesn't exist
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
@@GreySwole try: "pos = sourceRectAtTime(time).height; value-[0,pos];"
@redmon_
@redmon_ 2 жыл бұрын
@@ManueldoesMotion BRO YOUR THE BEST i just had this error too and this worked tysm
@Analizame_Esto
@Analizame_Esto 2 жыл бұрын
no me funciona el código, ayudaaaa
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
What's the issue?
@Analizame_Esto
@Analizame_Esto 2 жыл бұрын
@@ManueldoesMotion me marca error porque la propiedad Slider falta o no existe
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
@@Analizame_Esto If you don't use the english version of after effects you might have to replace the word "Slider" in the expressions with the name in your language. It might also be that you might a spelling mistake somewhere...
@HB-vq2us
@HB-vq2us 2 жыл бұрын
@@Analizame_Esto en nuestro idioma la palabra "Slider" es "Deslizador".
@iiTudy
@iiTudy Жыл бұрын
It is so annoying every time these videos use expression, they are never provided in the description so you end up copying them by hand and they never work. Also the link to the project file is invalid. Anyway.... a lot of wasted time to watch and then try only to find out the expression doesn't work.
@ManueldoesMotion
@ManueldoesMotion Жыл бұрын
The link works and the expressions work. In which language do you use after effects?
@jbelang
@jbelang Жыл бұрын
You really need to slow down and stop using so many shortcut commands. I am having a lot of trouble following you and producing the same result since you move from one thing to another very quickly and using shortcuts is hard enough to follow for a newbie
@tchoppa3409
@tchoppa3409 3 ай бұрын
this Tutorial is useless when your AE isn't English by default lol
@ManueldoesMotion
@ManueldoesMotion 2 ай бұрын
Expressions aren't translated by default
@Ptmlol90
@Ptmlol90 2 жыл бұрын
This tutorial is wayy to fast, you just click things fast and not explain anything, if you are doing tutorials dont speed run through project
@carlosvalencia2763
@carlosvalencia2763 Ай бұрын
After Effects 2024: Replace the expression at 6:45 with this instead: pos = sourceRectAtTime(time).height; value-[0,pos];
@ManueldoesMotion
@ManueldoesMotion Ай бұрын
Thanks so much!
@TangorVon
@TangorVon Ай бұрын
L = text.sourceText.length; T = (time - inPoint) * effect("Speed")("Slider"); // Calculate the blink interval blinkInterval = 1; // Blink interval in seconds blinkPhase = (time % blinkInterval) / blinkInterval; F = Math.round(T % 16); // Cursor stays visible for half of the blink interval if (blinkPhase < 0.5 || (T < L && T > 0)) { Fl = "|"; } else { Fl = " "; } if (T > 0) { substr(0, T) + Fl; } else { ""; } heres some code for the effect to start whenever the text is placed and i made the blinking a little slower it ran weird on mine, thank chatgpt for the coding
@erikstarander415
@erikstarander415 2 жыл бұрын
Does not work for me with the function. I get this error: this.sourceRectAtTime is not a function
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Try removing „.this“ from the expression…
@erikstarander415
@erikstarander415 2 жыл бұрын
@@ManueldoesMotion thx! fixed it!
@owenhill8562
@owenhill8562 2 жыл бұрын
Im having an error that says "Substr is not defined"
@ManueldoesMotion
@ManueldoesMotion 2 жыл бұрын
Did you name the slider "Speed"?
How to use Character Offset Text Animation - After Effects Tutorial
9:23
Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!
9:49
Texturelabs
Рет қаралды 412 М.
Неприятная Встреча На Мосту - Полярная звезда #shorts
00:59
Полярная звезда - Kuzey Yıldızı
Рет қаралды 7 МЛН
Пробую самое сладкое вещество во Вселенной
00:41
WHO DO I LOVE MOST?
00:22
dednahype
Рет қаралды 74 МЛН
Scrolling hacker text for FUI in After Effects
11:26
After Effects Tutorials w/ Mikey
Рет қаралды 113 М.
Туториал After Effects / CRT стиль / Эффект зомбоящика
12:51
Хохлов Сабатовский
Рет қаралды 36 М.
Make ANYTHING Retro in After Effects
12:30
Ben Marriott
Рет қаралды 796 М.
Animating a Stick Fight in 10 Seconds vs 10 Hours
11:53
CyanSandwich
Рет қаралды 46 М.
ASCII Typography and Grayscale Shader | After Effects Tutorial
9:10
Auto-adjusting blinking cursor | After Effects Tutorial
5:29
Manuel does Motion
Рет қаралды 31 М.
How to create a Hyper Realistic LCD with after effects
6:23
Boutaib Yassine
Рет қаралды 16 М.
Screen Type Effect Davinci Resolve (Tutorial)
6:06
Filmcore Digital
Рет қаралды 7 М.
Complete Intro to Motion Design | FULL AFTER EFFECTS COURSE
2:15:12
This is why you're not getting better at Motion Design.
10:43