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

Terrible rendering of Illustrator object with rotated text

Explorer ,
Feb 16, 2024 Feb 16, 2024

Copy link to clipboard

Copied

Photoshop does a lousy job rendering fonts contained in Illustrator objects which are rotated. This problem exists for a while and while working on this hobby project I noticed it again. 

bad_text_rendering_ai.png

In the example above you see the same Photoshop file but once the object contains fonts (top) and once I converted the fonts to outlines in Illustrator (bottom). 

At the top you see fonts appear with some double line and I don't understand why. While I can imagine it will have a bit different anti-aliasing it shouldn't render fonts this bad you actually will notice the bad quality on export. 

Of course you can work around the issue by outlining the fonts but that's pretty annoying wastes a lot of time since the advantage of using smart objects is that you can change them if needed. Converting all fonts to outlines removes the easy editting of the Illustrator file.

I think the double line is caused by the fact the text in Illustrator has a thin outline to make it a bit bolder but that's still not an exuse to appear like this imo. The outline is also on the center so you shouldn't get a kind of gaps rendererd between the font and the outline. Looks like the rendering of it ain't precise enough. The file is placed at 100% in the PS doc but that really shouldn't make a difference.

While not a life threatening issue I think this is a bug though. An outline around text is pretty common  to make a text bolder or for example create a bit of overfill while printing coloured text on a black background.

Platform: Windows 11 - 23H3 Build 22631.3155
Photoshop: 25.4.0
Illustrator: 28.2
GPU Driver: Nvidia Game Ready Driver 551.52

I hope my post can contribute a bit to better rendering of vector files inside Photoshop. Thanks!

TOPICS
Windows

Views

219

Translate

Translate

Report

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
Adobe
Adobe Employee ,
Mar 01, 2024 Mar 01, 2024

Copy link to clipboard

Copied

Hey, @Ozboz. Thanks for adding the screenshots & the details. I'll need more info to help you figure this out.

 

Please share the following information:
1 - System info from Photoshop Help > System info > Copy & paste into a text document. 

2 - A sample working file. (You can directly message the link to me from my profile.)

 

What troubleshooting steps have you tried in Photoshop? Does this happen with a particular Font or position of the fonts? 

 

In Photoshop, go to Edit > Preferences (CTRL+K) > Technology Previews & select 'Deactivate native canvas' & restart Photoshop, and check if there is a difference. 

 

Let me know how it goes. 

Thanks! 

Sameer K

Votes

Translate

Translate

Report

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 ,
Mar 01, 2024 Mar 01, 2024

Copy link to clipboard

Copied

quote

Photoshop does a lousy job rendering fonts contained in Illustrator objects which are rotated. This problem exists for a while and while working on this hobby project I noticed it again. 

bad_text_rendering_ai.png

In the example above you see the same Photoshop file but once the object contains fonts (top) and once I converted the fonts to outlines in Illustrator (bottom). 

At the top you see fonts appear with some double line and I don't understand why. While I can imagine it will have a bit different anti-aliasing it shouldn't render fonts this bad you actually will notice the bad quality on export. 

Of course you can work around the issue by outlining the fonts but that's pretty annoying wastes a lot of time since the advantage of using smart objects is that you can change them if needed. Converting all fonts to outlines removes the easy editting of the Illustrator file.

I think the double line is caused by the fact the text in Illustrator has a thin outline to make it a bit bolder but that's still not an exuse to appear like this imo. The outline is also on the center so you shouldn't get a kind of gaps rendererd between the font and the outline. Looks like the rendering of it ain't precise enough. The file is placed at 100% in the PS doc but that really shouldn't make a difference.

While not a life threatening issue I think this is a bug though. An outline around text is pretty common  to make a text bolder or for example create a bit of overfill while printing coloured text on a black background.

Platform: Windows 11 - 23H3 Build 22631.3155
Photoshop: 25.4.0
Illustrator: 28.2
GPU Driver: Nvidia Game Ready Driver 551.52

I hope my post can contribute a bit to better rendering of vector files inside Photoshop. Thanks!


