Mobile app version of vmapp.org
Login or Join
Margaret771

: 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

@Margaret771

Posted in: #AdobePhotoshop #AntiAliasing #Browser #SubpixelRendering

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?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Margaret771

2 Comments

Sorted by latest first Latest Oldest Best

 

@RJPawlick971

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.

10% popularity Vote Up Vote Down


 

@Murray976

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)

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme