Skip navigation
Currently Being Moderated

How to align one object according to another?

Jan 13, 2012 1:23 PM

Tags: #align

How to align the center of one rectangle to another's, without moving the second rectangle? In Illustrator, it's as easy as selecting both and then clicking once on the one you want to be the reference... how do I do this in Fireworks?

 
Replies
  • Currently Being Moderated
    Jan 21, 2012 7:41 PM   in reply to Tiago Moita

    That is a great question. Here's a description of how the Align commands work, from the online manual for Fireworks CS5:

    Left:  Aligns the objects to the leftmost selected object.

    Center Vertical:  Aligns the center points of the objects along a vertical axis.

    Right:  Aligns the objects to the rightmost selected object.

    Top:  Aligns the objects to the topmost selected object.

    Center Horizontal:  Aligns the center points of the objects along a horizontal axis.

    Bottom:  Aligns the objects to the bottommost selected object.

    As you can see, they pretty much work by extremes and averages instead of by "key object". A good way to visualize this is with the Scale tool (Q). Select both objects and apply the tool: the resulting bounding box shows you the boundaries within which the Align commands work. The centerpoint is the vertical and horizontal axis to which center align commands will adhere.

     

    Scale tool reveals selection bounds.png

     

    Unfortunately, the "key object" concept is not available in Fireworks. And I'm surprised that no one has created a Command or Panel extension to address this. (Have you tried searching?) Don't be shy about placing a feature request with Adobe for this, as it seems long overdue:

     

    https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

     

    One way that you might work around the limitations of the Align panel is with the use of guides, though this would be harder to do with a centerpoint alignment than with an edge alignment. The basic idea would be to draw out a guide for the edge or centerpoint to which you wish to align, then proceed with a normal Align command. Then move both objects by hand back to the guide that marked your original "key object" alignment. (View > Guides > Snap to Guides might help with this.)

     

    For a center alignment, in particular, there are two panels that might be of use: Trevor McCauley's Transform panel and Eugene M. Jude's Guides panel. With the Transform panel, you could select the "key object" and view its center X and Y coordinates. With the Guides panel, you could select the "key object", and then draw a variety of guides with just a single click. (I think the Guides panel would make a good choice in this case.)

     

    http://​www​.senoc​u​lar​.com/​f​i​r​e​w​o​r​k​s​/​e​x​t​e​n​s​i​o​n​s​/​?​e​n​t​r​y​=​572

    http://​www​.adobe​.com/​d​e​v​n​e​t​/​f​i​r​e​w​o​r​k​s​/​a​r​t​i​c​l​e​s​/​g​u​i​d​e​s​_​p​a​n​e​l​.​h​tml

     

    Transform.pngGuide.png

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points