Solved

working with low-res text without compromising text readability

Posted on 2013-10-22
3
289 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Adobe Certified Expert? 1 105
Font: I need Lato on my Mac 10 265
Configuring Autocad with a Quadro K4000 graphics card 23 220
Are these External USB Portable Drives reliable? 3 22
Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
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 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 addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…

777 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