Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
1

Why is the bounding box of a text element taller than the actual text?

Community Beginner ,
Nov 06, 2023 Nov 06, 2023

Recently switched from affinity designer to Illustrator, and this seems a bit strange. Why is the bounding box of a text layer taller than the letters themselves?
There's no "return" at the end of the line and this happens on all fonts, even on basic ones like Helvetica.
Any way to fix this or maybe someone can explain why this happens? 

TOPICS
How-to
835
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 06, 2023 Nov 06, 2023

You can do so in the Align panel. In its panel menu you can turn on the ALign to glyph options.

But beware: The text needs to have slightly more distance to the bottom than to the top for optical reasons.

Translate
Adobe
Community Expert ,
Nov 06, 2023 Nov 06, 2023

Do you have any leading applied to the text?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 06, 2023 Nov 06, 2023

No. It's on "Auto", and even after reducing it to 6pt, nothing changes 😕

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 06, 2023 Nov 06, 2023

This is normal for Illustrator for measuring type.

Do you need the bounding box displayed differently or do you want to input a certain size? If the latter, in the panel menu of the chracters panel you can turn on the measuring options.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 06, 2023 Nov 06, 2023

Well, I just want to align the "After Effects" text directly in the center of the blue rounded rectangle in the back, but since the text within its bounding box is not center to begin with, I can't align it properly, if that makes sense. It just looks off center vertically.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 06, 2023 Nov 06, 2023

You can do so in the Align panel. In its panel menu you can turn on the ALign to glyph options.

But beware: The text needs to have slightly more distance to the bottom than to the top for optical reasons.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 06, 2023 Nov 06, 2023

Oh okay. That's really strange though isn't it? Like, why would this even happen in the first place, and what optical reasons are at play? Would appreciate if you could let me know. Thank you! 
When I was using Affinity Designer, this was much more intuitive...

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 06, 2023 Nov 06, 2023

Every designer should know about the optical reasons. It's about how humans perceive things. If it is aligned to the vertical center it always will look like it is nearer to the bottom.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 06, 2023 Nov 06, 2023

So according to this logic, the human eye perceives the text in the image I attached as centered? 
Just can't wrap my head around it. It's clearly vertically off center hahah

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 06, 2023 Nov 06, 2023

That text is too much to the top. This optical phenomenon is independent from what Illustrator does. You have to adjust it. You have to see it.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 06, 2023 Nov 06, 2023

There needs to be room for accents.

Screenshot 2023-11-06 at 22.23.36.pngexpand image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 07, 2023 Nov 07, 2023

Sure, what about that space at the bottom though?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 07, 2023 Nov 07, 2023

It's for the descenders.

 

This is the space around letters. Illustrator just shows it all with its bounding box. 

Bildschirmfoto 2023-11-07 um 11.44.51.pngexpand image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 07, 2023 Nov 07, 2023
LATEST

See Monika's answer.

Screenshot 2023-11-07 at 13.52.44.pngexpand image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines