: Is there a way how to replicate the subpixel rendering look of Windows/Outlook/browsers in Photoshop? I would like to replicate the antialiasing made by my browser in photoshop. Look at this
I would like to replicate the antialiasing made by my browser in photoshop. Look at this picture: It is 500% image of standard 13px Arial #464646 font. First line is screenshot from browser(chrome), other lines are some of the antialiasing options from PS.
Notice the color change on the first line. Does it have something to do with ClearType?
Can I somehow replicate the first line in PS?
More posts by @Margaret771
2 Comments
Sorted by latest first Latest Oldest Best
As Yisela mentions, the sub-pixel rendering is from the OS/Browser, while PhotoShop uses it's own anti-aliasing methods.
That said, if you really want to replicate it, type out your text in the browser, style with FireBug the way you want, then screen shot, paste into PhotoShop.
Unfortunately, no, there isn't a way to, using the tools that Photoshop has by default, replicate the different browsers' rendering (note that all browsers render text in a distinct way). That's one of the reasons lots of designers create mockups straight in html/css, because of these discrepancies.
There are, however, Photoshop actions and plugins you can download to allow sub-pixel font rendering:
Sub-pixel font rendering by Dmitry Tsozik
Laurent Baumann's Photoshop Action (video, download)
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.