Solved

working with low-res text without compromising text readability

Posted on 2013-10-22
3
290 Views
Last Modified: 2013-11-19
I'm sure there is a technical term for this, but I don't know what it is. My question is best illustrated with the button I'm working on. This is how the button should look after I'm done, although I'm going to change the words.

Notice how this gives the "illusion" of being higher-res than it actually is? Using not just white and red, but a variety of shades of red inbetween.

How can I reproduce this effect with PhotoShop. Thanks!
btn-checkout-guest.gif
Screen-Shot-2013-10-22-at-12.58..png
0
Comment
Question by:gregholl
3 Comments
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 100 total points
ID: 39591931
Photoshop will 'anti-alias' the text to produce that effect.  Sometimes you have to experiment with the positioning to get the best look.  The better the text is aligned with the pixels, the better it usually looks.
0
 
LVL 26

Accepted Solution

by:
David Brugge earned 400 total points
ID: 39592111
The sample that you show is on the borderline, but you may need to turn anti-aliasing off.

It seems counter intuitive, but for very small text on the web, turning anti-aliasing off makes text appear sharper. The reason for this is that at very small sizes, the human eye does a better job of smoothing type than the web does.

To turn off anti-aliasing, select the type and set the anti-aliasing (the dialogue box that says sharp, crisp, strong, smooth, etc) to none.

Be sure to zoom your work out to actual pixels and view the screen at a normal viewing distance while you work with the type so that you can see the actual results.

If you aren't working in Photoshop you can make use of pseudo-bitmapped fonts such as the smaller type fonts found here http://www.dafont.com/bitmap.php
0
 
LVL 1

Author Closing Comment

by:gregholl
ID: 39592530
thanks guys
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this tutorial viewers will learn how to create blended and gradiated shapes in Illustrator using the blend tool Draw two shapes, one of them in a different color: Select both and create a blend by going to Object > Blend > Make: Blends can also b…
In this Micro Tutorial viewers will learn the basic shortcuts and functions in InDesign.

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question