quicktip photoshop

8/8/2019 Quicktip Photoshop

http://slidepdf.com/reader/full/quicktip-photoshop 1/10Updated by Matthew Straub (Fall 2007)

How to Use:

Adobe Photoshop CS3

Adobe Photoshop CS3 is a powerful program used for creating and editing graphics andphotographs. The program is used for professional image editing. These unique tools help all usersachieve satisfying results. Whether you’re experienced with Photoshop or not, this guide will help.

If you have any questions, feel free to ask a TLC staff consultant for assistance during staffed hoursat your center.

In this tutorial:

• Learn the basics of Photoshop

• What layers are

• Basic tools

• Basic image and photo editing

• Understanding filters

• Learn how to replace a color in an image


http://slidepdf.com/reader/full/quicktip-photoshop 2/10

Quick Tips for Using Adobe ® Photoshop CS3

2

CONTENTS

Getting Started ............................................................................................................ 3 Layers palette .............................................................................................................. 3 Tool Palette .................................................................................................................. 4

• Color Fills ......................................................................................................... 4 • Image Cropping ............................................................................................... 5 • Text Tools ........................................................................................................ 5 • Shape Tools ..................................................................................................... 6 •

Eraser Tools ..................................................................................................... 6

Image Tool Options ..................................................................................................... 6 Undo & History Palette ............................................................................................... 7 Brushes ........................................................................................................................ 7 Photo Editing ............................................................................................................... 8 Filters ........................................................................................................................... 8 Replace Color .............................................................................................................. 8 Saving a Nonrectangular Image ................................................................................ 9 Saving a File .............................................................................................................. 10 Other Resources ....................................................................................................... 10

COPYRIGHTS

"Screen shot(s) reprinted by permission from Adobe Corporation. Adobe is aregistered trademark and Windows is a trademark of Microsoft Corporation".




3

GETTING

STARTEDTo create a new document, go to File New. A box will appear with options such aswidth, height, resolution, color mode, etc. Select your preferences (typically “U.S. Paper”in the Preset dropdown menu). After clicking “OK” you will see your new, blankworkspace.

You can also open an image with Photoshop (including .jpg files and many others) by

going to File Open.

Take some time to familiarize yourself with the locations of various tool “palettes”(windows). We will take a closer look at these various tool palettes on the next page.

LAYERS

PALETTE

In Photoshop, each new element (such as a picture or text box) is placed in its own“layer.” You work with layers individually by selecting them on the Layers Palette.

• Flattening a file’s layers merges them into a single background, which greatlyreduces the file size. However, you should not flatten layers until you are satisfiedwith the arrangement and manipulations to the individual layers, as you cannot“un-flatten” a file and edit individual layers again after you have saved and closedthe file. To flatten, go to Layer Flatten Image.

(Layers Palette continued on next page)




4

(LAYERSPALETTECONT’D)

NOTE: If you want to save your image with layers to work on later, save it as aPhotoshop (.psd) file (p. 10).

On the sample image to the left,the layers are indicated by the[imaginary] black squaressurrounding them. They caneach be manipulated

invididually when they areselected in the layers menu(right).

TOOL

PALETTE

Color Fills

TOOL PALETTE (far right): Place your cursor over a tool to see its name pop up. Theseare the primary tools for most digital manipulations of an image. You may need to

hold and click over a particular tool to gain access to further, similar tools. Here isa quick guide to the tools that will probably be the most useful.

Color Fills: (This is sometimeshidden under the gradient tool.) A verysimple way to change a color in animage is the paint bucket tool. Simplyselect this tool and double click on thecolor squares at the bottom of thetoolbox. The color picker shouldappear:

1. The large square on theleft mixes a hue withvarying degrees of black and white.

2. The adjacent hue slider (looks like a rainbow) allows you to choosefrom various hues.

3. The color you will beworking with willapear in the smallsquare to the right of the hue slider.

Click “OK,” and then click the top of the paint bucket anywhere within the areathat you want to change.

Using the opacity controls at the top of the screen in conjunction with the paintbucket tool (or many other tools) will allow you to select the intensity of the colorsused. (100% will result in solid colors and anything else in varying shades ofcolors.)

Changing tolerance values (between 0 and 255) adjusts how precisely the paintbucket will pour over a color. A higher tolerance will result in more of thesurrounding area to be filled, including more of the nearby similar shades. Contrarily, alow tolerance will result in less of the surrounding area being filled.




5

(TOOLSPALETTECONT’D)

Image

Cropping

Text Tools

Image Cropping: In order to get rid of unwanted parts of pictures or to keep just one partof a picture, you need to crop . To crop a rectangular section of an image, use the croptool.

There are two ways to do more specific cropping:

The Magic Wand (sometimes under the quick selection tool)

1. Click on the area you would like to separate from the rest of the image.2. You will have to play with the tolerance number (see tolerance values

under Color Fills for a definition, p. 4) until you are satisfied with yourselection.

3. Now you can cut out the area you’ve selected and either get rid of it orthe rest of the image. You can also create another layer with it.

The Magnetic Lasso (under the lasso tool)

1. Start at one point on the object’s outline by clicking the magnetic lasso on the

