Get the Real 100% View

When creating Web graphics, it’s often important to view your graphic at the same size your audience will view it. To view your image at 100%, just double-click on the Zoom tool. If your image is too big when viewed at 100%, just zoom out until the view of your image is the size you’d like it to appear on the webpage (use the zoom-out shortcuts—click with the Zoom tool while holding the Option/Alt keys, etc.), then look in the lower-left corner of the image window and you’ll see the percentage of zoom. Write that down, then go under the Image menu and choose Image Size. When the Image Size dialog appears, in the Height pop-up menu in the Pixel Dimensions section, choose Percent. Then enter the percentage amount you wrote down earlier. By default, Photoshop will enter the Width when you enter the Height setting to keep your image proportional (if not, make sure the Constrain Proportions checkbox is turned on at the bottom). Click OK and it resizes your image to the exact size you want it to appear on the webpage.

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.

Stylized Background

This week, Corey is inspired by a Hollywood poster to figure out how to create a colorful background pattern.
3D Design

Using 3D tools in Photoshop CS4 Extended to create a logo element.
Bullet Hole Brushes

Here we will uses a series of custom shapes to create a bullet hole on a brush.
Displaced Effects

Here is a quick and easy way to use displacement maps to create a cool grunge look.

Animate a Flying Bird using Illustrator and Flash, Part 1
In this two-part tutorial, J. Schuh demonstrates how to animate a flying bird using Illustrator and Flash.
Animated Handwriting in After Effects
Corey Barker demonstrates a technique for animating text using the stroke effect in After Effects.
Bridal Shoot Using Soft Boxes
Photographer Jean-Francois O'Kane shoots a bridal portrait utilizing soft boxes.
Creating Rain in After Effects, Part 2
Tom Green exports the rain effect out of After Effects and adds it to the still image in Flash to create an animated Flash video

Reset a Dialog

If you are working with any dialog that has an OK and a Cancel option, you don’t always have to cancel out to get back to the original state of the effect. If you press-and-hold the Option (PC: Alt) key when you are in a dialog, the Cancel button will turn into a Reset button. This will give you a chance to try the effect again without having to leave the dialog.

Photoshop Tutorials, Tips, and News | Planet Photoshop

Get the Real 100% View

No Comments

Leave a comment

Photoshop Tutorials

Reset a Dialog