Solved

working with low-res text without compromising text readability

Posted on 2013-10-22
3
292 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Enroll in May's Course of the Month

May’s Course of the Month is now available! Experts Exchange’s Premium Members and Team Accounts have access to a complimentary course each month as part of their membership—an extra way to increase training and boost professional development.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Need to create an automated "sketch" of a photo 3 85
Need a poor man's PowerPoint 5 161
Measurements in Adobe Indesign CS6 5 97
Graphics card for a new Dell 5810 workstation 16 273
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 …
Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
Learn how to use the remote presentation tool in Prezi to allow you to harness the power of this cloud based presentation platform. You can show your presentation with a remote audience using this free tool.

734 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