Zoom Out For Sharper Web Images

This is a tip we use almost daily when we have to greatly reduce the size and/or resolution of an image. Sometimes when you make a drastic size/resolution change, it can really make the resulting image blurry, so what we do is simply zoom out on the image so that the window and image are at either 50% or 25% view. Then, we take a screen capture of our image window at the new smaller size. That way, the image still looks sharp, but it’s much smaller when we open the screen capture in Photoshop. The trick to making this work is using either a 50%, 25%, or 12.5% view size for making the capture. If you view the image at 66.7%, 33.3%, or 16.7%, the image won’t be as crisp (because of the way Photoshop draws the image at those views).

Spread the word:

No Comments

No comments yet.

RSS feed for comments on this post. TrackBack URI

Photoshop Tutorials

Design Effects
Corey shows how to use the luminosity of an image to create a cool design effect and spice up your simple photos.
Stylized Comic Book Effect
Using this effect, you can transform anyone into a comic book character with a halftone, saturated look.
Text Shape Layers
Converting text into shapes allows you to distort the text as you like while retaining straight, clean edges.
Borders Under a Minute
Create really cool borders in under a minute to use on virtually any one of your photos or even video for that matter.

Energize That Photo

Learn how to add excitement and energy to your photo in just a few simple steps.
Design Elements from Photos

Here is a cool way to use parts of you photos as abstract design elements.
Vector Mask

Corey shows you how to use a vector mask to pull objects from their background.
Fire Brushes

After creating a brush pattern from a stock image of a horse, Corey applies a layer style consisting of outer and inner glows

Bookmark Interactivity in Adobe Acrobat
Open links, play sounds, import data, and much more using your Acrobat bookmarks.
Flash Video the Easy Way
In this three-part video series, Tom Green demonstrates the three ways to get Flash video up on the web using Flash CS3 and Dreamweaver.
Flash Video the Easy Way, Pt. 2
Tom Green demonstrates how to embed a Flash document into a Dreamweaver document and play it on a browser.
Premiere Pro CS4 Lift and Extract
Franklin McMahon goes over Premiere Pro CS4's lift and extract tools and compares them with some of the other methods video editors may use when editing video clips.

Getting To The Hexadecimal Code

As you may know, there are hexadecimal codes for the colors used in webpages. Not only does Photoshop know these hexadecimal codes, it can extract them from an image and let you paste them into your HTML code editor. First, press the letter I to switch to the Eyedropper tool, and then hold the Control key (PC: Right-click) and click on a color within your image. A contextual menu will appear where you can choose Copy Color as HTML. Now you can switch to your HTML editor and choose Paste to copy the HTML code into your app.

Photoshop Tutorials, Tips, and News | Planet Photoshop

Zoom Out For Sharper Web Images

No Comments

Leave a comment

Photoshop Tutorials

Getting To The Hexadecimal Code