edge of the object you want separated from the rest. Then move the lassoslowly around the object, being careful to stay close to its outline. Clickingwhile you trace will create more points of reference for the lasso, allowing acloser trace.

2. When you have traced back to where you began a small, open white circleshould appear. When you see this circle, click and the area you have tracedwill be selected. From here you can copy the selection into another image,delete the selection from the image, or get rid of the background. You canalso create another layer with it.

3. Use can use the Blur and Smudge tools lightly around the edges to make anobject look more natural in its new environment if you were adding it toanother image.

Insert Text: Use the text tool to manually insert a box of text. Once your text box is inplace you can drag the edges of the box to adjust its height, width, and locationon the image.

Text Color: To change text color, highlight the text and double click on the color squaresat the bottom of the toolbox, the same way you would for changing colors in an image.After making your selection, click “OK.”

Text Style: To give your text some pizazz, go to Layer Layer Style BlendingOptions. Here you can toy with options such as Inner Shadow , Drop Shadow , Bevel and Emboss , etc. Try different styles by selecting one and moving the sliders to change size ,distance , depth , and opacity . You can also manipulate these styles by typing differentpixel and percentage values.

Text Filters: To add even more flair to your text, try using the Filter Menu (p. 8). Youcan also use these filters to manipulate images.

(Crop Tool)

(Blur Tool) (Smudge Tool)




6

(TOOLSPALETTECONT’D)

Shape Tools

Eraser Tools

IMAGE TOOLOPTIONS

Shape Tool: The shape tool can make a variety of shapes in different sizes and colors.By right-clicking on this rectangle in the toolbar, you will see a variety of shapesthat you can use in your document.

Custom Shape Tool: (underneath the shape tool) Photoshop also has more complexshapes to offer. Access these shapes by clicking on the “blob” shape, then go tothe shape control panel near the top of the screen and browse through custom

shapes by clicking the down arrow to the right of the word “Shape”. To accessmore shapes, click on the small arrow on the right side of the shapes palette. Here youwill see shapes listed by category.

Eraser Tool: These tools allow you to erase certain parts of an image. Theyfunction just like brushes (p. 7).

Magic Eraser Tool: The magic eraser tool can be used to erase parts of animage that are all of a similar hue. It functions just like the color fill tool (p. 4)

Image Adjustments: You can make artistic or realistic adjustments to digital imagesusing the Image menu , located near the File Menu. You can manipulate color usingImage Menu options. Among many others are:

• Color Hue/Saturation: Forexample, to manipulate color,select Image Adjustments Hue/Saturation (Right). Play withthe slides until you find an effectthat you like.

• Color Balance: To manipulatecolor hues in a more specific way,

go to Image

Adjustments

Color Balance. Use the threecolor sliders in conjunction with theShadows/Midtones/Highlights options on the bottom of the window to changehues on parts of the image.

• Black & White can be used to create a classic black and white look.

• Curves Adjustment: To manipulate the light levels of your image, you might trythe Curves Adjustments option, located under Image Adjustments Curves.Moving the diagonal line up lightens an image; moving it down darkens it. Thecurves grid represents your image. At sections where the line crosses the gridwith a steep curve, your image will have more contrast. At sections where the linecrosses with a lesser slope, your image will have less contrast.

Image Size: To change the size of an entire image, go to Image Image Size. If youwant to change the size of your canvas (the white background space), use the canvassize options in the Image Menu.

Image Transform: There are various transformations that can be made to layers on yourcanvas. After selecting something on your canvas use. Transformations include Rotate,Skew, Distort, and Flip. These can be found in Edit Transform. Selecting FreeTransform will allow you to manually manipulate the image by stretching/shrinking it.

(Image Tool Options continued on next page.)




7

IMAGE TOOL

OPTIONS

(CONT’D)

Image Filters: Filters (in the Filters dropdown menu) can give your images a variety ofartistic effects. Try these for starters:

1. Filters Artistic Cutout2. Filters Sketch Chalk & Charcoal3. Filters Render Lens Flare

UNDO &

HISTORY

PALETTE

Photoshop has the “Undo/Redo” function under the “Edit” menu. However, there arealso more advanced tools for moving along within the timeline of your work.

• Undo/Redo: This is the standard feature that undoes the last change you madeto an image, or re-applies it after a Redo command. There are some operationsthat Photoshop is not able to undo.

• Revert to Saved: Go to File Revert. This replaces the current state of yourimage with your last saved image.

• History Palette: This pallet can be accessed via Window History,or by clicking on the icon pictured to the right next to the Photoshopnavigator. The History Palette shows the current state of your work asa series of changes applied to an original. From here, you can look back in timeto undo all of the changes after any point that it has recognized.

BRUSHESBrush Tool: Paint brushes can be used toachieve an extraordinarily wide variety of

effects. By clicking on the brush icon (seen left) in thetool palette you gain access to a more detailed brushmenu (seen right), which can be found at the top left-hand corner of the screen, underneath the File and Editdropdown menus.

Using the sliders, you can change the master diameter (size) of the brush or its hardness (how solid they appearas you use them).

