It's good to know there's a way around this, but Adobe really should have something this simple set up in such a way that it doesn't require an expression to work. I mean is there any situation in which you want rounded corners to get distorted by scaling? It just looks bad.
Right? I think most of the people wanted square corner to be maintain the roundness, why it needs to be a second option. And to think that you need to do a coding to be able to access this. Time consuming for such a small detail.
Right? I think most of the people wanted square corner to be maintain the roundness, why it needs to be a second option. And to think that you need to do a coding to be able to access this. Time consuming for such a small detail.
Finally I've found that sollution! Thank you! Thank you! Thank you! It worked! If there is a way to place anchor at the middle of the shape let me know please 😀
Yes this is possible. Depending on which side you would like your anchor point the expressions would look this this: // Left Side w = content("Rectangle 1").content("Rectangle Path 1").size[0]; h = content("Rectangle 1").content("Rectangle Path 1").size[1]; [w/-2, h/h] // Right Side w = content("Rectangle 1").content("Rectangle Path 1").size[0]; h = content("Rectangle 1").content("Rectangle Path 1").size[1]; [w/2, h/h] // Top Side w = content("Rectangle 1").content("Rectangle Path 1").size[0]; h = content("Rectangle 1").content("Rectangle Path 1").size[1]; [w/w, h/-2] // Bottom Side w = content("Rectangle 1").content("Rectangle Path 1").size[0]; h = content("Rectangle 1").content("Rectangle Path 1").size[1]; [w/w, h/2]
this has bugged me for ages, why does it need an expression? Shame Adobe, you should be able to change the location of a shape anchor point, just like the layer anchor point. Thank you, nicely done!
I want to change the Shape Layer using multiple anchor points, example: I will adjust the from TOP LEFT and then I want to adjust from TOP RIGHT how would I do that? If the anchor point is locked only in one direction?
Unfortunately, dynamically changing the anchor point for scaling in different corners can be quite complex. While a more advanced expression could adjust the anchor point, you’d also need to adjust the shape’s position accordingly, as it shifts based on the anchor point. A simpler approach might be to create multiple shapes with their anchor points set in different corners. You can then switch between these shapes seamlessly depending on where you need to scale from. This way, you can control the scaling from various points without having to constantly adjust the anchor point and position. Hope this helps!
Why this option needs to be coded? They should have done it already on their end just create a checkbox inside the shape layer or content if we want to this option or not.
How can you scale it and keep the proportions when using one of the "dots" in the corners? When you scale it with the slider, or by typing, with the proportion locked, it scales proportionally. But if you try to scale it with one of the corner dots, it doesn't keep the proportions. THANKS for this VIDEO!
Hi there! Glad you enjoyed the video! 😊 To keep the proportions when scaling a shape layer using the corner "dots" (bounding box handles), you'll want to hold down the Shift key while dragging. This forces After Effects to maintain the aspect ratio as you scale the shape manually. Alternatively, if you prefer to scale proportionally by typing in values, make sure the "Constrain Proportions" lock icon is enabled in the Transform settings or in the Scale slider. This ensures that the width and height scale together when you adjust one value. Hope this helps! Let me know if you have any more questions!
Holy Jesus! Why does it have to be so complicated? I want Figma to develop a modern alternative to After Effects. It’s such a pain to use Adobe products-they’re such dinosaurs! Thanks for tutorial 🙏
I can't get the expressions to work on my AE 2024 as well. but then I realize if I simply adjust the "size" value under the "rectangle path 1" tab. it won't mess up the roundness of the shape.
Hi, copy and paste this expression into the shape's anchor point and it will be aligned to the left center: w = content("Rectangle 1").content("Rectangle Path 1").size[0]; [w/-2, 0]
When I stumble upon these situation I keep thinking to myself..Why am I paying Adobe for this half-assed peace of crappy software? Like, instead of shoving AI into every corner of your apps, how about you bring some QOL improvements yo the UI?? Like, the millions of plugin that are created for AE are just a testament to how shit your app is. Also, thank you so much for this video!
To center the anchor point all you would need to do is change one of the outputs to a '0'. For example, to center it to the top, just change the 'w' output to a '0'. You can even delete the first line as it is no longer used: h = content("Rectangle 1").content("Rectangle Path 1").size[1]; [0, h/-2] To center to the left: w = content("Rectangle 1").content("Rectangle Path 1").size[0]; [w/-2, 0] To center to the right: w = content("Rectangle 1").content("Rectangle Path 1").size[0]; [w/2, 0] To center to the bottom: h = content("Rectangle 1").content("Rectangle Path 1").size[1]; [0, h/2]
i still watch this video every 6 months or so - great stuff saved me so much headache!
Wow, I’m glad to hear the video is still helpful for you! Thanks for the kind words, and I’m happy it’s saved you some headaches. 😊
It's good to know there's a way around this, but Adobe really should have something this simple set up in such a way that it doesn't require an expression to work. I mean is there any situation in which you want rounded corners to get distorted by scaling? It just looks bad.
Right? I think most of the people wanted square corner to be maintain the roundness, why it needs to be a second option. And to think that you need to do a coding to be able to access this. Time consuming for such a small detail.
Thank you, adobe made everything to complicate every easy little step.
Glad it helped!
Right? I think most of the people wanted square corner to be maintain the roundness, why it needs to be a second option. And to think that you need to do a coding to be able to access this. Time consuming for such a small detail.
Very good, thanks!
thank you for doing Adobe's job for them! this is seriously helpful.
You're very welcome!
Bro you saved my life you should get an Oscar for this
Haha, thanks a lot! I’m really glad I could help. Your words mean a lot! 🎬😊
Thanks a lot
Finally I've found that sollution! Thank you! Thank you! Thank you! It worked! If there is a way to place anchor at the middle of the shape let me know please 😀
Thank you!
thats cool thanks!
Thanks a lot... very helpful!! this saves me a lot of time.😁
Lol. Very time consuming for just a very simple detail. This should just be a checkbox option.
How can I move the anchor to top middle?
save my life....thank you ㅠㅠㅠㅠㅠ
really helpful, thanks! is there any way to get the anchor point mid way between corers (like the side of the rectangle?)
Yes this is possible. Depending on which side you would like your anchor point the expressions would look this this:
// Left Side
w = content("Rectangle 1").content("Rectangle Path 1").size[0];
h = content("Rectangle 1").content("Rectangle Path 1").size[1];
[w/-2, h/h]
// Right Side
w = content("Rectangle 1").content("Rectangle Path 1").size[0];
h = content("Rectangle 1").content("Rectangle Path 1").size[1];
[w/2, h/h]
// Top Side
w = content("Rectangle 1").content("Rectangle Path 1").size[0];
h = content("Rectangle 1").content("Rectangle Path 1").size[1];
[w/w, h/-2]
// Bottom Side
w = content("Rectangle 1").content("Rectangle Path 1").size[0];
h = content("Rectangle 1").content("Rectangle Path 1").size[1];
[w/w, h/2]
Davvero molto utile, grazie davvero mi hai svoltato la giornata!
I’m glad you found it useful! Thanks for the kind words and I’m happy to have helped! Grazie!
Thank you so much! This was very helpful!!!
this has bugged me for ages, why does it need an expression? Shame Adobe, you should be able to change the location of a shape anchor point, just like the layer anchor point. Thank you, nicely done!
I want to change the Shape Layer using multiple anchor points, example: I will adjust the from TOP LEFT and then I want to adjust from TOP RIGHT how would I do that? If the anchor point is locked only in one direction?
Unfortunately, dynamically changing the anchor point for scaling in different corners can be quite complex. While a more advanced expression could adjust the anchor point, you’d also need to adjust the shape’s position accordingly, as it shifts based on the anchor point.
A simpler approach might be to create multiple shapes with their anchor points set in different corners. You can then switch between these shapes seamlessly depending on where you need to scale from. This way, you can control the scaling from various points without having to constantly adjust the anchor point and position.
Hope this helps!
Hi, Thanks for the tutorial.. what if I want the anchor to be top centered?
nightmare!
This should work for the anchor point to be top and centered:
h = content("Rectangle 1").content("Rectangle Path 1").size[1];
[0, h/-2]
@@MotionCaddy thank you, will try it :)
@@MotionCaddy I was for this one also, thanks man 🙌 it worked
Thank you a lot!
Why this option needs to be coded? They should have done it already on their end just create a checkbox inside the shape layer or content if we want to this option or not.
I hear you-having built-in options for these features would definitely make things easier!
thank you thank you thank you!
How can you scale it and keep the proportions when using one of the "dots" in the corners? When you scale it with the slider, or by typing, with the proportion locked, it scales proportionally. But if you try to scale it with one of the corner dots, it doesn't keep the proportions. THANKS for this VIDEO!
Hi there! Glad you enjoyed the video! 😊
To keep the proportions when scaling a shape layer using the corner "dots" (bounding box handles), you'll want to hold down the Shift key while dragging. This forces After Effects to maintain the aspect ratio as you scale the shape manually.
Alternatively, if you prefer to scale proportionally by typing in values, make sure the "Constrain Proportions" lock icon is enabled in the Transform settings or in the Scale slider. This ensures that the width and height scale together when you adjust one value.
Hope this helps! Let me know if you have any more questions!
Is there a way to apply this but with a linear shape instead of a rectangle? If I stretch the X value, the rounder cap gets deformed
Holy Jesus! Why does it have to be so complicated? I want Figma to develop a modern alternative to After Effects. It’s such a pain to use Adobe products-they’re such dinosaurs!
Thanks for tutorial 🙏
Totally get it-Adobe can be a real head-scratcher! 😅
Really helpful, thank you so much
Amazin thanks!
Don't mean to put you down but I thought you figured a way to control that from the scale property
subscribed
nice ! and diagonal?
Err I cant get the expression to work in AE 2024 Menthod name incorrect when it isnt
I can't get the expressions to work on my AE 2024 as well.
but then I realize if I simply adjust the "size" value under the "rectangle path 1" tab.
it won't mess up the roundness of the shape.
I found a simpler way. Just change the dimensions in the properties panel. So you avoid expresions. Then you can scale proportionaly.
Indeed that works perfectly.
@@liamsi75 It still distorts the roundness even when I use the properties panel by only Scaling the X.
@@TinyTakes- Try changing the size of the object in the control panel, not the scale.
@@liamsi75 I tried doing that first, but it doesn't go to where your anchor point is at, which is what im trying to do :(
i need this but for photoshop
I hope AE ads 1 click bottom field under anchor point like..... "top bottom or that shi" but this is a good solution
How do you do this with middle left?
Same question here
you dont. its illegal
Hi, copy and paste this expression into the shape's anchor point and it will be aligned to the left center:
w = content("Rectangle 1").content("Rectangle Path 1").size[0];
[w/-2, 0]
shape layers even have an anchorpoint in transform yet it doesnt work with this!?!
awesome
When I stumble upon these situation I keep thinking to myself..Why am I paying Adobe for this half-assed peace of crappy software? Like, instead of shoving AI into every corner of your apps, how about you bring some QOL improvements yo the UI?? Like, the millions of plugin that are created for AE are just a testament to how shit your app is. Also, thank you so much for this video!
what if you want the anchor to be centered?
just delete 3rd line
To center the anchor point all you would need to do is change one of the outputs to a '0'.
For example, to center it to the top, just change the 'w' output to a '0'. You can even delete the first line as it is no longer used:
h = content("Rectangle 1").content("Rectangle Path 1").size[1];
[0, h/-2]
To center to the left:
w = content("Rectangle 1").content("Rectangle Path 1").size[0];
[w/-2, 0]
To center to the right:
w = content("Rectangle 1").content("Rectangle Path 1").size[0];
[w/2, 0]
To center to the bottom:
h = content("Rectangle 1").content("Rectangle Path 1").size[1];
[0, h/2]
Thanks for the video, another example of terrible UX from Adobe. "Designed by engineering to be used by creators"
adobe is so behind i hate them
Just make it in illustrator and put it as a png
that made no sense whatsoever