ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Abstract Shapes Animation | After Effects Tutorial
ฝัง
- เผยแพร่เมื่อ 15 ส.ค. 2024
- In this After Effects tutorial, I'll show you how to animate these abstract shapes. We'll use expressions to position anchor points, Null objects for the rotation and some more tricks.
► Download the project file here: gumroad.com/ma...
Content:
0:00 Intro
0:20 Creating the first shapes
1:24 Animating the beginning
3:45 The big shape
7:00 The small shape
8:26 Animating the end part
9:36 Outro
► Software: Adobe After Effects 22 (I use the "Default" Workspace in my tutorials)
► I use music from @artlist: artlist.io
► I use footage from @artgrid: artgrid.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.manueldoes...
► behance: www.behance.ne...
#aftereffectstutorial #animation #motiondesign
Fantastic stuff Manuel, thank you for sharing this! One tip for anyone who (like me) tried to change the timing of the animation and ended up with misaligned circles for no apparent reason - after you add the expression fixing the anchor point to the slide of the circle *don't slide that shape layer left or right in the timeline*, because it will mess with how sourceRectAtTime() works. Move the keyframes and adjust the start and end point of the layer instead.
Hey thanks very much for that important tip! You're absolutely right! I make that mistake every time before I remember to only move the keyframes, not the layer itself:)
Plis keep on making this type of videos,it really helps us to learn,thank you
That’s great to hear! You’re welcome!
I really like your tutorials!!
The quality is great and you can teach really good!
Keep grinding😁
Thanks very much! More to come!
Manuel-thank you as always for so generously sharing your knowledge!
You’re so welcome!
Thank you
I learn a lot from you
Glad to hear that! You're welcome!
thank you Manuel
No problem. You’re very welcome!
Very good Manuel! thanks a lot for your work!
You’re welcome! So happy u like it!
Thank you so much, this video is super helpful for me 👍
That’s awesome! You’re so welcome!
Amazing!!!
You help me a lot. Thank you!
That’s awesome! You’re very welcome!
Thanks Manuel. 🍀💫❤👏🏻
Hi Alan! You’re very welcome!
@@ManueldoesMotion Thank you... my dear friend. 🙏🏻🍀❤💫
amazing!
Thanks very much!
wow thanks!! very good
Thanks very much! Glad u like it!
Luv from Pakistan's KASHMIR. 😍
😊✌🏻
I searched a lot for this kind of work but I have not been able to find anyone till today. I will be very happy to see your work today. Please make three or four videos a week...
Plz don't go anywhere. I really like your work. I will never let you go. You are my Big Boss😘.
Would you mind clarifying why you're using expressions to set the anchor point, instead of just setting it yourself? Is it because this allows you to change the achor point at will with keyframes, so you don't have unwanted animations? Or is it just personal preference you always do?
The expression automatically fixes the anchor point to a certain point of the shape no matter of its size or position. It would be possible to do that with keyframes but it would be a lot more work to get that right. I don’t use a lot of expressions but it makes things much easier in this case.
Nice
Thanks very much!
Hey Manuel! Another great one, can you please clarify that expression. I'm trying to break it down, but it still isn't clear yet;
*A=sourceRectAtTime();*
*[A.left + A.width, A.top+height/2]*
Hey Alex! SourcerectAtTime is great to position your anchor point. A is the variable which replaces it in the expression actual expression. Which means the anchor point sits on the right edge: Left corner + all the width of the shape. Then from the top down half the way. So the anchor point ends up in the Centre of the right edge.
Here’s a helpful link: www.schoolofmotion.com/blog/anchor-point-expressions-in-after-effects
@@ManueldoesMotion Thank you)
You swear to your mother, father, siblings wife, children that you do not stop to teach us. we want to learn this motion graphics from you. 🙏🙏🙏
Thanks very much! So happy you like it!
👏👏👏👏
Thanks very much!
How to fix the anchor point to the top of shape with expression?
I explain it in this video:
th-cam.com/video/m6N13ENrSkU/w-d-xo.html
expression please
I'm getting an error trying to write this code "A=sourceRectAtTime();
[A.left+A.width,A.top+A.height/2]'"
What is the error message?
@@ManueldoesMotion I forgot to take a screenshot. but I download your files and copy the code from your files.
Hi, can someone explain me why when I apply the expression on the Shape Anchor point 2:28 the circle goes to the top of the composition?
Did you apply the expression to the anchor point property?
@@ManueldoesMotion Yes. I've been trying to figure it out, because it's intriguing me, where am I missing? I've got some basic knowledge of AE but I'm not good at expressions. If I discover where the problem is, I'll make you know. Thanks for your feedback
@@alexfreedomroad Awesome! That's how you learn most. I've spent nights to figure out why stuff didn't work the way I wanted it to... It could be a lot of things;-) Maybe you scaled the layer instead of reducing the size of the path? Can you move it back to the centre and it stays there?
@@ManueldoesMotion Hi Manuel. I've found the solution studying the expressions on the link from School of Motion you provided on another comment and making a mix with your expression on the tutorial. That's what I came up with, and it worked!
a = thisComp.layer("centre").sourceRectAtTime();
height = a.height;
width = a.width;
top = a.top;
left = a.left;
x = left + width;
y = top + height/2;
[x,y];
@@alexfreedomroad That's awesome!
First
👏🏻👏🏻
Btw you’re tutorials was really helpful!
@@Marforaep That’s great to hear! Thank you!