Responsive Animation in After Effects | Tutorial
Learn how to create motion graphics especially for social media ►domestika.sjv.io/ZQrEe0 Get an extra 10% off of courses with the code MANUEL_DOES_MOTION-10
In this After Effects tutorial, I’ll show you how to create a responsive transition which automatically adapts to any comp size, using expressions, like the linear expression, the sourceRectAtTime expression. And we'll pin an Anchor Point to the layer centre.
► Download the project file here: gumroad.com/manueldoesmotion
Content:
0:00 Intro
0:32 Shape size depends on comp size
1:43 Position and comp width
2:13 The linear expression
2:52 Animating with the linear expression
3:55 Motion graphics especially for social media
4:30 Animating the transition
6:50 Adding text
8:08 Animating the text
10:03 Outro
Some of these links are affiliate links. By purchasing through this link I earn some money at NO extra cost to you. It’s a Great way to support my channel! Thanks!
► Software: Adobe After Effects 22 (I use the "Default" Workspace in my tutorials)
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
Пікірлер: 40
This is so over my head but you do a great job of breaking it down step by step!
@ManueldoesMotion
Жыл бұрын
Hey that's great to hear! Thanks very much!
Thank you so much😃 Great lesson. I wish you success in everything!
@ManueldoesMotion
8 ай бұрын
Thanks very much! You’re so welcome!
U needed more views and like...u r a Good editor..
@ManueldoesMotion
Жыл бұрын
Thanks very much!
You have some of the most useful KZread videos on AE expressions! Thank you so much, pretty much an instant subscribe from me =)
@ManueldoesMotion
Жыл бұрын
Hey that’s great to hear! Thanks for the sub!
Great content, as usual! Thanks
@ManueldoesMotion
Жыл бұрын
Awesome! Glad u like it!
thank you, great video tut
@ManueldoesMotion
Жыл бұрын
Glad u like it!
This saves a lot of time! I always to create content for social media in different sizes, gonna try this
@ManueldoesMotion
Жыл бұрын
That's awesome! Go for it!
You are a amazing mentor
@ManueldoesMotion
Жыл бұрын
Thanks very much!
Great
@ManueldoesMotion
Жыл бұрын
Thank you!
Manuel...just amazing! More words from me...have opacity =0 Thank you so much for sharing these sort of scary things in Ae! ❤
@ManueldoesMotion
Жыл бұрын
You’re so welcome! Glad u like it!;)
@CatalinGulan
Жыл бұрын
@@ManueldoesMotion of course I love it and please if you can make me any recommendation with regard to a good Ae Expressions Book/Manual..I will highly appreciate! Thank you in advance!
Hey, thank you very much. That looks amazing. It would be interesting to see how you could do the same thing, but using pre-compos in After Effects. Unlike shapes, they don't have some parameters like "size", and something like that would be very useful when you want to create a customizable template for a client (I mean, you need a separate precomposition for text, just like for media files).
@ManueldoesMotion
Жыл бұрын
You're welcome! You could do that. You would have to link the scale of the precomp to the size of the main comp. But you probably would have to link the content of your precomp to a comp size as well. Otherwise it wouldn't adapt.
@motionthunder
Жыл бұрын
@@ManueldoesMotion Thank you for your reply. Yes, that's the problem, I'm not very good at expressions, so at some level the algorithm breaks down and I don't really understand what exactly and at what stage I'm doing wrong. Perhaps this will be an idea for the second part of a similar video. I follow your channel, man, and I like it more than any other on the topic of motion design. Keep up the good work! ;)
Amazing. I didn't even know you could grad the size of the comp. If only there was a way to edit the size of comps with expressions
@ManueldoesMotion
Жыл бұрын
Thanks very much! Maybe there is?:) I am not entirely sure…
@Gasconauxolives
Жыл бұрын
That would be a script then. Expressions can only affect layer properties. IMO .
awesome tutorial brother, and How to convert Universal Expression or Not Need Universal Expression for Export as a mogrt file
@ManueldoesMotion
11 ай бұрын
Maybe this helps: www.mnn.org/blog/how-create-mogrt-after-effects-use-premiere
@VINOTHRAJ96
11 ай бұрын
@@ManueldoesMotionThanks brother, Can you make video about "Universal Expressions"
👍
@ManueldoesMotion
Жыл бұрын
Thanks!
How to convert this to " Universal Expression "
Just GREAT! Thanks man amazing "trick" greetings from Argentina 💞
@ManueldoesMotion
Жыл бұрын
You're welcome! So glad u like it!
Thanks for this Manuel! I found you can condense the first expression even more with //[thisComp.width,thisComp.height]; Although I do not know if it would have any limitations if you do it was fun to discover nonetheless.
@ManueldoesMotion
Жыл бұрын
Hey you're welcome! I think it should work to condense it. I prefer to use variables just because the code is easier to read. And it is easier to explain.
@michaelmcmahon7274
Жыл бұрын
@@ManueldoesMotion Very good point. Thanks again Manuel.
@michaelmcmahon7274
Жыл бұрын
If I may ask a question? If you wanted the shape layer (SL) to not only be delayed but also add elasticity to the other shape layers i.e. shape layer 1 moves from left to right then seemingly shape layer 2 as if it were connected with a rubber band and then catches up to SL 1 right at the edge and so on with the other SL's. Is this possible through expressions?
@ManueldoesMotion
Жыл бұрын
@@michaelmcmahon7274 There are Ease expressions. It's like adding Easy Ease, Ease In or Ease Out to keyframes. Maybe you can add the result of the linear expression to an Ease expression to adjust the animation speed?