How to align a simple object to the top/bottom - right/left of the canvas in Motion

In Apple Motion, I see that you can go to: Object > Alignment... and you can precisely align multiple objects relative to one another. But... I do not see any ability to align a single object to the top, bottom, right, or left of the overall canvas. Is this not possible?


I know that Motion does have a pretty effective "snap to" feature what helps you get something centered horiz. or vert. but... if I wanted to create... say... the French flag... I cannot just create a rectangle, copy it twice to have three... and quickly align > left, align > right, and align > center?

Posted on Mar 11, 2023 01:35 PM

Reply

Similar questions

2 replies

Mar 11, 2023 07:20 PM in response to Dolmetscher

There's a behavior called (Behaviors > Basic Motion > ) Align To that can be used for various things:


(Don't take the dark edges the wrong way - I didn't quite line up the gif capture quite right. The animation is perfect.)


Thing is - you need some object to "align to" ! I used the Title Background in this example. You can use any kind of object that has a border or bounding box.


Usually Align To is automatically "snapped" to the alignment, but I set the Transition Parameter to Custom and set a Ramp behavior on the Custom Amount parameter. The Transition will go from a "default state" to the position of alignment over the Custom Amount range.


The example given by Rowie can be used for the exact same animation... setting up the alignments is a little more "manual".


For the flag arrangement, 3 rectangles can be used - two outside rects aligned to the center rect and all three have their Size parameters linked. Alignment is constant regardless of size changes:



Another option, the simplest actually, is to simply color a single Rectangle with a Gradient and use a Constant Interpolation for the gradient stops.

The Start X and End X are the edge measurements of the Rectangle (here — width = 1020). These values can be linked to the Rectangle > Object Attributes > Size > Width parameter (÷2) in order to auto-conform to size changes. (You can't use Object > Shape > Size > Width in the Link — different things are going on behind the scenes!)



There's really no one "right way" to do most things in Motion....


A note about Shapes in Motion, in general. Even if Outline is turned off, there is generally a 2 px offset between the painted fills of aligned shapes. These offsets generally have to be dealt with in Link and Align To behaviors.


HTH


Mar 11, 2023 05:16 PM in response to Dolmetscher

Hi


As far as I know, that class of distribution and alignment functions are not available in Motion. Maybe another member here can share a solution for that though.


To get the result in another way, we would replicate the layer, set the replicator according to the number of 'duplications' required and then depending on then style of replicator, use the settings to evenly distribute each shape as required.

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

How to align a simple object to the top/bottom - right/left of the canvas in Motion

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.