Random Letter Styles in After Effects | Tutorial
Vložit
- čas přidán 20. 07. 2024
- ► Get your free expressions sheet: bit.ly/expressions-cheat-sheet
► Learn how to animate with expressions in After Effects: bit.ly/expressions-in-ae
In this After Effects tutorial, I show you how to assign random fonts and styles (out of a list) to single letters. Using basic expressions and the type tool.
Content:
0:00 Overview
0:14 Setting up the text and font list
3:30 Separating and animating the letters
7:04 Animating with expressions in After Effects
7:45 Randomly picking fonts out of the list
9:37 Adding more details to the letters
12:12 Outro
► My After Effects Courses + Resources:
bit.ly/ae-courses
► My After Effects Project Files:
gumroad.com/manueldoesmotion
► Follow my Socials:
Instagram: / manueldoesmotion
TikTok: / manueldoesmotion
Some of my links are affiliate links. By purchasing through these links I earn some money at NO extra cost to you. It’s a Great way to support my channel! Thanks!
#aftereffectstutorial #animation #motiondesign
WOW, i've been a motion graphics artist for over 10 years, I did not know about adjusting the space between letters using the option key and arrows!! THANK YOU for the tip!
You’re so welcome! Glad the video was helpful!
@@ManueldoesMotion You have wonderful tutorials, thank you for everything you do!
WoW Cool effect! 👌
Thanks!! 😊
Manuel, your After Effects tutorial is incredibly informative and well-structured. Can you share some additional creative ways in which expressions can be applied to text animations in After Effects, and how these techniques can enhance motion graphics projects?
Thanks!! Here’s a playlist: Animating with expressions in After Effects
czcams.com/play/PLXBrSY-3cIv0h_c1YiDNudDhpiKG--WwO.html
It seems reminiscent of the title sequence from Loki. I made an attempt to recreate it in the past but wasn't successful. However, I'll give it another shot after following this tutorial.
The tutorial is visually appealing, and Manuel makes good use of screen recordings to demonstrate the steps involved. Thanks!
I enjoy this video because I love creative fonts!
@@CyrineZee That’s awesome!
love the tutorial!, I do have a question, if I want to you 12frames as opposed to a full second what expression would I replace Math.round to? Thank you!
Why 12 frames? There is no replacement for the Math.round expression.
i would buy your awesome tutorials but i live in argentina :( keep on teaching this way!
Also having the formatting issue after adding the expression on the source layer like others have mentioned. Any tips?
I think it might depend on the fonts you use... Do you use fonts from Adobe?
This is an awesome tutorial and I'm learning a lot from you. But I'm STUCK on the last part of the expression i keep getting an error on the last line. "text.sourceText.getStyleAt" is not a function. I have all the semi-colons in the right spaces. This effect is really something I want for my this project I'm working on and would love to figure this out. Any advice would be appreciated! Cheers!
One reason could be that in your project settings, under expressions, the Java Script engine isn't set to "Java Script". Have you downloaded the project file to see if there's any difference to your expression?
@@ManueldoesMotion Wow! That worked! Thank you so much for the tip. I haven't been really active in AE for a few years and I was never skilled with expressions. The only problem now, is when I duplicate the layer to display each letter of the word, the spacing is way off from the grid lines I set up prior. I made sure to tweak the spacing between each letter for each keyframed font. Is there something I'm doing wrong there? Again thank you and appreciate the time you've taken to reply to me and others!!
Awesome tutorial, and by far the only one I could find that shows how to do this animation. I'm struggling a bit on the very last line of the source text expression (8:48) that ties it all together. The moment I add that line, my letters start moving positions haphazardly, sometimes overlapping other letters. Off the top of your head, what do you think could be causing this?
Is it all the fonts? Do you use fonts from Adobe?
@@ManueldoesMotion All the fonts are downloaded straight from Adobe fonts, and yeah, all the fonts are acting that way. Haven't seen anyone else with this issue though so the problem must be on my end.
@@tootmoot00 Maybe… In the project settings. Is your expression engine set to Java script?
@@ManueldoesMotion YES!! That's it. My God. Hours of my time because of a simple button. Thank you so much Manuel. You got yourself a forever follower. I really appreciate your time on this.
@@tootmoot00 So glad it worked out! 👏🏻
hello can you tell me why the index changed when we add a new adj layer? thank you
The top layer has the index number 1. If the layer moves down it has the index number 2. So the value changes.
@@ManueldoesMotion got it , thank you sir
is there any way to save this as an animation preset?
I think you could export it as essential graphics and save it as template.
Hey, This is an awesome tutorial, but im having issues with the justifications of the letters. Whenever i duplicate the layer after i do everything you do, all of my letters are jumbled and the sizing and kerning doesnt stay the same... Am i missing somehting?
Thanks! Did you change units to index in the advanced settings?
@@ManueldoesMotion I got this same issue. I figured out that without the code on the Source Text property the kerning is fine, but when I apply the expression on the Source Text property the specific kerning for each text style is messed up.
same issue 🥲 any solutions? 🙏
@@kebo7738 I have the same issue. Has anyone find any solution?
I foun a workaround. don't if its the best. I found that if I set the kerning to 0 and manually adjust the tracking inbetween letters that when activating the expression on the Source Text Property the letters don't move around so much.
The Var S = Match expression resets all the alignment. It makes the subsequent letters go all over the place, what am I doing wrong?
any luck? i am stuck with the same issue
this was a long workaround, but i got rid of the source expression that was causing the issue and then duplicated the layers and offset them so that different characters were appearing on each layer. then i set it to loop
💖
Thanks!
looks like loki title sequence..i tried and failed to replicate it before i will try again after this tutorial
Yes! You should try again!
I am getting an error saying this project contains an expression 1 of 1
Are you using a different language version?
@@ManueldoesMotion no I am using the English language version
I have wrote the expression 20 times correct ....but it still doesn't work
@@arjunpurty6590 In the project settings, have you set the Expressions Engine to Java Script?
Hello, I used AE v16. and then i cant use the script for "text.sourceText.getStyleAt". cause it have a warning likes "Property or method named ‘sourceText’ in Class ’group’ is missing or does not exist", do you have an solution for this? or i need to be using at least After Effects v17 or above for use this script?
It seems like you forgot a semicolon at the end of a line.
Estou com o mesmo problema e coloquei o ponto e virgula no final
Conseguiu a solução??
I have the same problem, I should convert the expression into java extended scripts but I'm not capable, help!