![]()
![]()
![]()
SHORTCUTS.
| Shift-Ctrl-Alt-S (Windows.) | Save For Web dialog box (GIF, PNG, or JPG Web graphic.) |
| Shift-Command-Option-S (Mac.) | Save For Web dialog box (GIF, PNG, or JPG Web graphic.) |
| Ctrl-Alt-Z in Windows | To move back through the History palette. |
| Command-Option-Z (Mac.) | To move back through the History palette. |
| Shift-Ctrl-Alt-Z (Windows.) | To move forward through the History palette. |
| Shift-Command-Option-Z (Mac.) | To move forward through the History palette. |
SENDING A PALETTE TO THE EDGE.
Palettes are often in the way. One method of
quickly moving a palette out of the way is to send it to the edge of the screen. To do so,
press Shift and click the palette's title bar to snap the palette to the nearest edge of
the screen, away from the centre of the image window.
NUDGING NUMBERS
You can incrementally adjust a highlighted
option box value in just about any dialog box by pressing an arrow key. Press the Up or
Down Arrow key to raise or lower the value by 1. Press Shift-Up Arrow or Shift-Down Arrow
to raise or lower the value by 10.
SIZING A NEW IMAGE
You may have noticed that PhotoShop automatically adjusts
the settings in the New dialog box to match the contents of the Clipboard. If you want to
bypass this feature so that PhotoShop ignores the Clipboard and opens the New dialog box
with default settings, press Alt in Windows or Option on the Mac and choose File, New.
IMAGE SIZING BY EXAMPLE
Although PhotoShops Image Size and Canvas Size dialog
boxes are fairly straightforward, there is a hidden feature of which you may not be aware.
While the Image Size or Canvas Size dialog boxes are open, you can match the image or
canvas size and resolution of another open image. To do so, select the image you want to
match from the Window menu.
REORDERING LAYERS IN PHOTOSHOP 4
You can change the order of layers without
touching the Layers palette. To move a selected layer up one level, press Ctrl-] in
Windows or Command-] on the Mac. To move a layer down one level, press Ctrl-[ in Windows
or Command-[ on the Mac. In addition, Ctrl-Shift-] or Ctrl-Shift-[ in Windows (or
Command-Shift-] or Command-Shift-[ on the Mac) moves a layer to the very top or bottom of
the layer palette (excluding the Background Layer).
MOVING AROUND LAYERS
Very often an image in progress will have more layers than
you can see on one screen. When this occurs, it's important to remember that you can use
the keyboard to navigate up and down the Layers palette. To select the next layer up from
the current layer, press Alt-] in Windows or Option-] on the Mac. To select one layer down
from the current layer, press Alt-[ in Windows or Option-[ on the Mac. You can also press
Shift-Alt-] or Shift-Alt-[ in Windows (or Shift-Option-] or Shift-Option-[ on the Mac) to
switch to the very top or bottom layer.
SMOOTHING THE EDGE OF A SELECTION
Creating smooth and accurate selections is one of the hardest
PhotoShop skills to master. One way to smooth a jagged selection is to switch to Quick
Mask mode, blur the mask, use Levels to tighten the mask edge, and switch back to Normal
mode. To demonstrate, use a selection tool to create a selection. Then press Q to switch
to Quick Mask mode. Next, choose Filter, Blur, Gaussian Blur. Enter 4 in the
Gaussian Blur dialog box and click OK. Notice the edge of the mask is indistinct. Next,
choose Image, Adjust, Levels to open the Levels dialog box. Move the Black and White
points closer together until the blurred edge of the mask begins to have a distinct edge.
Click OK to close the Levels dialog box. Then press Q to return to Normal mode. The
selection now has a much smoother edge.
Note: Choosing Selection, Modify, Smooth would be a quicker
way of smoothing a jagged selection. However, the Smooth function doesn't give us the
control or visual feedback we want while we attempt to smooth out the jaggies of our
selection. The Levels dialog box lets us immediately see the effects of the levels
adjustments as we make them.
IMPROVING PHOTOSHOP'S PERFORMANCE.
The Layers, Channels, and Paths palettes all generate optional thumbnail previews. Depending on how many layers, channels, or paths your image contains, previews can drag down performance. Therefore, you might want to turn off the Preview option. To do so, choose Palette Options from the Layers, Channels, or Paths palette menu. Then, select None from the Thumbnail Size options.
Every action you take in Photoshop is stored in RAM. This behaviour quickly results in a decrease in the amount of RAM Photoshop can use for other actions. Therefore, develop a habit of clearing out the RAM. To do so, select Edit, Purge and choose Undo, Clipboard, Pattern, Histories or All.
To make it an easy habit to develop, create a Photoshop action for each option under Edit, Purge. Then, assign a keyboard shortcut to the action. This allows you to purge any portion of Photoshop's memory with the press of a key.
SCRATCH SPACE.
NAVIGATING AN IMAGE.
ALTER GIF IMAGES.
CHOOSING TYPE FOR WEB GRAPHICS.
CREATING AN ARROW IN PHOTOSHOP.
SEEING DOUBLE.
DIMINISH BANDING IN GRADUATED FILLS.
CREATING DUOTONES.
DELETING PREFERENCES FILE.
LOADING ADDITIONAL BRUSHES.
WORK ON A LOW-RES VERSION OF AN IMAGE.
GUIDES.
RESIZING YOUR CANVAS.
IMPROVED RUBBER STAMP TOOL.
RESETTING THE DUOTONE DIALOG BOX.
EXPANDING UNDO.
CREATING SELECTIONS AND MASKS.
THE MEASUREMENT TOOL.
SLOW STARTUP.
MAKING AN ANIMATION.
NEW BRUSHES IN 5.5
.IMPROVING PERFORMANCE.
IMAGE REDRAW.
ASYNCHRONOUS I/O FOR VIRTUAL MEMORY.
USING THE COLOUR CHANNELS.
CLICKING AND POINTING.
HIDE THE ANTS.
TOOLS OUTSIDE THE ACTIVE WINDOW.
JUMPING BETWEEN PHOTOSHOP AND IMAGEREADY.
In addition to the Jump To button, you can use a keyboard shortcut to jump to the default graphics application. To do so, press Shift-Ctrl-M in Windows or Shift-Command-M on the Mac. The original file of the active image opens in the default graphics application. In Photoshop, the original file of the active window opens in ImageReady. In ImageReady, the original file of the active window opens in Photoshop.
In addition to the Jump To button and the keyboard shortcut, you can use the
Jump To menu to switch to Photoshop, ImageReady, or another application.
When you install Photoshop and ImageReady, the installation searches for any Adobe
graphics editing applications currently on your system, such as Adobe Illustrator or Adobe
GoLive, and adds these applications to the Jump To menu in Photoshop and ImageReady. Keep
in mind that the Jump To behaviour differs slightly depending on the type of application
you jump to. For example, if you choose File, Jump To, Adobe Illustrator, the original
file opens in Illustrator. However, if you jump to an HTML editing application from
ImageReady, the optimised file and the HTML file are opened in the HTML editor.
Furthermore, If the optimised file contains slices, ImageReady includes all required image
files for the full HTML document.
However, you aren't limited to Adobe-only applications in your Jump To menu. In
addition to the Adobe applications the installer adds, you can include additional
applications (including non-Adobe applications).
To add an application to the Jump To menu for Photoshop or ImageReady, first create a
shortcut to the application in Windows or an alias of the application on the Mac. To do so
in Windows, locate and right-click the target application. From the pop-up menu, choose
Create Shortcut. On a Mac, locate and select the target application and choose File,
Create Alias.
Next, select and drag the shortcut or alias to the Jump To Graphics Editor folder or the
Jump To HTML Editor folder (ImageReady only) in the Helpers folder in the Photoshop
application folder. Then, launch Photoshop or ImageReady to see the added application in
the new Jump To menu.
CHANGING THE DEFAULT JUMP TO APPLICATION.
EASTER EGG SUNSET.
CYCLE THROUGH THE AVAILABLE TOOLS.
However, if you're more of a shortcut key Photoshop user, you can achieve the same result by pressing Shift and the tool shortcut key. For instance, to duplicate the results of the previous example with the Type tools, press Shift and T to switch the active Type tool to the next Type tool in the tool stack. Press Shift and T again to choose the next Type tool, and so on.
SAVING AN RGB IMAGE AS A GIF.
ZEROING IN WITH THE CROSSHAIRS.
SETTING THE COLOURS PALETTE TO WEB-SAFE COLOURS.
The Color palette is a great aid when you design Web images. However, it can also be useful when you are simply searching for the HTML code of a Web-safe colour. You can actually select a colour and then copy the HTML code for the colour from the Color palette. To do so, position the cursor over the colour ramp in the Color palette, which is the colour bar at the bottom of the Color palette. Then, click to select a colour. Next, choose Copy As HTML Code from the Color palette menu. Switch to your favourite HTML editor and choose Edit, Paste. The HTML code for the selected colour in Photoshop will appear, similar to COLOR="#009999"
But let's face it, the Web-safe Color palette is very limiting. However, when you
present a Web image comp to a client and the first question asked is always "Is this
image using Web-safe colours?" What's a Web designer to do? The answer is to make new
Web-safe colours. To do so, simply combine colours from the Web-safe palette into
checkerboard patterns to create new colours. Then, save the patterns as source files you
can use later.
For example, launch Photoshop and open a new document with a canvas size of 10 x 10
pixels. Then, set the Color palette to show only Web-safe colours. To do so, choose Web
Color Sliders from the Color palette menu. Then, select Make Ramp Web Safe. Now any colour
you choose from the Color palette will be Web safe.
Next, choose the Pencil tool and set the brush to the smallest size available. Then, pick
two or more Web-safe colours and begin to create a checkerboard pattern in the image
document. As you fill the 10 x 10-pixel canvas with the checkerboard pattern, you'll see a
new Web-safe colour.
COLORSAFE.
USE THE SAME PALETTE FOR GIF ANIMATION FRAMES.
CHANGE SETTINGS AS YOU OPEN PHOTOSHOP.
ENSURING CONSISTENT DESIGN.
ERASING THE BACKGROUND.
Photoshop 5.5 has some an awesome new tool, the Background Eraser tool, which
allows you to erase pixels on the background of an image. By controlling the sampling and
tolerance of the Eraser tool, you can erase a background simply by dragging the Eraser
over an image.
For example, to delete the green background of an image showcasing a product box, first
double-click the Background Eraser tool to select the tool and open the Tool Options
palette. Then, set the Tool Options to Discontiguous (to erase the sampled colour wherever
it occurs in the layer), enter 30 in the Tolerance text field (a low value only
erases areas very similar to the sampled colour--a high value erases a broader range of
colours), and choose Once from the Sampling list box.
Next, select the layer from the Layers palette. Then, click in the background of the layer
and move the tool around the layer's background. As you'll see, Photoshop samples the
background colour you initially clicked on and is now erasing only that colour from the
image--leaving the foreground object on a transparent layer.
DOWNLOAD ACTIONS.
MANAGING YOUR IMAGES THROUGH CONTACT SHEETS.
If you're using Windows 98, you have another image-management tool at your disposal. You can set Windows to display a preview of any image you select in Windows Explorer. This lets you quickly browse through images without actually launching Photoshop and opening each one. To turn on this feature, select Start, Programs, Windows Explorer from the taskbar. Then, choose View, As Web Page. Windows adds a margin to the Explorer windowpane and displays a selected image file's property information and a thumbnail of the image.
BUILDING BOLD TYPE.
Similarly, you can create a custom italic version of a text string. To
demonstrate the technique, launch Photoshop and open a new document. Choose the Type tool,
click in the image document, and enter some text in the Type Options dialog box. Then,
click OK.
Now, choose Layer, Type Render to render the type. Now you need to skew the text to create
the italic effect. To do so, choose Edit, Transform, Numeric. In the resulting dialog box,
enter -20 in the Horizontal text field and 0 in the Vertical text field.
Click OK to apply the transformation. As you'll see, Photoshop creates a new italic
version of the text. Experiment with different transformations to increase or decrease the
angle of italics.
SAVING A SMALLER FILE.
MANUALLY ADJUSTING SPACING.
USING CURVES.
PAINTING FROM THE ORIGINAL.
CONVERTING TYPE TO AN IMAGE.
CREATING ANIMATION FROM THE HISTORY PALETTE.
START AT THE BEGINNING.
CUSTOM CROPPING AN IMAGE.
REMOVING THE WHITE IN AN IMAGE.
DESKTOP COLOR SEPARATION.
To create a DCS EPS file, choose File, Save As. Then in the resulting dialog box, select Photoshop EPS or DCS 1 or 2 from the File Format list. Choose a low-resolution preview type and click Save. Then choose Multiple File With Color Composite from the resulting dialog box. Finally, place the low-resolution image in your DTP document.
OPENING CORRUPTED DCS FILES.
PREVENTING THE TYPE HALO EFFECT.
CREATING A NEW IMAGE WITH MULTIPLE LAYERS.
FILM SLIDES FROM PHOTOSHOP.
CREATING AN EGG SHAPE.
THINK OUTSIDE THE IMAGE.
SELECTIONS ACROSS LAYERS.
FONT TROUBLESHOOTING.
FINDING SOURCE ART.
LET PHOTOSHOP DECIDE.
PREVIEWING WEB GRAPHICS IN BROWSERS.
SAVING INTERLACED GIFS AND PNGS.
CREATING CLIPPING PATHS FOR PHOTOSHOP.
MOVING OBJECTS.
UNSHARP MASK: AMOUNT.
RADIUS:
THRESHOLD:
THE NUMBER ONE GUIDELINE:
Let's talk about one more Unsharp Mask tip. If while applying the Unsharp Mask filter
you notice the bright colors of your image become overly saturated, undo the Filter
application, convert the image to Lab mode, and apply the filter to the L channel.
To do so, first choose Edit, Undo to remove the Unsharp Mask filter application. Next,
choose Image, Mode, Lab to convert the image. Choose Window, Show Channels to display the
Channels palette. Then, select the Lightness channel and apply the Unsharp Mask filter.
Finally, choose Image, Mode, RGB to return your image to the correct colour mode.
CREATING A LINE DRAWING FROM AN IMAGE.
CREATING THE WOOD BLOCK EFFECT.
SAVING A PNG FILE FROM PHOTOSHOP.
IMPROVED CONTACT SHEET PLUG-IN.
PHOTOSHOP AND POWERPOINT.
A NO-IMAGE SLICE.
USING
THE RETOUCHING TOOLS: THE SMUDGE TOOL.
Most image-modification
techniques centre on image-wide changes using layers, levels, and curves. However, there
comes a time when you must focus your efforts on one portion of an image. When this
occurs, Photoshop has a suite of retouching tools created specifically for this purpose:
the Smudge tool, the Focus tools, and the Toning tools.
The Smudge tool allows you to grab a bit of colour in your image and drag or push it in a
direction, similar to dragging your finger across a wet painting. When you use the Smudge
tool, always begin subtly. Set the tool options to a very low opacity and begin with a
small brush.
THE
FOCUS TOOLS.
As you can guess, you should
use the Blur tool to soften hard edges. However, you can also use the Blur tool to reduce
the detail or obvious pattern in an image area. Use the Sharpen tool to bring areas of
your image into the foreground and focus more of the viewer's attention. As with the
Smudge tool, you should use the Blur or Sharpen tool gradually build an effect. To do so,
set the tool pressure very lower and be sure to use an anti-aliased (soft-edged) brush.
THE
TONING TOOLS.
The Dodge and Burn tools mimic
photographic techniques of under or over-exposing a portion of an image to achieve an
effect. Typically, you would use the Dodge tool to lighten an area and the Burn tool to
darken an area. Both tools can affect only isolated tonal ranges of an image, highlights,
midtones, and shadows. This allows you to adjust specific areas of tonal range without
selecting or manipulating the entire image. Again, use these tools subtly. Set them to a
very low exposure and apply the tool again and again until you achieve the desired effect.
THE
SATURATION TOOLS.
The Sponge tool is actually
two tools in one. You can set the Sponge tool to saturate or desaturate the colour in an
image. Typically, you would use the Saturate tool to increase the intensity of colour,
possibly to focus more attention toward an area in the image. You would use the Desaturate
tool to decrease colour intensity, decreasing the amount of attention toward an area. As
with all of the retouching tools, you should set the pressure to a very low value and
slowly build your saturation or desaturation effect through several applications.
PAINTING
A 3D CYLINDER.
Although 3-dimensional objects
aren't Photoshop's forte, you can certainly paint the illusion. In today's tip, we'll show
you how to use the Smudge tool to paint a 3-dimensional tube.
To begin, launch Photoshop and create a two-layer image document. Fill the bottom layer
with black. (Although not completely necessary, the effect does look better on a black
background.) Now, choose the Smudge tool and select a brush size from the Brushes palette.
Take note of the brush size.
Next, choose the Rectangle Marquee tool and click and drag a square selection roughly the
size of the brush size. Now, choose the Linear Gradient tool and click and drag a
black-to-white gradient inside the square selection. Now choose Select, Deselect to
deselect the selection.
Here's the fun part. Select the Smudge tool again. Position the brush in the middle of the
black-to-white gradient. Click and drag the tool around your document. The Smudge tool
pulls the gradient tones around the image, creating a 3-dimensional tube wherever you drag
the tool.
APPLYING
A TRULY RANDOM PATTERN GENERATION.
As you may know, you add
detail to blurred or under or over-exposed areas of an image by applying a slight noise
texture. However, the Add Noise filter often generates too even of a texture fill. For
better control over the noise pattern, use a selection tool to select the area of the
image you want to add detail to. Then use a Paint tool with a brush set to a very wide
spacing value to paint a texture into the selection.
To demonstrate, choose the Pencil tool and double-click a small brush size. When you
double-click a brush, Photoshop selects that brush and opens the Brush Options dialog box.
Set the Spacing option to 400 and click OK
Now, place the Pencil tool inside the selection, click and press the mouse button, and
quickly move the mouse around the selection. As you can see, as Photoshop tries to keep up
with the mouse path, it randomly paints bits of colour here and there. Continue to paint
until you're satisfied with the texture.
DRAWING
AND SELECTING FROM THE CENTRE.
You know that in order to
create perfect squares and circle selections, you press the Shift key as you drag the
Rectangle Marquee or Oval Marquee Selection tool. You may also know that to cause a
selection to originate from the centre, you press the Alt or Option key. Likewise,
pressing the Spacebar as you create a selection allows you to move the selection around
the screen.
What you may not know is that any of these selection modifier tricks complements the
others. For example, press the Alt or Option key and the Shift key to draw a perfect
circle with the Oval Marquee Selection tool. As you create the selection, press the
Spacebar and move the selection an inch to the right. Release the Spacebar and continue
creating the selection. The ability to use these modifier keys in conjunction with each
other really comes in handy when you're creating a complex selection.
HOW TO
USE PHOTOSHOP FILTERS IN ILLUSTRATOR.
Photoshop and Illustrator work
so well together that you can even use Photoshop filters in Illustrator. However, since
Illustrator is a vector, drawing-based program and Photoshop is a raster, paint-based
program, you must first convert your Illustrator drawing into a bitmap graphic before you
can apply a Photoshop filter.
To convert, or rasterize, your drawing in Illustrator, choose Object, Rasterize. In the
resulting Rasterize dialog box, choose your target color model and resolution, and click
OK. At this point, Illustrator converts the drawing to a bitmap graphic. Now you can apply
a Photoshop filter.
UPSAMPLING.
One of the most common
mistakes when resizing an image is upsampling. Upsampling occurs when you scale an image
larger than the original.
When Photoshop upsamples an image, it must create pixels where none previously existed.
Unfortunately, Photoshop is not an accomplished guesser and often chooses the wrong colour
pixel to create. The result is a loss in sharpness and tone. Therefore, if you must
upsample an image more than 20 percent, it's best to scan the original image at a larger
size.
TRANSFORMING
A LAYER INTO A BACKGROUND LAYER.
You cannot transform a
transparent layer into a background layer. While this is intrinsically true, you can merge
or flatten a transparent layer into a background layer.
To merge a layer into a background layer, simply position the transparent layer directly
above the background layer and choose Layer, Merge Down. Alternatively, to merge all
transparent layers into a background layer, choose Layer, Flatten Image.
To convert a background layer into a transparent layer, simply double-click the background
layer. In the resulting Make Layer dialog box, enter a name, then click OK. Photoshop
converts the background layer into a transparent layer.
GETTING TO KNOW COLOR MODELS.
You're probably
familiar with the Bitmap, Greyscale, Indexed, RGB, and CMYK colour models
available through Photoshop. If your colour model familiarity stops there,
you're missing a great resource--the LAB colour model.
The LAB colour model is a colour model defined by three values: a Lightness
channel and an A and B colour channel. This model contains colours that span
both the RGB and CMYK spectrums. In fact, Photoshop uses the LAB colour model
internally as a template for converting one colour model to another.
The LAB colour model is ideal for independently adjusting the luminance or
colour of an image. In addition, you can create superior greyscale versions of
your colour images if you convert the image to LAB, isolate the Lightness
channels, and apply the Sharpen filter.
TRANSFORM A COPY OF A SELECTION.
If you're familiar
with Adobe Photoshop's Free Transform tool, you know how much it simplifies
normally complex scaling, skewing, and rotating. To use the Free Transform tool,
you select an area of an image and choose Edit, Free Transform. Or you can press
Ctrl-T in Windows or Command-T on the Macintosh.
In addition to transforming a selection in an image, you can create a copy of
the selection and transform the duplicate selection. To do so, press Alt in
Windows or Option on the Macintosh as you choose Edit, Free Transform. Or press
Alt-Ctrl-T in Windows or Option-Command-T on the Macintosh.
QUICKLY REMOVING LAYER EFFECTS.
Layer effects are
easy to apply; removing layer effects isn't as easy, on the surface. Normally,
to remove a layer effect, you'd select the layer, then choose Layer, Effects
with the effect highlighted. In the resulting dialog box, you'd deselect the
Apply check box.
Fortunately, there's an easier way. To remove layer effects from a layer, first
select the layer. Then press Alt in Windows or Option on the Macintosh and
double-click the Layer Effects icon located on the right side of the selected
layer. Photoshop will remove all effects applied to the selected layer.
LOCKING COLOURS.
Some of us simply
don't trust Photoshop or Image Ready to keep the correct colours as we save or
down sample an image for the Web. To prevent Photoshop or Image Ready from down
sampling a colour out of your image, you can choose to lock certain colours in
the Color palette. Once a colour is locked, Photoshop or Image Ready will
include it in the Web-ready version of your image.
To lock a colour in Image Ready, first choose Window, Show Color Table. Then
select the colour you want to lock and click the Lock icon at the bottom of the
palette. To lock a colour in Photoshop, choose File, Save For Web. In the
resulting dialog box, select a colour from the colour table and click the Lock
icon. Both Photoshop and Image Ready place a white square in the lower-right
corner of the colour swatch to denote a locked colour.
Unlocking a colour is very similar. In Image Ready, choose Window, Color Table to activate the Color Table palette. In Photoshop, choose File, Save For Web to open the Save For Web dialog box and the Web colour table. Then select a locked colour and click the Lock icon.
KEEPING TRACK OF YOUR SCRATCH DISK.
If you're using
Photoshop on a machine with a small or almost full hard drive, performance can
decrease dramatically as Photoshop gobbles up more and more of the scratch disk.
Here's a tip that will let you keep an eye on how much scratch disk Photoshop is
using and how much is left.
In the bottom-left corner of the Photoshop window, there's a menu. Click the
menu and choose Scratch Sizes. To the left of the menu, Photoshop will display
the scratch disk amount currently in use and the total scratch disk amount
available.
ACHIEVING THE PERFECT TONE OR INTENSITY.
If you have trouble
intensifying a tonal area with Photoshop's manipulation tools, try this trick.
Select the area you want to affect and duplicate it onto a new layer. Then you
can adjust the layer modes and opacity to fine-tune the area of your image.
To create a duplicate of a selection on a new layer, first select the area. Then
choose Edit, Copy and Edit, Paste. Photoshop will place a duplicate of the
selection on a new layer.
KEEP A HANDLE ON ANIMATION SPEED.
Adobe ImageReady
allows you to create animated banner GIFs. However, to keep the cells in the
animated banner from flashing by too quickly to read or view, you can maintain a
minimum 2-second frame rate.
To set the frame rate for all the cells in your animation, press Shift and
select each cell in your ImageReady document. Then choose Other from the Frame
Delay Time menu. In the resulting dialog box, enter 2 in the text field
and click OK.
WML, WAP, WBMP.
Just when you think
you've got a handle on the latest Web technology and graphics, something new
comes along. The latest platform you'll soon be asked to design for is WAP
(Wireless Application Protocol).
WAP allows people-on-the-go to use wireless devices, such as cellular phones, to
surf the Net. Web pages for wireless devices use WML (Wireless Markup Language)
to deliver content. WML has quite a few page width, length, and formatting
limitations. In addition, WML and WAP support only one graphics file format,
WBMP. Although the WML, WAP, and WBMP acronyms may be new to you, get used to
them--most likely you'll be designing for this new community of Internet users
very soon.
WBMP is
the only graphics format optimised for WML use. The WBMP format is a 1-bit
(black and white) format. Additionally, the WBMP image should not be larger than
150x150 pixels. In most cases, the WBMP images should be much smaller. Nokia
phones, for example, have only a 96x65 pixel wide display.
Currently, core Adobe Photoshop does not support the WBMP graphics file format.
However, there are BMP-to-WBMP converters that can convert a Photoshop 1-bit BMP
to a WBMP.To download a free BMP-to-WBMP converter application, go to http://www.gingco.de/wap/
Macintosh Photoshop users won't have to wait until the next Photoshop update; Macintosh users can download a WBMP plug-in that allows them to save Photoshop images as WBMP files. To download the plug-in, go to http://www.creationflux.com/laurent/wbmp.html
LOOKING FOR A PLUG-IN.
Photoshop's power
and ease of use continually make it the number one graphics application
available. However, one application can't be the perfect answer for every need.
Expanding Photoshop's feature set is where plug-ins come in.
Adobe plug-ins allow you add new or enhance existing Photoshop features. To find
out how far you can take Photoshop, go to the Adobe site and check out the
extensive list of third-party plug-ins at http://www.adobe.com/products/photoshop/plugins.html
ILLUSTRATOR/PHOTOSHOP PASTING WORKAROUND.
You may have noticed
that copying a shape from Adobe Illustrator and pasting it into Adobe Photoshop
often has inconsistent results. Sometimes the shape will insert into your
Photoshop document just fine. Other times, areas of the pasted shaped are cut
off or appear incorrectly.
A simple way to avoid this problem is to place a no-fill, no-stroke rectangle
around the shape you plan to copy. Then, select the rectangle along with the
shape and copy. When you paste into Photoshop, your shape will appear
correctly.
CONVERTING LAYER EFFECTS INTO LAYERS.
Although Photoshop's
layer effects allow you to quickly apply special effects to a layer, adjusting
an effect is a bit more limiting than run-of-the-mill layers. Fortunately, you
can easily convert a layer effect into its component layer pieces.
To convert a layer effect into layers, select the layer with the layer effect
from the Layers palette. Then choose Layer, Effect, Create Layer. Photoshop
removes the effect from the selected layer and creates new layers that have the
same effect.
IMPROVE YOUR PREVIEW.
Most Adobe Photoshop
and Adobe ImageReady features and functions give you the option of previewing
their effect on your image before actually applying the effect. However, the
accuracy of the preview depends on the current image magnification. Larger or
smaller magnifications can make the preview appear darker than the final result.
For the truest preview, set your image to 100 percent magnification before you
preview a change. To set your image to 100 percent magnification, choose View,
Actual Size in Adobe Photoshop or Adobe ImageReady. Alternatively, press
Ctrl-Alt-0 in Windows or Command-Option-0 on the Macintosh.
FILL IT WITH COLOR.
While lower-end
paint applications limit you to crude tools such as a paint bucket to fill image
areas with colour, Adobe Photoshop offers a more sophisticated approach. The
Adobe Photoshop Fill function allows you to fill a selection or layer with the
foreground colour, background colour, white, black, or grey. Further, Fill
allows you to set the opacity of the fill and to choose a fill mode.
To use the Fill feature, use the Selection tools to create a selection in your
Photoshop image. Then choose Edit, Fill. In the resulting dialog box, choose the
colour, opacity, and mode to fill the selection and click OK. Photoshop fills
the selection with the chosen colour.
FILL IT FASTER.
As with most
Photoshop features, there are keyboard shortcuts that allow you to achieve the
same goal in a quarter of the time. For example, to fill a selection with the
colour in the foreground colour slot, press Alt-Delete in Windows or
Option-Delete on the Macintosh. To fill a selection with the colour in the
background colour slot, press Ctrl-Delete in Windows or Command-Delete on the
Macintosh. It's important to note that pressing the keyboard shortcut without an
active selection will fill the entire layer with colour.
However, you aren't limited to just the last saved version. You can create
snapshots during your image's development and pick which snapshot to use as a
source for your History fill.
For example, suppose you open an image that requires significant modifications.
You begin simply and complete the overall tonal adjustments. At this point,
choose Window, Show History. In the History palette, choose New Snapshot from
the palette menu.
Moving on, you complete the next several modifications on selected portions of
your image. However, the modifications cause too great a loss of detail in one
area of the image. Using the Fill History feature, you can fill only that area
with content from your last snapshot.
To do so, first select that area with a Selection tool. Then, set the target of
the Fill History feature to your snapshot, and select the History Source check
box next to the snapshot in the History palette. Then, choose Edit, Fill and
choose History from the Fill list box in the Fill dialog box. Now click OK.
Photoshop fills the selected area with the content from the snapshot.
REMOVING HALOS FROM LAYER OBJECTS.
Regardless of the
care we take when selecting and extracting an object from its background, it's
inevitable that artefacts remain around the edge of the selected object. We
typically refer to these background artefacts as halos--colour pixels
inadvertently pulled from the original background of an object. Fortunately, you
have several ways to rid your selected object of these colour artefacts.
The most straightforward method to remove the halo from an object on a
transparent layer is to use the Matting Defringe function. The Defringe function
replaces pixels along the outside edge of the nontransparent pixels in the
object. To use the Defringe function, choose Layer, Matting, Defringe. In the
resulting dialog box, enter a range of pixels to Defringe along the edge of the
object. It's best to begin with a setting of 1 or 2 and reapply the function
until you see acceptable results.
However, if you're lucky
enough that the background the halo was created from is black or white, you can
simply use the Remove White Matte or Remove Black Matte function.
To remove a white halo from a layer object, activate the appropriate layer and
choose Layer, Matting, Remove White Matte. To remove a black halo, choose Layer,
Matting, Remove Black Matte. Photoshop determines the appropriate pixel range
along the edge of the layer object and removes it.
The last method we'll
discuss to remove a halo around a layer object utilizes a layer's ability to
blend pixels based on the pixels in another layer.
For example, to remove a blue halo from an object set on a transparent layer
over a white layer, first activate the layer with the object. Then choose Layer,
Layer Options. In the resulting dialog box, choose Blue from the Blend If list
box. Then drag the White point slider in the This Layer colour scale to the left
until the white halo disappears from the preview image. Click OK to apply the
new blending options.
RESIZE WITHOUT LOSING QUALITY.
How to decrease or
increase the size of an image is a basic function every Photoshop Web user must
learn. However, there is one step almost every beginning Photoshop Web user
forgets when attempting to resize an image. Before you resize a Web image, you
must convert a GIF image from Indexed Color mode to RGB mode.
To maintain sharpness and prevent the dreaded bitmap edges, Photoshop needs
access to a full-colour palette as it scales an image. Indexed Color mode has
access only to a specific and short list of colours. This list does not lend
itself well to resizing. The RGB mode, however, allows Photoshop to pick from
any colour imaginable in order to maintain sharpness.
CREATING AN ARROW IN PHOTOSHOP.
Often the simplest
tasks take the most time. Take an arrow, for example. It's a very simple shape,
but if you are forced to create an arrow with the Photoshop selection or shape
tools, it could consume a lot of your time.
Fortunately, Photoshop offers an easy way to create an arrow. To do so,
double-click the Line tool in the toolbox to display the Line Options palette.
Then click the Arrowhead Start or End checkbox. Next, click and drag the Line
tool in your image document to create a line with an arrowhead in your
document.
CHECKING YOUR IMAGES ON A MACINTOSH AND WINDOWS.
A great application
for multiple views of the same image is using Adobe ImageReady for Web-image
production. As you know, Macintosh and Windows can present Web graphics very
differently. One way to check for image discrepancy is to open a Macintosh view
and a Windows view of your image.
To do so, choose View, New View twice to create two additional views of your
image. Now activate a secondary view and choose View, Preview, Standard
Macintosh Color. Next, activate the other secondary view and choose View,
Preview, Standard Windows Color. Now you can see how your original image will
appear on a Macintosh and on a Windows computer. In addition, you can make
changes to the original image and immediately see the effect in the Macintosh
and the Windows views.
TARGETS.
Photoshop has a
number of preset gradients you can use to create simple blends, metal textures,
rainbows, and so forth. In particular, the Transparent Stripes gradient allows
you to quickly paint a target.
To demonstrate, open a 500x500-pixel image in Adobe Photoshop. Then click the
Foreground colour slot and choose a Red colour. Next, click and hold the
Gradient tool and choose the Radial Gradient tool from the tool submenu. Next,
double-click the Gradient tool to activate the Gradient Tool Options palette.
Choose the Transparent Stripes gradation from the Gradient Tool Options palette.
Now you're ready to paint your target. Position your Gradient tool in the image,
click, drag, and release. As you can see, Photoshop paints a perfect
red-and-white-striped target.
MAKING YOUR TYPE POP.
You may have noticed
that some typefaces and type colours aren't as visible as they should be. For
example, Blue Times New Roman on a grey background is very difficult to read.
Fortunately, there's an easy fix for these type and colour problems. To make
your type pop, you can insert a halo of another colour between the type and the
background layer. To do so, create a new layer and position it between the type
layer and the background layer. Then select the new layer and load the type as a
selection. To do so, choose Select, Load Selection. In the resulting dialog box,
choose the Type layer transparency and click OK.
Next, slightly blur the selection edges. To do so, choose Select, Feather; enter
3 in the Feather text field; and click OK. Finally, fill the blurred
selection with another colour. To do so, choose Edit, Fill. In the Fill dialog
box, choose a colour and click OK. As you can see, the halo helps to define the
edges of the type, making it easier to see and read.
LOADING LAYER TRANSPARENCIES AS SELECTIONS.
As you probably
know, you can load a layer's transparency as a selection. To do so, choose
Select, Load Selection. In the resulting dialog box, choose the layer
transparency and click OK.
However, you may not know that you can bypass the Load Selection dialog box and
quickly load a layer's transparency as a selection with a click of your mouse.
To do so, press Ctrl in Windows or Command on a Macintosh and click the layer in
the Layers palette.
ADDING TO YOUR SELECTION.
In our previous tip,
we explained how you can bypass the Load Selections dialog box to quickly load a
layer's transparency as a selection. As you may recall, to do so, press Ctrl in
Windows or Command on a Macintosh and click the layer.
Once you've loaded a layer transparency as a selection, you can add to it just
as easily. For example, in an image with three layers, let's load the second
layer as a selection in the first layer. Then let's add the third layer
transparency to the existing selection in the first layer.
To begin, select the first layer. Then, press Ctrl in Windows or Command on a
Macintosh and click the second layer. As you can see, Photoshop loads the second
layer transparency as a selection in the first layer.
Now, to add the third layer transparency as a selection to the existing
selection, press Shift-Ctrl in Windows or Shift-Command on the Macintosh and
click the third layer in the Layers palette.
THE ART HISTORY BRUSH.
The next time you
want to create a very unique visual effect, try the Art-History brush. The
Art-History brush allows you to paint using stylised strokes, such as tight or
loose strokes, dabs, or tight or loose curls. Like the History brush, the source
of your paint is a current or past history event or snapshot.
The fastest way to learn the Art-History brush is to practice with it. To do so,
open an image in Photoshop. Then fill the image with white. Next, choose the
Art-History brush and set the source to the history event to the original image.
Next, choose Windows, Show Options to display the Art-History Brush Options.
Next,
begin painting with the Art-History brush. To experiment, alter the Art-History
Brush Strokes, Opacity, Fidelity, Area, and Tolerance settings in the Options
palette.
In addition to experimenting on your own, keep the following guidelines in mind:
A NEW AVENUE OF SUPPORT.
The Adobe Web site,
partnering with ePeople.com, now offers a technical support auction. You can
submit your technical questions to the Adobe Support Exchange. Your question
will go out to thousands of experts who bid to answer your questions. At that
point, you can choose the technical support expert with the price you're most
comfortable with.
You have 24-hour access to the Adobe Support Exchange through the Adobe Web
site. Registration is free. For more information, go to http://www.adobe.com
FINDING THE NUMBER OF PIXELS SELECTED.
To see the number of
pixels selected in a selection, first open an image in Photoshop. Then, use one
of the Selection tools to create a selection. Next, choose Image, Modify,
Histogram. In the resulting dialog box, Photoshop will list the number of pixels
selected.
ADOBE PHOTOSHOP SHORTCUTS.
We can all agree
that Photoshop is thick with features. Further, it's a virtual impossibility
that you will remember every shortcut key to access every one of the Photoshop
features. Therefore, a cheat sheet would be very helpful.
Deke McClellan has dubbed his all-inclusive Photoshop shortcut table "The
Great Grandmother of All Shortcut Tables." We agree. Deke has incorporated
every Photoshop shortcut key in an easy-to-use table. To download the table, go
to http://www.thunderlizard.com/handouts/ps_table.html
IMPORTING A MICROSOFT PUBLISHER FILE INTO
PHOTOSHOP.
The easiest way to
bring a Microsoft Publisher page into Adobe Photoshop is to transform the
Publisher page into an Acrobat PDF. To do so, you will need Adobe Acrobat
Distiller. Open your Microsoft Publisher document. Set the document to print a
PostScript file. Then, launch Acrobat Distiller (or Acrobat Exchange) and
transform the PostScript file into an Acrobat PDF document. Now you can open the
PDF document in Adobe Photoshop.
ADJUSTING SLICE LABELS.
As you may know,
Adobe ImageReady places a label on each slice you create in an image. However,
by default, these labels are fairly small and hard to read, and hinder viewing
your image. Fortunately, you can alter the size and opacity of the labels to
make them more useful.
We suggest increasing the size of the slice labels while decreasing their
opacity. This allows you to easily read the label and still see the image behind
it. To do so, choose File, Preferences, Slices. In the resulting dialog box,
choose the largest icon in the Numbers And Symbols section. Then, adjust the
Opacity setting to 50%. Click OK to save your changes. Now you're able to see
all of your image and tell which slice is which.
However,
slice labels, even modified, can still get in the way. Fortunately, there is a
quick way to turn slice labels off and then back on.
To toggle the slice display off, click the Hide Slices button below the
Foreground Color/Background Color Swatch on the toolbar. To toggle the slice
display on, click the Show Slices button next to the Hide Slices button.
Alternatively, you can press Q in Windows or on the Macintosh to toggle the
slice display on or off.
DUCKS GALORE.
Everyone likes to
have fun in his or her job, and the folks at Adobe are no exception. Why else
would they hide Duck Easter eggs throughout Adobe ImageReady? The Easter egg
easiest to see is behind the image at the top of the Adobe ImageReady toolbar.
To see the Easter egg, press Alt in Windows or Option on the Macintosh. Then,
click the image. The image at the top of the Adobe ImageReady toolbar switches
to an image of a duck. To return the image to normal, press Alt in Windows or
Option on the Macintosh and click the image again.
Another fun Easter egg replaces the default greyscale block grid with a grid of
ducks. To see this Easter egg, first you must have the Transparency grid display
turned on. To turn the grid display on, choose File, Preferences, Transparency.
In the resulting dialog box, choose Large from the Grid Size list box. Then,
click OK.
Now you're ready for the Easter egg. Create a new image with a transparent
layer. To do so, choose File, New. Then, select the Transparent checkbox from
the Contents Of The First Layer section and click OK. At this point, you should
see an image with a light grey block grid. To transform the block grid into a
grid of ducks, type the word duckerboard on your keyboard.
We've been discussing some of the fun Easter eggs Adobe has hidden throughout the Adobe ImageReady application. We suppose the duck theme came from the original splash screen of the beta version of Adobe ImageReady. This splash screen pictured a small duck peering into several funhouse mirrors. You could see his distorted reflections in the mirrors.
Speaking of the beta splash screen, another Adobe ImageReady duck Easter egg shows you the splash screen. To view the splash screen, press Ctrl in Windows or Command on the Macintosh and choose Help, About ImageReady. Alternatively, you can press Ctrl in Windows or Command on the Macintosh and click the image at the top of the Adobe ImageReady toolbar.
ADOBE PHOTOSHOP 6.0 REDESIGNED FOR 800 X 600 SCREEN.
Fair warning, Adobe
Photoshop 6.0 has been designed for a minimum 800 x 600 screen (not that we
think any of you are actually using Adobe Photoshop set to 640 x 480
resolution). What this means is that Adobe has redesigned the palettes so you
can more easily manage all of the objects on your screen.
One handy feature that allows you to manage the palettes on your screen is the
Palette Well. The Palette Well is on the Options Bar. You can drag any palette
onto the Palette Well and Adobe Photoshop turns the palette into a drop-down
palette. You can click on a drop-down palette to temporarily display its
options. Once you've finished, the palette collapses back into the Palette Well.
HIDDEN TOOLS ARE EASIER TO RECOGNIZE IN ADOBE
PHOTOSHOP 6.0.
Adobe Photoshop 6.0
has solved a user interface problem that many novice Adobe Photoshop users have
complained about. To find the name of a hidden tool in previous Adobe Photoshop
versions, you must select the hidden tool and then place the cursor over a tool
and wait for the ToolTips label to appear.
In Adobe Photoshop 6.0, Adobe found a way to list both the name and icon of
hidden tools in the toolbox submenu. Now when you click a tool to display the
hidden tool submenu, you can see the tool icon, tool name, and even the keyboard
shortcut for the tool.
PREVIEWING WEB GRAPHICS IN BROWSERS.
As you may know, Adobe
Photoshop displays a preview of your Web graphic before you save it in the Save
For Web dialog box. Although this preview is useful, Adobe recognizes nothing
can substitute for previewing a Web graphic in Netscape Navigator and Internet
Explorer. Therefore, it built the ability to preview your Web graphic by
launching a browser from the Save For Web dialog box.
To preview your Web graphic in a browser, first open the Save For Web dialog box
by choosing File, Save For Web. If you've installed both browsers on your
computer, select the browser of your choice from the Browser list box located at
the bottom right of the Save For Web dialog box.
INTERLACING GIFS AND PNGS.
As you've probably seen
on the Web, images download and display top-to-bottom. However, the
second-or-two wait for the full image to render can lose the attention of your
Web visitor. Fortunately, there is an easy-to-use alternative that immediately
displays a low-resolution version of an image and gradually displays the full
image as the download completes. As you can imagine, this creates an illusion of
a faster download.
To set your images to display as we described, simply save your images in the
interlaced GIF or PNG format. To do so, launch Adobe Photoshop and open your
image. Then, choose File, Save For Web. In the resulting dialog box, select GIF
or PNG-8 or PNG-24 from File Type list box in the Settings section. Then, select
the Interlaced check box and click OK. Next, name your file and click Save.
To test the Web display of your saved image, open a Web browser and enter the
image file path in the Address field. As you'll see, a low-resolution version of
the image appears first. In the next second, the full-resolution version
appears.
INTERLACING ISN'T FOR EVERYONE.
In our last
interlacing tip, we discussed how to create the illusion of faster download
rates by creating interlaced GIFs and PNGs. Interlaced images immediately
display a low-resolution image and gradually build to the full-resolution image.
However, interlaced images are not the perfect solution. Interlacing an image
can slightly increase file size. In addition, some older browser versions do not
properly display interlaced images.
In other scenarios, interlaced images offer no benefit. For example, since
background images or table background images won't display until the image is
completely downloaded, interlacing a background image serves no purpose.
Therefore, keep interlaced GIFs or PNGs in mind for Web graphics, but limit
their use to simple graphics displayed in an HTML page.
SPEEDING UP YOUR WORK WITH CONTEXT MENUS.
Adobe Photoshop 6.0 is
out and with it comes several new and rearranged context menus. You may think
there's no point learning these new keyboard commands when you can simply use
your mouse. But, as incredible as it sounds, taking the few seconds needed to
move your mouse cursor from the image to Photoshop's menu or toolbar, choose a
item, and move the cursor back to the image is extremely inefficient. Believe
us, those precious seconds quickly add up.
To increase your Photoshop efficiency, avoid trips to the menu bar. The easiest
way to do so is to use the context menus. In almost every scenario, a
right-click in Windows or an Option-click on the Macintosh presents you with a
pop-up menu of choices targeted to the currently selected object.
GETTING TO HIDDEN TOOLS.
Photoshop and
ImageReady have so many tools Adobe decided to stack similar tools in the
toolbar. Normally, to choose a hidden tool, you click and hold a tool in the
toolbox for a second or two until a list of stacked tools appears. Then, you
select the tool you want.
As we've mentioned before, those seconds you wait quickly add up to a lot of
wasted time. The next time you want to use a hidden tool, press Alt in Windows
or Option on the Macintosh and click the tool in the toolbox. Each click will
cycle to the next hidden tool. Pressing Shift while you Alt-click or
Option-click will cycle to the previous hidden tool.
PRESERVING TRANSPARENCY.
Most Adobe Photoshop
users know you can use selection to confine your painting, filters, and editing
to a specific area of an image. However, you may not know you can use the
Preserve Transparency option on the Layers palette to accomplish the same goal.
For example, to modify an object (add special effects, apply colour, or
manipulate tonal levels) without affecting the areas of the layer in the
transparent area outside an object, first choose Window, Show Layers to display
the Layers palette. Then, activate the target layer and select the Preserve
Transparency check box. Now you can paint or apply any modification to the layer
without affecting the transparent area outside the existing object.
TOGGLING PRESERVE TRANSPARENCY ON AND OFF.
In our previous tip,
we discussed how to use the Preserve Transparency option to confine your
modifications to the object on a layer. Much like selecting an area of an image,
Preserve Transparency preserves the transparent area around the existing objects
on a layer.
This is a great feature, but it can get in the way when you want to add pixels
to a layer. Fortunately, you can quickly toggle Preserve Transparency on and off
with a keyboard shortcut. In Windows or on the Macintosh, press / to turn
Preserve Transparency on or off.
PRESERVE TRANSPARENCY FOR TYPE LAYERS.
We've discussed
using the Preserve Transparency option to confine painting or editing to the
existing object on a layer. For example, if there were a red ball on a layer
with Preserve Transparency turned on, you could choose a paint brush, sloppily
paint all around the layer, and still change only the colour of the red ball.
You cannot turn Preserve Transparency on in type layers. The only way to affect
the transparent area of a type layer is to convert the type layer into a normal
layer. To do so, choose Layer, Type, Render Layer. At this point, you can turn
Preserve Transparency on and off as you normally would.
COLOR-CORRECT YOUR IMAGE IN 16-BIT MODE.
Although most people
work in 24-bit RGB colour mode, Adobe Photoshop is capable of converting images
from 2-bit to 64-bit colour. Why would you want to change the bit depth of the
image you're working on? One reason is for colour correction. The 16-bit colour
mode more accurately displays colours and colour modifications. To change the
bit depth of the image you are working on to 16 bits, flatten the image and
choose Image, Mode, 16 Bits/Channel.
If the 16-bit colour mode more accurate