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.
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!
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
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.
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?
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!
Copy link to clipboard
Copied
It seems you did not embed the Smart Object.
Copy link to clipboard
Copied
Sorry, should be fixed now (same link as above)
Copy link to clipboard
Copied
Please try Effect > Path > Outline Stroke in the Illustrator file.
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.
Copy link to clipboard
Copied
Effect > Path > Outline Stroke maintains the type content as such, it is just an Effect.
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.
Copy link to clipboard
Copied
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.
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.
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.