Adobe Photoshop 7.

0 Tutorial
About the Tutorial

Title: Introduction to Adobe Photoshop 7.0 Workspace Description: This tutorial will introduce the basic interface of Adobe Photoshop 7.0. The tutorial will begin by showing the layout that the user will see right after opening Photoshop. The tutorial will move on to the different parts of the layout. It will start from the menu bar, then to the tool box, and finally ending the tutorial the palettes. Pages: 1-19 Time needed: 30 mins. Category: Graphic Design and Web Development Author: Noel Robinos Email: robinosn@purdue.edu

The Photoshop Interface

The Photoshop interface consists of a menu bar, toolbox, and palettes. As they do in other programs, Photoshops menu bar runs across the top of the workspace. Photoshops toolbox is located on the left side of the work area. The toolbox contains all the available tools in Photoshop. In addition to the toolbox, there is the tool's option bar. It is located on top of the screen. This is where you'll be able to make modifications for each tool in the tool box. Photoshops palettes, stacked up on the right side of the screen, it helps you monitor and modify images. Note that each of the palettes includes tabs that allow you access to more options.

Menu bar
The menu bar is located at the top of the workspace. It contains menus for performing specific tasks. The menus are organized by topic. It contains the File, Edit, Image, Layer, Select, Filter, View, Window, and Help menus.

File
New - use for opening a blank canvas for you to work in. Open - use to open an already made file in Photoshop. Browse - it will open the File Browser tab, which allows you to look at your files. Open As - you can open any file format as any file format that you wish to open it as. Open Recent - gives a selection of the most recent file opened in Photoshop. Close - closes file that you're working on in Photoshop. Save - saves file. Save As - allows you to save a file with a different name. Save for Web - allow you to save files that you can use for a website. Revert - allows you to go back to the original state of the image. Place - use to place artwork into a new layer in an image. Import - allows you to import Annotation, PDF Image, or WIA support file. Export - allows you to export Paths to Illustrator or Zoomview. Workgroup - you can find detailed information and the latest news about WebDAV at www.webdav.org. Automate - simplify complex tasks by combining them into one or more dialog boxes. File Info - you can add title and copyright information to a Web page. Page Setup - modifies paper, orientation, and margins before you print. Print with Preview - previews your image before you print. Print - prints the image that you are working on in Photoshop. Print One Copy - prints one copy of the image that you are working on in Photoshop. Jump To - you can jump to other graphics-editing applications and HTML-editing applications from within ImageReady. Exit - closes Adobe Photoshop 7.0.

