I haven't clicked subscribe so fast in a long time, thank you for offering this amazing insight on animating using a variety of methods. Expressions FTW!
@@GeorgieYana So I was using Helvetica in the beginning and when I applied the path animation from one to the other the "I" in "HI" rotated to transform into the thick I is there a reason why? I followed the exact same procedure when I used the MADE font and the I transformed correctly, thanks for your help!
Wish option 3 was more smooth. Option 2 is better looking for sure, but If you have a project with many fonts to cycle through, then it will be a very tedious process - not even to mention if the client have text iterations :D Great tutorial though!
At 6:22, there is a Twitter thread on looping path keyframes from ECAbrams, I can't post the thread in the comments, but he uses the expression in Kbar: valueAtTime(time%key(numKeys).time)
@@GeorgieYana There's also this one from a Adobe Community Support post: if (numKeys >1 && time > key(numKeys).time){ t1 = key(1).time; t2 = key(numKeys).time; span = t2 - t1; delta = time - t2; t = delta%span; valueAtTime(t1 + t) }else value
@@ConorMayling thanks for sharing this Conor. I’m going to give both a go when I’m next at my computer. Who knew I would learn something when posting a tutorial 🤷🏻♀️🤣
Hi, thanks a lot for this tutorial. I probably missed something presumably known for technique 2, as the shape's anchor points of each weight stance do no match each other. The shape starts and ends well, but it shifts very erratically. Any clues about what I might be missing? Thanks!
In case anybody had the shame issue, I just discovered in another tutorial that you must set the same "First vertex" in both start and end stances of the shape. Just select a vertex and right click into "Mask and shape path" to find it. Do it in both stances, for the same vertex, of course. Problem solved :)
Hi Georgie, Thanks for this helpful tutorial. Is there a way in Technique 3 to put a ramp expression so for example the first letter is thin and the last letter is bold or vice versa. Have you got a link to a turorial? That would be helpful. Thanks Cyril
Nice channel, Georgie! I had problems using the letter R. I am doing the second technique. One of the paths for the letter R is acting strange. The shape inside the letter R is twisting instead of "grow". What am I missing here? Thanks a lot.
It might take some fiddling around with the name of your font as you have to have it exactly as it’s read within after effects. If one font weight is wrong it messes up the whole thing
Hi There! Thank you Georgie for sharing these methods! I prefer the third one, and I'd like to step forward to animate the Font sizes (not the scale) too just like the font weights, simultaneously..., the question is, how? I tried a few things, checked codes without good results, though I'm not a coding genius. If you (or someone else) have an idea for this, I'd be really happy! :) Have a nice day, Zsuzsi
This is excellent! thank you. I was wondering if is there a way to animate the font weight but by characters with an expression? Similar to what we can do using the animators to animate scale, position, etc.
Can some one help me.. what mistake I am doing var array=[ "Swis721 Blk BT-Black", "Oswald-Light" ]; r = Math.round(thisComp.layer("Null 1").effect("Slider Control")("Slider")); style.setFont(array[r]);
Definetly something happens to the font and text but... is not showing in the frontend... :( I needed to change the font in a certai position but even the basic, copying and pasting from the description, i not been able to do
Hey Georgie, awesome video! Learnt a lot. For my project the 3rd technique worked the best. But sadly the font weights do not transform as smooth as in your video. Do you know why? It looks like i simply changed the sourcetext to bold and so on :/ would love to hear from you!
Thanks for a great tutorial! I tried the expression technique #3, and received an error regarding "property or method named 'style' in Class 'global' is missing or does not exist." Please advise. Thanks Georgie!
Hi Georgie I have followed your instructions and my file is not working. Here is my code: var array=[ "RobotoFlex-Thin", "RobotoFlex-ExtraLight", "RobotoFlex-Light", "RobotoFlex-Regular", "RobotoFlex-Medium", "RobotoFlex-SemiBold", "RobotoFlex-Bold", "RobotoFlex-ExtraBold", "RobotoFlex-Black", "RobotoFlex-ExtraBlack" ]; r = Math.round(thisComp.layer("Slider Control").effect("Font Weight")("Slider")); style.setFont(array[r]); Can you please check out me code to see if it is correct? Help Mr. Wizard. Lois
I did it! I change the font in certain yPosition UHUuuulll buttt i can't change the size too... Someone knows what i did wrong? x = Math.floor( transform.yPosition ) == 666; z = 12; var array=[ "ArialMT", "Arial-BoldMT", "ArialMT" ]; if(x == true) { r = 1 } else { r = 0 }; style.setFont(array[r]);
if(x == false) { z = 0 } else { z = 12 }; style.setFontSize(18+[z]);
I haven't clicked subscribe so fast in a long time, thank you for offering this amazing insight on animating using a variety of methods. Expressions FTW!
Oh wow! Thanks for those lovely words and for subscribing. I’m already looking forward to releasing my next video ☺️
@@GeorgieYana So I was using Helvetica in the beginning and when I applied the path animation from one to the other the "I" in "HI" rotated to transform into the thick I is there a reason why? I followed the exact same procedure when I used the MADE font and the I transformed correctly, thanks for your help!
@@PopDotArt hhhmm is there any way you could post a picture so I have a clearer idea of what’s happening.
@@GeorgieYana I sent it to your Instagram, my user handle is SnrWilmer so you can grab the gif file I sent
Absolutely I want more tutorials! Great!
Yay so glad you liked it ☺️
All my letters twist and i've followed this step by step
i had the same problem - this is covered in this tutorial if you or anyone still needs to fix czcams.com/video/nRpk-M8qWw0/video.html (:
I've been banging my head off the wall trying to do this and this tutorial is incredible! Thank you so much!
You can add a loop to a path if the key frames are at the beginning of the comp :) it’s a slightly different expression.
Thanks for the tip
You are amazing! Thank you for sharing your knowledge with the world!
So glad you enjoyed my video 😊
I like the second way even many keys
Glad you like it
I saw you on Adobe Live last year been a fan from that day
Aww wow! Thanks so much ☺️
Your methods is the best!
I came across your channel via Instagram 🔥 Subscribed!!! Definitely excited for more of your content!!!
Thanks so much. I’m excited to share more content with you
Thank you so much! Helped a lot!
Wow just found your channel and I am really interested in learning simple title effects like these in AE...thank you.
Glad you enjoyed it
Mind=Blown! Thanks Georgie, eagerly looking forward to more videos!
Thank you 🙏🏼. I’m so excited to release my next one after such a positive response to this one
Wish option 3 was more smooth. Option 2 is better looking for sure, but If you have a project with many fonts to cycle through, then it will be a very tedious process - not even to mention if the client have text iterations :D Great tutorial though!
thank you for sharing this 💙 very informative and inspiring
Thank you so much for this. You're a great tutorialist! So much better than all the others on this topic.
this is heaven. Thank you
Thank you so much. Your tutorials are gold! :)
This was great! Thanks for putting this together. Stoked to see what's next.
Thanks Annabel, so glad you enjoyed it. It makes it all worthwhile hearing comments like this
Great video, I hope you have time to make more at some point!
Thank you. I actually have a new one releasing on Thursday so come back then to check it out 😊
@@GeorgieYana Ah that's sick nice one! Looking forward to it : )
This is magic!!! Thank you!!! Subbed!!
So glad you liked it 😊
Thanks a lot
Thank you so much for this tutorial! It's saved my life
You're very welcome. Glad to hear I've saved your life (although I hope not literally and just figuratively) :)
Wow. Great tutorial. Cheers from Brazil. Keep going ✌
So glad you enjoyed it ☺️
I love you :)))) Definitely excited for more of your content!
Haha thanks! Excited to show you more content ☺️
I loved this mate. Can't wait to see more. You ran through this really well too, easy to understand :)
Thanks for your lovely feedback. I was worried that no one would be able to understand me haha
Thank you! so clear and helpfull!
Excellent tutorial...
Thank you
very cool techniques
was waiting this from a long time !
Yay! I hope you found it useful
Very Useful. Thanks 😄🙏🏻 Subscribed for more tips and tricks 😁
PS: Shutterstock sent me here 😃
Glad you like it 😊
At 6:22, there is a Twitter thread on looping path keyframes from ECAbrams, I can't post the thread in the comments, but he uses the expression in Kbar: valueAtTime(time%key(numKeys).time)
OMG amazing! Thanks so much for sharing, I am looking in to this right now
Hey Conor, do you remember in which tutorial? I knew the expression from Dan Ebberts but I'm thinking it's way more complex than this one!
@@GeorgieYana There's also this one from a Adobe Community Support post:
if (numKeys >1 && time > key(numKeys).time){
t1 = key(1).time;
t2 = key(numKeys).time;
span = t2 - t1;
delta = time - t2;
t = delta%span;
valueAtTime(t1 + t)
}else
value
@@daviddmotionI would share the Twitter thread link, but I can't. If you have Twitter, perhaps I can tag you in it?
@@ConorMayling thanks for sharing this Conor. I’m going to give both a go when I’m next at my computer. Who knew I would learn something when posting a tutorial 🤷🏻♀️🤣
Fantastic!
Mine doesn’t work, it’s making weird pixel in between the morph it doesn’t do a seamless morph
Hi, thanks a lot for this tutorial. I probably missed something presumably known for technique 2, as the shape's anchor points of each weight stance do no match each other. The shape starts and ends well, but it shifts very erratically. Any clues about what I might be missing? Thanks!
In case anybody had the shame issue, I just discovered in another tutorial that you must set the same "First vertex" in both start and end stances of the shape. Just select a vertex and right click into "Mask and shape path" to find it. Do it in both stances, for the same vertex, of course. Problem solved :)
Thank you👍🙏
You’re welcome
brilliant, thanks!
This is so helpful! Thanks so much 💛
So glad you found it helpful. Thanks for watching :)
Hi Georgie, Thanks for this helpful tutorial. Is there a way in Technique 3 to put a ramp expression so for example the first letter is thin and the last letter is bold or vice versa. Have you got a link to a turorial? That would be helpful. Thanks Cyril
Nice channel, Georgie! I had problems using the letter R. I am doing the second technique. One of the paths for the letter R is acting strange. The shape inside the letter R is twisting instead of "grow". What am I missing here? Thanks a lot.
I’m having the same issue 😣
@Demi Akomolafe hey there:) do you know how to do that? I`m still looking for that- thanks!
@Demi Akomolafe You are amazing.
Thanks for the tutorial! but for some reason I can't get the expression to work :/ it changes my font to "times new roman"
It might take some fiddling around with the name of your font as you have to have it exactly as it’s read within after effects. If one font weight is wrong it messes up the whole thing
So so helpful!
So glad I could help ☺️
This is great!
Thanks so much 😊
Cool, but still waiting for native support of variable fonts with keyframeable axes.
Hi There!
Thank you Georgie for sharing these methods! I prefer the third one, and I'd like to step forward to animate the Font sizes (not the scale) too just like the font weights, simultaneously..., the question is, how? I tried a few things, checked codes without good results, though I'm not a coding genius. If you (or someone else) have an idea for this, I'd be really happy! :)
Have a nice day,
Zsuzsi
Amazing techniques. Thanks for sharing them! 🙌🏻 is there a smooth way to change between a regular to italic font?
This is excellent! thank you. I was wondering if is there a way to animate the font weight but by characters with an expression? Similar to what we can do using the animators to animate scale, position, etc.
Does it work with other fonts?
Really nice!! Tks :)
So glad you like it :)
i never used after effects but this tutorial could work with two variation of the same font, regular and compressed?
dope tuts :)
Thank you 😊
i have error code in input style.setFont(array[r]);
can u tell me why , georgie?
Hi, do you think you could make a tutorial on how to create the texture shown in the background of the intro? Thanks!
I’ll think about doing some texture tutorials in the future as I get asked this sort of thing a lot 😊
Brilliant
Thank you
great video. very helpful but I tried it and it did not work well on some fonts
Some techniques don’t work well on some fonts depending on how those fonts have been created. I’d try different techniques for different fonts 😊
@@GeorgieYana 3 months ago but thanks. Really appreciate
Can some one help me.. what mistake I am doing
var array=[
"Swis721 Blk BT-Black",
"Oswald-Light"
];
r = Math.round(thisComp.layer("Null 1").effect("Slider Control")("Slider"));
style.setFont(array[r]);
I have the same issue …
This works great. Do you know a way animate the font weight on letter by letter (like the typewriter effect) using the expressions method?
Definetly something happens to the font and text but... is not showing in the frontend... :(
I needed to change the font in a certai position but even the basic, copying and pasting from the description, i not been able to do
Very nice! Do anyone know if it´s possible to set tracking for each specified font in Option 3?
Hey Georgie, awesome video! Learnt a lot. For my project the 3rd technique worked the best. But sadly the font weights do not transform as smooth as in your video. Do you know why? It looks like i simply changed the sourcetext to bold and so on :/ would love to hear from you!
I had a similar result. Any ideas as to what's different, Georgie?
Is there any way to do option 2 with serif fonts, most I have used don't work
Do you have any idea how to make an expression that uses 24pt as font size, but only let say the 5 last characters of a text use font size 14pt?
how to animate the height and width of a text in ae?
Thanks for a great tutorial! I tried the expression technique #3, and received an error regarding "property or method named 'style' in Class 'global' is missing or does not exist." Please advise. Thanks Georgie!
Make sure you have File>Project Settings>Expressions set to JavaScript.
@@jordijulla That worked! Thank you George John Flame!
@@jordijulla thanks man
How would this work with variable fonts?
Hi Georgie I have followed your instructions and my file is not working.
Here is my code:
var array=[
"RobotoFlex-Thin",
"RobotoFlex-ExtraLight",
"RobotoFlex-Light",
"RobotoFlex-Regular",
"RobotoFlex-Medium",
"RobotoFlex-SemiBold",
"RobotoFlex-Bold",
"RobotoFlex-ExtraBold",
"RobotoFlex-Black",
"RobotoFlex-ExtraBlack"
];
r = Math.round(thisComp.layer("Slider Control").effect("Font Weight")("Slider"));
style.setFont(array[r]); Can you please check out me code to see if it is correct? Help Mr. Wizard. Lois
I did it! I change the font in certain yPosition UHUuuulll buttt i can't change the size too...
Someone knows what i did wrong?
x = Math.floor( transform.yPosition ) == 666;
z = 12;
var array=[
"ArialMT",
"Arial-BoldMT",
"ArialMT"
];
if(x == true) {
r = 1
} else {
r = 0
};
style.setFont(array[r]);
if(x == false) {
z = 0
} else {
z = 12
};
style.setFontSize(18+[z]);
really cool! 💙
Thank you! Glad you like it ☺️