-
Keyframe scale rounded rectangle from anchor point (just y axis) and not from the centre
Hi there,
I want to keyframe the scale of a rounded rectangle in the y direction from the anchor which I set to the bottom of the rectangle to preserve it’s roundness and so that it just grows in height. However when I change the y-size under Rectangle Path 1 > Size it still grows from the centre in both y directions (up & downwards). When I go to Transform > Scale (outside of > Contents) and change the y value here the roundness of the rectangle is distorted but the growth from the anchor point works.
-
4 Replies
-
Instead of using a rounded rectangle, create a path on your shape layer with two points. Add a big fat stroke, set the line cap to to Round, then use Trim Paths to extend it from a circle to a rounded rectangle.
Walter Soyka
Designer & Mad Scientist at Keen Live [link]
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
@keenlive | RenderBreak [blog] | Profile [LinkedIn] -
Walter’s is by far the simplest solution. But if you need to do this with a shape layer, you can add the following expression to the Transform Position property of the rounded rectangle. Expression assumes this is is being applied to “Rectangle 1”.
content("Rectangle 1").transform.position+[0,content("Rectangle 1").content("Rectangle Path 1").size[1]/2]Kalleheikki Kannisto
Senior Graphic Designer -
Thanks for your help, guys!
Reply to this Discussion! Login or Sign Up