Mobile app version of vmapp.org
Login or Join
Welton168

: How come my text looks like it is not dead centered? I can't figure out why the text is not in dead center of my black screen. Looks a bit up. It have been entered with the align tool,

@Welton168

Posted in: #AdobeIllustrator #Text

I can't figure out why the text is not in dead center of my black screen. Looks a bit up. It have been entered with the align tool, but for a reason or another, to me it looks a little bit up.

10.05% popularity Vote Up Vote Down


Login to follow query

More posts by @Welton168

5 Comments

Sorted by latest first Latest Oldest Best

 

@Kristi927

I think this is an optical illusion mostly.

When I need to align text similar to this I usually copy the text, paste in front, convert to outlines then group. This way the bounding box isn't being used. I then use the align tools and lock the Group. Afterwards I position the live text then unlock the outlines and delete.

I'm sure there are many ways to get to the same conclusion. -Andy

10% popularity Vote Up Vote Down


 

@Gloria351

I can't really tell from your picture, but I've encountered similar problems and I don't think you're imagining things. If you want the short version, Illustrator centers text based on the bounding box, not by the width or em height of the font.



The various rectangles in my example are sized to be exactly the em height (blue), total height (green), and width (pink) of the text. You can see that though the border around the text fits neatly in the green rectangle, the text inside the bounding area is not vertically centered. It's not even quite horizontally centered.

Whenever I have to vertically center text I create a rectangle that is the same height as the actual text (not the bounding box!) and I center that. After that all you have to do is line them up with smart guides. (There are probably better ways to do it, though)

10% popularity Vote Up Vote Down


 

@Shelley591

Page (and screen) layouts often start out mathematically on a grid or geometric pattern of some sort. But nearly all designs need 'optical adjustments' so that they look correct.

In your case, the type is likely mathematically centered, but not optically.

If you feel the type is a bit high, nudge it down.

10% popularity Vote Up Vote Down


 

@RJPawlick971

This is an optical illusion.

The weight of the lower text is pulling your eyes even when not focusing on it. Its a concept called "optical center," which is well documented. The mathematical center will never look properly centered. This is where knowing software isn't the same as knowing design.

here's a quick demo.

Demo of opctical center. www.vanseodesign.com/blog/wp-content/uploads/2010/12/optical-center.png
this article covers it pretty well.

10% popularity Vote Up Vote Down


 

@Alves566

If a box containing text is taller than the text it contains, then the text will appear higher up in the frame when the box is centered.

Ensure the box height is as close to the bottom of the text as possible before using auto-centering.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme