47 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $1,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
kamiyeye says

I don’t, but i see many designers suggest closing it to have the design exactly same as the final web page, HOWEVER …

As anti-alias closed, text in photoshop won’t be smooth any more, my eyes can apparently feel it even font size is small. But if it will have the design same as web page, it worth. However, most people today have ClearType enabled in their OS, the text actually in their Browsers is smooth, thus there is different between design and final web page.

It is a small different, it is also a big different to somebody, like me, it affect my determine on font size, color, line height, and so on. So i always have anti-alias open, BUT …

I open anti-alias with the hope that design would be same as final web page, but, in case of anti-alias opened, the text is smooth right, yet become a little fatter, an anti-aliased 13px Arial text looks like a bold one, thus the design won’t be same as final web page again. Sometimes i think is there some problem with my photoshop, maybe settings…

Do you have same problem? How do you cover it?

1882 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

There are several degrees of anti-aliasing methods for text rendering. The first one is crisp and the last one is smooth. You can try the ones between those too to see if it fits.

And here is why I don’t use system cleartype on my win7 machine:

I really don’t want to look at this color mess (it should be pure black text on white bg btw) all day long so I rather stick with pixel fonts mostly :) Anybody knows any workaround for this? So it will be in gray scale only

1173 posts
  • Has been part of the Envato Community for over 5 years
  • Located in Australia
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+3 more
Motionreactor says

Due to the mis-match between what you see in Photoshop and what you get across different browsers and platforms, it is really not possible to have a consistent typographical experience.

You have to just do your best, prototype and test in browsers.

28 posts
  • Has been part of the Envato Community for over 4 years
  • Sells items exclusively on Envato Market
  • Located in Sweden
StockholmThemes says
There are several degrees of anti-aliasing methods for text rendering. The first one is crisp and the last one is smooth. You can try the ones between those too to see if it fits.

And here is why I don’t use system cleartype on my win7 machine:

I really don’t want to look at this color mess (it should be pure black text on white bg btw) all day long so I rather stick with pixel fonts mostly :) Anybody knows any workaround for this? So it will be in gray scale only

If subpixel rendering looks like a colored mess to you, there’s probably something wrong with your screen! Or maybe you’re using a CRT screen. The text should look more crisp with subpixel rendering than without. But you should be able to turn it off somehow, I’m not sure, I’m on a Mac…

By the way it’s amazing that Photoshop still doesn’t support subpixel rendering.

629 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
VagrantRadio says

Using sharp generally produces the same effect for text as on the web, usually. It depends on the font.

2201 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+4 more
ArikB says

Text rendering differs with platform and browser as MotionReactor mentioned. There is no way to accurately reproduce type within PS to match every single browser.

738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says
Using sharp generally produces the same effect for text as on the web, usually. It depends on the font.

I’m not sure how it works with Photoshop, but in Fireworks when you have anti-aliasing on fonts like Arial, it is completely different than without.

1882 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

ArikB is totally right.

@StockholmThemes It’s a zoomed screenshot of how the text looks in my OS if the ClearType is ON. Just for the note, it’s a printscreen from Firefox. It’s not from photoshop. I just wanted to make a point why I personally dont use ClearType on my OS (win).

4388 posts ThemeForest Reviewer
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Member of the Envato Team
+12 more
Ivor Envato team says
Text rendering differs with platform and browser as MotionReactor mentioned. There is no way to accurately reproduce type within PS to match every single browser.

+1 – In Photoshop I tend to avoid Anti Aliasing only for big blocks of text, is a personal choice though.

217 posts
  • Has been part of the Envato Community for over 6 years
  • Has sold $5,000+ on Envato Market
  • Located in Canada
  • Has collected 1+ items on Envato Market
+1 more
CreativeStable says

I freaking HATE the anti aliasing options in photoshop. Sharp is too fat, none is too pixely, smooth is too thin/blurry UGH . I usually use smooth for large text and sharp for small, but I still hate it. Better have improved in CS5 !

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by