Precisely Position Objects in Muse Using Transform Panel (Let Muse Do Math for You)

Precisely Position Objects in Muse Using Transform Panel

When it comes to precisely position objects (or group of objects) in Muse we have great helper: Transform panel. Sometimes it is necessary to do the math because Muse is using top left corner as an anchor point. This means in particular that if you type 580 in the text field next to X then top left corner of the selected object will be positioned at 580px on the X coordinate (zero point is on the left side or beginning of the content area). Sometimes you can position objects where you want them using Align panel and other times you must use Transform panel and to do some math. The good news is that Muse can do the math for you.

How to access Transform panel

First of all you can access Transform panel from Options bar by clicking on the X or Y links (some object must be selected). Another way to see Transform panel is from Window > Transform.
Access Transform panel from the Options bar in Adobe Muse

Doing Math in Transform panel

Things are pretty simple to understand. If you want your object to position at 580px from the left side of content area and 350px from the top then you just type 580 in text field next to X and 350 in the text field next to Y in Transform panel.
Object precisely positioned on x and y coordinate from Transform panel in Muse

If you want right side of your object to be exactly at 580px, for example, then you must subtract object width from 580 since Muse is using top left corner as an anchor point. You do not need a calculator, Muse has a built-in simple calculator and you can use it anytime you want. Below are the steps to do math in Transform panel and to position right side of selected object at the exact position. This is random sample and I will position right side of selected object at 580px.

  • Type number where you want to position right side of your object in the text field next to the X coordinate in Transform panel (I will use 580).
  • Type a minus sign (-) and to take a look what is the width of your object (W on the right side of the panel).
  • Type that number after minus sign and press Enter/Return and you are done. Muse will do the math and object will be positioned exactly where you want it.
Subtract object width for precise positioning in Transform panel in Muse


It works in exact the same way when you want to position objects precisely on the Y coordinate. If you want the bottom of selected object to be at 1200px, for example, then you should type 1200-object height (number next to H: in Transform panel).
Subtract object height for precise positioning in Transform panel in Adobe Muse

Tip: precisely position center of an object

If you ever need to position the center of an object at some exact position, then you may need to take a two step approach. It is actually simple most of the time to divide object Width or Height and to type that value after minus sign. What if you have problem to divide it? Take two step approach:

  • Take a look what is object Width or Height and type that number in the text field next to X or Y. Next is to type slash ( / ) followed by number 2. You will get results which you can copy to your clipboard (select number, then press Ctrl/Cmd + C).
  • The second step is to type number where you want the center of the selected object to be positioned followed with minus sign (-) in the text field next to X or Y. Lastly, paste what you have in your clipboard (Ctrl/Cmd + V) and press Enter/Return.
Calculate in Transform panel by dividing

Comments

Popular posts from this blog

Free Puzzle Pieces Actions For Photoshop and Elements

How to Change Artboard Size in Adobe Photoshop

Old Weathered Vertical Wooden Planks Free Image