Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

working with low-res text without compromising text readability

Posted on 2013-10-22
3
Medium Priority
?
297 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 84

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 400 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 1600 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

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
The Summer 2017 Scholarship Winners have been announced!
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
It’s easy to embed any of your public Prezi presentations on your website or social network to share with others. Learn how simple it is in this tutorial.
Suggested Courses

877 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