Scale Shape Layer From Corner Without Distorting Roundness

[@rosalynfenton3024]

i still watch this video every 6 months or so - great stuff saved me so much headache!

[@MotionCaddy]

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. 😊

[@jocro8090]

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.

[@woodyoulove-reynaldguibone6890]

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.

[@TheThebeep]

Adobe more is focused on AI crap than on real usable tools for designers.

[@Dargolan]

Very good, thanks!

[@sturmx96]

Thank you, adobe made everything to complicate every easy little step.

[@MotionCaddy]

Glad it helped!

[@woodyoulove-reynaldguibone6890]

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.

[@petercarley9260]

thank you for doing Adobe's job for them! this is seriously helpful.

[@MotionCaddy]

You're very welcome!

[@qianzhang2177]

How can I move the anchor to top middle?

[@eunikadesign]

really helpful, thanks Bro..

[@vishnupanchal6215]

Bro you saved my life you should get an Oscar for this

[@MotionCaddy]

Haha, thanks a lot! I’m really glad I could help. Your words mean a lot! 🎬😊

[@vfxdavon]

love you bro... This tutorial video means a lot to me ❤

[@MotionCaddy]

Thanks! Glad the tutorial was helpful for you 😊

[@eduardoolinda]

Thank you very much

[@MotionCaddy]

You are welcome!

[@lilu8208]

thank you!!

[@MotionCaddy]

You're welcome!

[@Anuz666]

is there any way anchor point in center

[@Kiki-rg7ds]

save my life....thank you ㅠㅠㅠㅠㅠ

[@teenyverses]

really helpful, thanks! is there any way to get the anchor point mid way between corers (like the side of the rectangle?)

[@MotionCaddy]

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]

[@nidow]

Thank you very much !!!😁

[@MotionCaddy]

You're welcome!

[@yann.visuals]

Is this still the way to do it or is there a better way since?

[@TinyTakes-]

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?

[@MotionCaddy]

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!

[@olgakozlova1981]

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 😀

[@quoc238]

I wanted this as well and just figured it out! w = content("Rectangle 1").content("Rectangle Path 1").size[0]; h = content("Rectangle 1").content("Rectangle Path 1").size[0]; [w/w, h/h]

[@AMANandDESIGN]

LOVE IT - FIRST KZbin COMMENT :)

[@姜刘]

Thank you!

[@Ayra_Mehrish]

Hi, Thanks for the tutorial.. what if I want the anchor to be top centered?

[@jamskof]

nightmare!

[@MotionCaddy]

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]

[@Ayra_Mehrish]

@@MotionCaddy thank you, will try it :)

[@guirs99]

@@MotionCaddy I was for this one also, thanks man 🙌 it worked

[@usermdesign1003]

Thanks a lot... very helpful!! this saves me a lot of time.😁

[@woodyoulove-reynaldguibone6890]

Lol. Very time consuming for just a very simple detail. This should just be a checkbox option.

[@dalilamercuri2112]

Davvero molto utile, grazie davvero mi hai svoltato la giornata!

[@MotionCaddy]

I’m glad you found it useful! Thanks for the kind words and I’m happy to have helped! Grazie!

[@oleh6781]

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 🙏

[@MotionCaddy]

Totally get it-Adobe can be a real head-scratcher! 😅

[@Lucas-l2a]

thats cool thanks!

[@urryou]

but i don't get it 🤔 that undesired deformation happens only when you change scale property of a layer or shape, but in your example you changing size property not scale, and changing size property working fine without expression it will not stretch the rounded corners, so what for this expression exactly? in first i thought this video about changing scale property and it will not be stretching rounded corners, could you please explain?

[@flyingfishdesign62]

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!

[@ИванИванов-к7ю8о]

Thank you so much! This was very helpful!!!

[@aarrasmikael]

thank you thank you thank you!

[@AgustinFioriti]

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

[@Erfunframe]

Thanks a lot

[@polinae8976]

Thank you a lot!

[@margodegraaf]

Really helpful, thank you so much

[@VidarrKerr]

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!

[@MotionCaddy]

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!

[@henriquevieira857]

How can I move the anchor to top middle????

[@MotionCaddy]

This should do it: // Top Middle w = content("Rectangle 1").content("Rectangle Path 1").size[0]; h = content("Rectangle 1").content("Rectangle Path 1").size[1]; [w/w, h/-2] Hope that helps!

[@STUDIOMOTIV]

Amazin thanks!

[@lushprod]

nice ! and diagonal?

[@woodyoulove-reynaldguibone6890]

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.

[@MotionCaddy]

I hear you-having built-in options for these features would definitely make things easier!

[@EmmaKoopstra]

i need this but for photoshop

[@nahuelfantino]

subscribed

[@mattbarb101]

Err I cant get the expression to work in AE 2024 Menthod name incorrect when it isnt

[@nearyung6052]

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.

[@HerbertBDDL]

@@nearyung6052 thanks, this works for AE2024

[@radnetro]

How do you do this with middle left?

[@4ngles]

Same question here

[@jamskof]

you dont. its illegal

[@MotionCaddy]

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]

[@Abdo.A]

Don't mean to put you down but I thought you figured a way to control that from the scale property

[@presencefeeling]

I found a simpler way. Just change the dimensions in the properties panel. So you avoid expresions. Then you can scale proportionaly.

[@liamsi75]

Indeed that works perfectly.

[@TinyTakes-]

@@liamsi75 It still distorts the roundness even when I use the properties panel by only Scaling the X.

[@liamsi75]

@@TinyTakes- Try changing the size of the object in the control panel, not the scale.

[@TinyTakes-]

@@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 :(

[@nikyabodigital]

I hope AE ads 1 click bottom field under anchor point like..... "top bottom or that shi" but this is a good solution

[@jamskof]

shape layers even have an anchorpoint in transform yet it doesnt work with this!?!

[@sylvesterabba7882]

awesome

[@DmitrijPaskevic]

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!

[@adamcoppock5018]

Thanks for the video, another example of terrible UX from Adobe. "Designed by engineering to be used by creators"

[@AliAdams-ng4wd]

adobe is so behind i hate them

[@elnino4445]

Just make it in illustrator and put it as a png

[@jamskof]

that made no sense whatsoever