By @OzBoz

Could you please post screenshots taken at View > 100% with the pertinent Panels (Toolbar, Layers, Options Bar, …) visible? 

What is the Stroke in Illustrator exactly (»Align Stroke to …« etc.)? 

Can you provide the psd file with the embedded ai? 

Votes

Translate

Translate

Report

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
Explorer ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

Sorry for my late response, bit hectic here. 

I created a test file which has the AI embedded as smart object and included the used font so you've I think all the ingredients needed to check/reproduce. As you will see it's nothing really special. The Illustrator document is exactly the same size as Photoshop and the stroke is 1pt/px aligned on the center of the text. So it's not a scaling issue I would say.

Note: it says the .otf font is not matching it's extention so I've dropped a zip with all ingredients here: 
https://fizion.nl/files/adobe/adobe_bad_rendering.zip


Hope this helps you! If you need more information, please let me know! 

Votes

Translate

Translate

Report

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 ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

It seems you did not embed the Smart Object. 

Screenshot 2024-03-21 at 12.12.37.png

Votes

Translate

Translate

Report

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
Explorer ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

Sorry, should be fixed now (same link as above)

Votes

Translate

Translate

Report

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 ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

Please try Effect > Path > Outline Stroke in the Illustrator file. 

Screenshot 2024-03-21 at 13.27.35.pngScreenshot 2024-03-21 at 13.27.39.png

Votes

Translate

Translate

Report

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
Explorer ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

Well I can outline the font and turn strokes into an outline as well as a work-around but it won't solve the actual issue. The reason I like it to keep text is because I tweak things on how they will appear in-game. And it will make something like a 'smart object' less smart if I first have to convert it to outlines including the strokes.

If I for example export the illustrator file as PDF it shows perfectly clear text so something is off on how Photoshop renders it. I just tested what happens if I export as PNG from Illustrator and that also seems to work without any issue.

Next I tried to disable the GPU performance options in Photoshop because I thought that might have to do with it but it seems it doesn't.

Of course I don't know the ins and outs but I think this is a bug, you can work around it but that will hurt the more smart workflow.

Votes

Translate

Translate

Report

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 ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

Effect > Path > Outline Stroke maintains the type content as such, it is just an Effect. 

Votes

Translate

Translate

Report

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 ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

Which is not to say that the original rendering seems fully reasonable as the stroke is centered. 

But … Photoshop creates pixel content for the vector objects in the ai/pdf and as the line is so thin and the resolution so low the pixel content for the fill and the pixel content for the stroke apparently lead to a region of overlap of non-fully-solid pixels. 

Votes

Translate

Translate

Report

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
Explorer ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

LATEST

Ah sorry, I never actually used the one under effect so looked under edit, nice!

Yeah I would understand the small gap better if I actually had the stroke on the outside of the text because I can understand that it might render the text and the thin outline and since the outline is one px it could cause an issue by the anti aliasing used.

Just tested what would happen if I make the image size 8192x8192 and that also seems to give a nice result besides the larger VRAM usages in game of course. Might be interesting for others as well who encounter something like this.

Votes

Translate

Translate

Report

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
Explorer ,
Mar 01, 2024 Mar 01, 2024

Copy link to clipboard

Copied

Have you tried changing the Document Raster Effects Settings in the .ai file to see if it makes a difference? It might work better copy/paste into Psd as a smart object if the workflow supports it.

Votes

Translate

Translate

Report

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
Explorer ,
Mar 21, 2024 Mar 21, 2024

Copy link to clipboard

Copied

It is actually a smart object inside the PSD. And the scaling is 100% so I would think it's a 1:1 copy.

I'm sure it has to do with the outline on the text and of course I can create outlines, do stroke to outline and combine all again to clean filled text. But I'd like to stay flexible in case I need to correct things, that's why I also like smart objects so much. 

I've uploaded a zip with the files above if you'd like to try something but for me it's some kind of render/rasterizing bug. Might be a little one and this is a hobby thing but it would be more serious is text got printed in such a way as well.

Votes

Translate

Translate

Report

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