For access to more types of brushes, click on the smallarrow on the right-hand side of the brush menu.




8

PHOTO

EDITING

Color Correction: Photoshop provides many tools to correct color problems in pictures.

The Image Adjustments menu contains tools that can improve faded or washed outdigital images. When using these or other tools, always try to find and check an optionbox for Preview so that you can see what any adjustments you make will look like onyour image without finalizing their application. The Preview checkbox is always locatedunderneath the “OK” and “Cancel” buttons.

Brightness and Contrast: The Brightness slider lightens the colors or darkens thecolors in an image. Contrast increases the differences in color by making brights brighterand darks darker, which can help bring out details. Contrast almost always needs to beincreased when an image is artificially brightened.

Hue and Saturation: Hue helps adjust colors in an image, while Saturation makescolors more or less intense.

Blemish Removal: The following technique can be used to remove unwanted elementsof an image such as skin blemishes or stains on clothing.

Clone Stamp: This replicates patterns. By holding Alt and clicking on part of animage, Photoshop will use the pattern from that area over any other area of theimage you now click on. Using this repeatedly over small areas at a time caneffectively cover up almost any unwanted part of an image.

FILTERS Go the Filter dropdown menuto access a list of creativefilters you can use tomanipulate your image. Hereare a couple of guidelines tofollow:

• Filters are applied tothe active, visible layeror selection.

• Most filters can beapplied using the FilterGallery. All filters canbe applied individually.

REPLACE

COLORReplacing a Color: This tool can be used to exchange one hue in an image or layer foranother hue of your choice.

• In the Layers palette, select the layer containing the color you want to replace.• Choose Image Adjustments Replace Color.

• In the Replace Color box that appears, make sure Selection is selected under thepreview window.

• In the image, click the color you want to change. The preview displays the areasthat match the color you selected.

(Replace Color continued on next page)




9

REPLACE

COLOR

(CONT’D)• If you need to expand or refine the areas to be replaced, click the Add to Sample

button or the Subtract from Sample button, then click another area in the image.

• In the Replacement area of the Replace Color dialog box, click the Result colorswatch.

• In the Select Target Color box that appears, indicate the color range you wantusing the triangle sliders on the color spectrum bar, then click the desiredreplacement color in the color field. The color you select appears in the top half ofthe color swatch under “New.” The original color remains in the bottom half above“Current.” Click OK. Photoshop displays the new color in the image.

• When you are satisfied with the color replacement, click OK.

SAVING ANONRECTAN-

GULAR

IMAGE

If you would like to save an image that is nonrectangular, such as a specific piece of an

image, follow these steps:• Use a selection tool to select the part of the image you want saved, such as the

magic wand tool (p. 5) or magnetic lasso tool (p. 5), etc.

• Go to Select Inverse. This will select everything except the part of the imageyou want to save.

• Go to Layer New Layer via Cut. This will separate the part of the imageyouv’e selected from the background.

• Then, in the Layers Palette (p. 4), right-click on the background layer and select“Delete Layer.” The gray and white checker pattern you see in place of the formerbackground indicates that there is nothing behind the layer you are working with.

• Now save the file as a “.png” in order to retain this transparent background (seethe next page on saving files).

• Now this image can be laid over or around graphics, text, etc. in other programs,such as Microsoft Word or Microsoft PowerPoint.

(Add to Sample) (Subtract from Sample)




10

SAVING A

FILETo save an image you’ve created, go to File Save. Underneath the File Name menuwill be a dropdown menu titled Format. Here you select the file type you want yourimage saved as. Here is a brief description of the varying file types:

• .psd - This is the format that Adobe Photoshop uses. This saves the file asyou’ve been manipulating, with all of its layers. It can only be opened by Adobe

Photoshop.

• .jpg - JPEG is an industry standard for digital photography. It is also one of themost commonly used formats, supported by nearly all applications that handleimages. JPEG is the default choice for digital images that don’t need professionaltreatment.

• .gif - It is best suited for “flat” images of the graphic design type like web pageelements, logos, type, and other images that have few colors in them. It does adecent job with normal photographs that don’t require high quality displays. It isviewable by nearly all web browsers and image viewing programs.

• .png - The Portable Network Graphics format was designed as an alternative toGIF and JPEG formats. There are two parts of PNG, the PNG-8 and PNG-24.PNG-8 is best suited for flat images (like GIF excels at) and also provides thesame support for transparency in images. PNG-24 should only be used for full-tone photographs and illustrations that produce very rich images. PNG-24 alsosupports transparent image areas, which makes it an attractive alternative toJPEG if this is important to your work. As a result, make sure that you have a bitof extra disk storage space and that wide ranges of compatibility aren’t an issue.

• .tif - The Tagged Image File Format is like the native Photoshop “.psd”. The filesize of a TIFF image will be as large as the original. TIFF files preserve all of theoriginal image data, but do not save anything that is specific to Photoshop, like

layers or text effects.

OTHER

RESOURCES• Photoshop Help Menu

• www.graphic-design.com/photoshop

• www.psworkshop.net

• www.absolutecross.com/tutorials/photoshop

• www.planetphotoshop.com

quicktip photoshop

Documents