Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

In Fireworks and for an image similar to this:

Sample image

what's the best way to horizontally distribute objects in their parent container so that they have equal margins? The same effect can be achieved with margin:auto in CSS.

share|improve this question

migrated from webmasters.stackexchange.com Mar 2 '12 at 1:04

This question came from our site for pro webmasters.

2 Answers 2

You're looking for the alignment options that come up with the Move tool. The first 3/4 or so of this tutorial cover a situation fairly similar to what's happening in your image. Step 7, combining use of the "align vertical centers" and "distribute horizontal centers" buttons is the important bit. I couldn't find the specific reference for the tool in the mess of Adobe's docs, but you can give it a try.

You didn't mention what version(s) you're working with, but I think the alignment options were only added to Fireworks in CS4.

share|improve this answer

I don't know about Fireworks, but Photoshop is CLEARLY lacking in distribute options.

There is no inherent method for distributing space within Photoshop. All the alignment buttons will do nothing to ensure spacing is equal. Photoshop aligns by object bounds and at times those bounds can be so dramatically different (as with type layers) that no matter how often you click alignment options, nothing distributes evenly.

This is why some cleaver people have written scripts to distribute spacing.

Click this to find some links to scripts for distributing space within Photoshop. I use these on a daily bases with Photoshop CS4 and newer without any problems.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.