Edit
Undo - erases your most recent change on an image. Step Forward - goes up one step in your History palette. Step Backward - goes back one step in your History palette. Fade - changes the opacity of the image. Cut - cuts an image or any selection that you've made. Copy - copies an image or any selection that you've made Copy Merged - makes a merged copy of all the visible layers in the selected area. Paste - transfers an image or any selection that you've made. Paste Into - pastes a cut or copied selection inside another selection in the same image or different image. Clear - clears all the work done in the workspace. Check Spelling - checks spelling. Find and Replace Text - finds and replaces text that you've done in the workspace. Fill - fills selected areas with your chosen colors. Stroke - creates a visible line around the objects created in the workspace. Free Transform - manually transforms the image. Transform - modifies specific parts of the image like scale, skew, rotate, etc. Define Brush - create and saves custom made brushes. Define Pattern - create and saves custom made patterns. Define Custom Shape - create and saves custom shapes.` Purge - clears the Undo's, Clipboard, and History palette. Color Settings - you can customize color management settings. Preset Manager - centralizes management of brushes, swatches, gradients, styles, patterns, contours, custom shapes, and preset tools. Preferences - allows you to edit the Preferences in Adobe Photoshop 7.0.

Image
Mode - changes the Color Mode of the image. Adjustments - adjust different attributes of the image. Duplicate - duplicates the selected image. Apply Image - lets you blend one image's layer and channel (the source) with a layer and channel of the active image (the destination). Calculations - lets you blend two individual channels from one or more source images. Image Size - adjust pixel dimensions, document size, and resolution. Canvas Size - adjust the size of the workspace. Rotate Canvas - rotates the workspace. Crop - crop images. Trim - trim images Reveal All - shows the entire image. Histogram - change the values of the image. Trap - corrects the misalignment of solid colors.

Layer
New - adds new layer. Duplicate Layer - duplicates a layer. Delete - deletes a layer. Layer Properties - change name and color of the layer. Layer Style - adds effects to the image. New Fill Layer - creates a new layer with a specific color, gradient, and pattern. New Adjustment Layer - creates a new layer with specific adjustments. Change Layer Content - change layer content. Layer Content Options - options for layer content. Type - creates a text layer. Rasterize - combines all the layers making it uneditable. New Layer Based Slice - adds a new slice base layer. Add Layer Mask - adds a layer mask. Enable Layer Mask - turns off layer mask. Add Vector Mask - adds a vector mask. Enable Vector Mask - turns off vector mask. Group with Previous - groups layers. Ungroup - ungroup layers. Arrange - move layers from front to back. Align Linked - aligns linked layers. Distribute Linked - spreads out aligned layers. Lock All Layers In Set - locks layers. Merge Down - combines the top layer with the bottom layer. Merge Visible - combines all visible layers. Flatten Image - combines all layers and creates a new image. Matting - defringe, and removes white/black matte.

Select
All - selects all objects in the workspace. Deselect - deselects selected item. Reselect - reselects previously unselected item. Inverse - reverses the selection area. Color Range - selects range of color. Feather - blur edges by building a transition boundary between the selection and its surrounding pixels. Modify - changes the selection's attribute of border, smooth, expand, or contract. Grow - expands selection area. Similar - selects objects with similar attributes. Transform - transforms selection tool. Load Selection - loads a selection. Save Selection - saves a selection.

Filter
Last Filter - apply last filter used. Extract - takes out part of the image. Liquify - makes image look like liquid. Pattern Maker - makes patterns. Artistic - makes image look like a painting, water color, etc. Blur - blurs image. Brush Strokes - makes image look like done by different brush stroke styles. Distort - distorts image. Noise - adds noise to the image. Pixelate - pixelates the image. Render - creates cloud effects, 3D transform, etc. Sharpen - sharpens the edges in the image. Sketch - creates effects like charcoal, chrome, etc. Stylize - creates effects like emboss, extrude, etc. Texture - creates texture effects. Video - choose between De-Interlace or NTSC Colors. Digimarc - puts watermarks in the image.

View
Proof Setup - you print a hard proof of your document to preview how the document's colors will look when reproduced on a specific output device. Proof Colors - turn on or off the highlighting of outof-gamut colors. Gamut Warning - you can also quickly identify all out-of-gamut colors in an RGB image. Zoom In - zooms in. Zoom Out - zooms out. Fit on Screen - fits whole image in the window. Actual Pixels - adjusts the workspace to the actual pixel size. Print Size - adjusts the workspace to its print size. Extras - you can also show or hide Extras. Show - show grids, guides, slices, etc. Ruler - shows ruler. Snap - automatically aligns to the ruler. Snap To - automatically aligns to the guides, grids, etc. Lock Guides - locks guides. Clear Guides - clears all the guides. New Guide - adds a guide. Lock Slices - locks slices. Clear Slices - clear slices.

Window
Documents - changes the orientation of the workspace. Workspace - saves/deletes workspace and reset palettes. Tools - open/hides toolbox. Options - open/hides tool option bar. File Browser - open/hides file browser palette. Navigator - open/hides navigator palette. Info - open/hides Info palette. Color - open/hides color palette. Swatches - open/hides swatches palette. Styles - open/hides styles palette. History - open/hides history palette. Actions - open/hides actions palette. Tool Presets - open/hides tool presets palette. Layers - open/hides layers palette. Channels - open/hides channels palette. Paths - open/hides paths palette. Brushes - open/hides brushes palette. Character - open/hides character palette. Paragraph - open/hides paragraph palette. Status Bar - open/hides status bar palette.

Help
Photoshop Help - helps you with any questions that you have about Photoshop. About Photoshop - explains Adobe Photoshop. About Plug-In - explains the different plug-ins for Photoshop. Export Transparent Image - provides step by step instructions on how to export transparent images. Resize Image - provides step by step instructions on how to resize an image. System Info - provides information about your system. Updates - downloads updates for Adobe Photoshop 7.0. Support - takes you to the Adobe Photoshop website for support. Registration helps you register your Adobe Photoshop 7.0. Adobe Online - allows Adobe Photoshop to go online.

Photoshops toolbox
Photoshops toolbox, at the left side of the work area, contains a wide variety of tools that can be used with most any image. Some tool icons contain a small triangle in their bottom right corner. This triangle means that more tools become available as you select the tool icon and hold down the mouse button. These extra tools are illustrated below. Most tools have options that are displayed in the tool options bar, located across the top of the work area. The options bar is context sensitive and changes as different tools are selected. For example, when the paintbrush tool is selected, the options bar (below) allows you to adjust the size, mode, opacity, and flow of your brushstroke.

10

Selection, move, and crop tools

Marquee tools make rectangular, elliptical, single row, and single column selections. The Move tool moves selections, layers, and guides. The Lasso tools make freehand, polygonal (straightedge), and magnetic (snap to) selections. The Magic Wand tool selects similarly colored areas. The Crop tool trims images. The Slice tool creates slices; the Slice Selection tool selects slices.

Painting tools
The Healing Brush tool paints with a sample or pattern to repair imperfections in an image; the Patch tool repairs imperfections in a selected area by copying a segment of a sample or pattern. The Paintbrush tool paints brushstrokes; the Pencil tool paints hard-edged strokes. The Clone Stamp tool paints with a sample of an image; the Pattern Stamp tool paints with part of an image as a pattern. The History Brush tool paints a copy of the selected state or snapshot into the current image window; the Art History Brush tool paints with stylized strokes that stimulate the look of 11

different paint styles, using a selected state or snapshot. The Eraser tool erases pixels and restores parts of an image to a previously saved state; the Background Eraser tool erases areas to transparency by dragging; the Magic Eraser tool erases solid-colored areas to transparency with a single click. The Gradient tools create straight-line, radial, angle, reflected, and diamond blends between colors; the Paint Bucket tool fills similarly colored areas with the foreground color. The Blur tool blurs hard edges in an image; the Sharpen tool sharpens soft edges in an image; the Smudge tool smudges data in an image. The Dodge tool lightens areas in an image; the Burn tool darkens areas in an image; the Sponge tool changes the color saturation of an area.

12

Other important tools

The Path Selection tools make shape or segment selections showing anchor points, direction lines and direction points. The Type tool creates type on an image.

The Pen tools draw smooth-edged paths.

The Shape tools create rectangles, rounded rectangles, ellipses, polygons, and lines; the Custom Shape tool makes customized shapes selected from a custom shape list on the tool options bar.

The Annotation tool makes notes and voice annotations that can be attached to an image. The Eyedropper tool samples colors in an image; the Measure tool measures distances, locations, and angles. The Hand tool moves an image within its window. The Zoom tool magnifies and reduces the view of an image.

13

Foreground and background colors

The foreground color box in the Toolbox (the top left square) displays the currently selected foreground color, or the color that you are painting or drawing with. By default, the foreground color is black. The background color (bottom right) displays the currently selected background color. By default, the background color is white. To swap the two colors, click the arrows. To change one of the colors, click its box, and the Color Picker dialog box will appear. If you want to use Web colors, select Only Web Colors in the bottom left corner of the dialog box. The code for the color you choose will appear in the # text box to the right.

14

Edit and Screen modes; ImageReady

Edit mode Screen mode ImageReady Edit modes. The edit mode buttons allow you to edit either in standard mode (left) or in Quick Mask mode (right). Masks let you isolate and protect areas of an image as you apply color changes, filters, or other effects to the rest of the image. When you select part of an image, the area that is not selected is masked or protected from editing. You can also use masks for complex image editing, such as gradually applying color or filter effects to an image. Quick mask mode lets you edit any selection as a mask without using the Channels palette (more on palettes below) and while viewing your image. Screen modes. The screen mode buttons provide different screen views of your image. The left button is standard screen mode, the middle is full screen mode with the menu bar, and the right is full screen mode without the menu bar. Jump into ImageReady. ImageReady is another Adobe image-editing program. With the Jump into feature, you can jump between Photoshop and ImageReady to transfer an image between the two applications for editing without closing or exiting the originating application. In addition, you can jump from ImageReady to other graphics-editing programs and HTML editing programs installed on your system. Jumping to a program saves you from having to close the file in one program and reopen it in another.

15

Palettes
By default Photoshops palettes are stacked up together in groups on the right side of the screen. Palettes help you monitor and modify images. Note that each of the palettes includes tabs that allow you access to more options. Navigator palette Navigator palette is use to zoom in and out of the image that you are working on. You can zoom in and out by using the little triangle at the bottom of the navigator tab window. Or you could type what % percentage of size you want at the bottom left of the navigator tab. If the entire image is not visible in the document window, you can navigate to bring another area of the image into view. Info palette The Info palette displays information about the color values beneath the pointer or cursor and, depending on the tool in use, other useful measurements. Color palette The Color palette displays the color values for the current foreground and background colors. Using the sliders in the Color palette, you can edit the foreground or background colors according to several different color models. You can also choose a foreground or background color from the spectrum of colors displayed in the color ramp at the bottom of the palette. Swatches palette You can choose a foreground or background color from the Swatches palette, or you can add or delete colors to create a custom swatch library. Creating libraries of swatches can help you group related or special swatches and manage palette size. Styles palette The Styles palette lets you view and select preset layer styles. By default, applying a preset style replaces the current layer style.

16

History palette You can use the History palette to revert to a previous state of an image, to delete an image's states, and in Photoshop, to create a document from a state or snapshot. Actions palette You use the Action palette to record, play, edit, and delete individual actions. This palette also lets you save and load action files. Tool Preset palette Tool preset let you save and reuse tool settings. You can load, edit, and create libraries of tool presets using the Tool Preset picker in the options bar, the Tool Presets palette, and the Preset Manager. Layers palette The Layers palette lists all layers, layer set, and layer effects in an image. You can accomplish many tasks-such as creating, hiding, displaying, copying, and deleting layers-using buttons in the Layers palette. You can access additional commands and options in the Layers palette menu and the Layers menu. Channels palette The Channels palette lets you create and manage channels and monitor the effects of editing. The palette lists all channels in the image-composite channel first (for RGB, CMYK, and Lab images), then individual color channels, spot color channels, and finally alpha channels. A thumbnail of the channel's contents appears to the left of the channel name; the thumbnail automatically updates as you edit the channel. Paths palette The Paths palette lists the name and a thumbnail image of each saved path, the current work path, and the current vector mask. Decreasing the size of thumbnails or turning them off lets you list more paths in the palette, and turning thumbnails off can improve performance. To view a path you must first select it in the Paths palette.

17

File Browser palette File Browser lets you view, sort, and process image files. You can use the File Browser to perform tasks such as creating new folders; renaming, moving, and deleting files; and rotating images. You can also view individual file information and data imported from your digital camera. Brushes palette The Brushes palette lets you select preset brushes and design custom brushes. Working with brushes is an important part of using the painting and editing tools. The brush you select determines many characteristics of the resulting stroke. Photoshop provides a variety of preset brushes to fill a wide range of uses.

18