4

So in the picture below, you can see on the left (object A) and on the right (object B). I'm wanting to vertically center object A on the left of object B. Since object A is a weird shape, Illustrator puts the center accordingly to the bounding rectangle around it instead of the objects shape itself. So when I go to vertically center A to B. It doesn't quite exactly center the correct way (or the way I want it). So how do I fix this problem? Picture 2 will show you of an example of when I try to use the alignment tools.

enter image description here

enter image description here

5 Answers 5

6

Easiest, fairly universal instructions:

Duplicate the shapes by copying and pasting in place.

Take the shapes - something like this:

Before adding

On the duplicates go to Object > Path > Add Anchor Points --- you'll get something like this with it perfectly centered on each edge (with my awesome circling skills for added emphasis):

after add

Drag the duplicate and the original from one of the anchor points to the other.

edit

For final step by request - make sure Snap To Point is on by View->Snap To Point:

http://www.youtube.com/watch?v=EXbmQM57W_A

Now delete the duplicates with the unnecessary anchor points.

4
  • +1, great tip with dragging. never could know without video
    – Ilan
    Commented Feb 13, 2014 at 7:24
  • Adding anchors is generally not a viable solution. In fact, great vector art has as few anchors as possible, and unfortunately, once you add those anchors to curves, they can't be deleted without altering the curve. While this works for this particular set of objects, in general this method fails.
    – Scott
    Commented Feb 13, 2014 at 15:08
  • If anchor points is a problem then you could duplicate both shapes - just do the whole shapes to save time. paste in place. align the original and duplicates at the same time. then delete the duplicates.
    – Ryan
    Commented Feb 13, 2014 at 15:35
  • In that instance, John's method is more accurate and easier :)
    – Scott
    Commented Feb 13, 2014 at 15:44
4

Here's another way to do it:

With everything deselected, select only the vertical line of the curved shape by clicking on it with the Direct Selection Tool

Copy the line, then Paste it in Place (Shift + Ctrl + V), and hide the curved shape so it's out of the way. You should be left with the triangle and a path like so (in Outline view for clarity):

enter image description here

Now, to align them. Select the triangle and the path using the selection tool, then Click on the path again to make it the key object for alignment. You should notice that it becomes a bit thicker which denotes that it is selected as the key object.

enter image description here

Now for the alignment. Click the Vertical Align Center button on the Align pane, and the triangle will be centered on the path. You can delete this extra path now and un-hide the original curved shape.

enter image description here

4

I answer accordingly to your example, thus it is not universal answer.

Press A (or click on Direct Selection Tool) and select right upper anchor point of your left shape (tail) - write down X and Y coordinates (let's call them X1 and Y1) from transform panel (window-Transform), then - click on right lower anchor point of your left shape (tail, X2,Y2) and subtract from Y2 the number of Y1 - now you get Y3 which you should divide by 2 and add to Y1 (or subtract from Y2) - this Y4 will give you the Y-center of the right border of your left shape.

(Y2-Y1)/2+Y1 or Y2-(Y2-Y1)/2 = Y4

(the numbers on this picture unrelated to the case - I show the positioning square where you get coordinates)

transform panel

Now, select the right shape and in Transform positioning square click on LEFT middle quadrant, and Now - insert the written numbers of the X1 and Y4 coordinates and press enter (after writing the Y coordinate)

You're done

positioning square

3

The fastest way I know is to move an object the "full" distance you would like to halve, then move it back by half the distance.

First align the objects by their highest points:

initial orientation of objects

Then move one object to align the lowest points: after moving the "full" distance

Open the Move Modal dialog (if you have a Selection Tool active, just press Enter):

open the move dialog

The last distance and angle used is displayed. You can use mathematical operators such as +, -, /, and *. In this case, I divide the distance by two, then set it to negative:

divide the distance by two and reverse directions

resulting distance

Hit OK and you're done:

the objects are centered

2
  • Wow, I did not know you could do math in those boxes. Awesome.
    – JohnB
    Commented Feb 13, 2014 at 17:59
  • 1
    @JohnB You're learning all sorts of new things!
    – Ryan
    Commented Feb 13, 2014 at 18:01
-1

Centering objects (and graphic design in general) has a golden rule: When it looks right it is right. In all 'measured' answers the tail looks to low. You should place the tail a little higher to be optically centered.

If you have trouble with finding the right position you can:

  1. Make variations and compare (exaggerate and start narrowing down).
  2. Flip the image (have a fresh look and check your work).

Hope you achieve the desired result.

4
  • Why the down vote?
    – allcaps
    Commented Feb 13, 2014 at 10:54
  • I agree with what you said but imagine people downvoted because instead of answering how to perfectly center you suggested doing something else entirely. But you're right that sometimes you have to use your eye for it to look right even if the numbers say otherwise because of volume and curvature
    – Ryan
    Commented Feb 13, 2014 at 13:43
  • Does not answer the question being asked.
    – Scott
    Commented Feb 13, 2014 at 15:10
  • Thanks for the feedback! I don't mention Illustrator but the end result will look 'perfectly' right ;).
    – allcaps
    Commented Feb 13, 2014 at 16:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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