Introduction to Photoshop

Training Documentation

1

....................................................................................................................... 12 Lesson 2 – Layers .....Introduction to Photoshop........ 13 Editing the background to become a layer .................................................................................................................................................................................................................................................... 12 The layers palette ................................. 15 Layers and file size ........................................................................................................................................................................................................................................... 15 Merging layers ................... 13 Adding a new layer ................................................................................................................................... 3 What is Photoshop? ........................................................................................................ 6 Feathering: ......................................................................................................................................... 13 Adding a gradient to a layer............................................................................................................................................................................ 12 Rearranging layers............................................................................... 4 Lesson 1: Selections................................................................. 4 Other Terms: .................................................................................................................................................................................................................... 13 Moving Layers:.................................................................................................. 12 Renaming layers ..... 10 Introduction to Layers................................................................................................................................................................................................................................................ 3 Tool Palate ............ 16 2 ........... 5 Softening Edges: Anti-Aliasing and Feathering.......................................................................... 9 Inverse Selections: ................................................................................................................................................................................................................................................................... 10 The Color Range Command: ..................................................................................................................................................................... ........................................................................................................................................................... 8 Selecting the Bow Tie:..................................... 15 Flattening files .............................................................. 14 Erasing artwork on a layer ........................................................................................................................................... 6 Effect of turning off anti-alias option: ..................... 14 Deleting a layer ........................................................................................................ 15 Scaling and Rotating ................................................................................................................................................................................................................................................................................................................... 14 Moving layers around ......................................................................................................................................................................................................................................... 7 The Magic Wand: .......................................................................................................................................... 7 The Lasso Tool: ................................................................................................................................................................................................. 3 Gradient: Allows transition between two or more chosen colors................. 9 Combining Selection Tools....................... 4 Color Models: .................................................................................................................................................................................................................................................................... 8 Scaling & Rotating: ....................................................................................

Those in bold will be covered in this class. You will notice that some of the tools have a tiny arrow on the lower right of their section. Corel Draw and Freehand. Crop Tool: Part of the Marquee tool set. Magic wand: Makes automatic selections of similar colored areas. Airbrush: Used to simulate spray painting. Photoshop is a memory-hungry program. An overall summary of all the tools follows below. Raster graphics are comprised of a raster (a grid) of small squares called pixels. Tool Palate You cannot go too far in Photoshop without the tools palette. Vector graphics are composed of solid lines. layers and how to make selections based on shape and color. Selects a part of an image and discards the remainder. Raster images require more memory and storage than vector images. basic commands. Lasso: Makes freehand and straight selections of any shape by manually dragging around the shape of the image. common menus. Pen Tool: Used to make precise. Tolerance indicates the number of tones above or below the selection that are permitted. straight and curved lines that can convert to selections. i. This class will introduce you to the tool palette. Marquee Tools: They make seither rectangular or elliptical selections of all or part of an image.Introduction to Photoshop What is Photoshop? Photoshop is a graphics based program created with images known as raster graphics. Other graphic applications. curves and other geometric shapes that are defined by a set of mathematical instructions. Move Tool: Moves selected areas within and image. Click on the arrow (keep your mouse down) and see what is there. This indicates there are variations of this tool in that slot. to other layers within an image or to another image entirely. create vector graphics. Objects in Photoshop are groups of many pixels – each of which can be a different color. Raster images work best with photographs. Illustrator.e. 3 . Paintbrush: Allows you to paint with the foreground color using a palette of brushes. Vector images work best for type and other shapes that require clear crisp boundaries.

Line: Creates straight segments. To print an image on a press. Gradient: Allows transition between two or more chosen colors Paint bucket: Fills selected areas with a chosen color Eyedropper: Samples colors from a selection or part of an image. • • • RGB Files are smaller than files created in other color palettes. Yellow and Black ). Image resolution refers to the number of pixels in the image and is measured in pixels per inch or ppi. RGB provides a larger color spectrum than other models. the higher the resolution.Eraser: Used to erase pixels within an image or a selection. Pencil: Used to paint hard edged lines with the foreground color. Magenta. 4 . The combined color separations create a composite image. darken or saturate Type Tool: Adds text to an image. Monitors display RGB colors best. Focus: Blurs or Sharpens part of an image or a selection. Other Terms: Image Resolution: Digital Images are represented in pixels. Smudge: Simulates dragging a finger through wet paint. Rubber Stamp: Allows you to sample an image and copy it elsewhere. CMYK: (Cyan. Toning tools-Used to lighten. The more pixels per squire inch. The plates produced for each color are called color separations.) Zoom: Allows you to increase or decrease magnification of an image. Hand Tool: Moves an image within a window (like using scroll bars. Color Models: RGB: (Red Green Blue) A large percentage of the visible spectrum of color can be represented by using these three basic components of colored light in various proportions. each of the four plates is inked with one of the colors. The CMYK color model represents the four process inks used to print images on a press:.

Open the File End04. Release the move tool. Create a rectangular selection: 1. The pen tool which is something borrowed from Illustrator. 5. Select the melon using the rectangle marquee tool. Click the move tool and position pointer within the selection. Choose Select >Deselect. Lasso. 6. 2. 2. is also used to make precise selections. Drag the rectangle marquee down from the top left corner of the melon to its bottom right corner. selection. but will not be covered in this lesson. Drag the melon downward to the bottom of the window-leave 1-inch of space. File > Save as Work 04. Click the zoom tool to approximately 200%. 5 . 3. Selection Tools: The four basic selection tools are: Marquee. Start04. Check the lower left of the environment window to see what percentage you have. Select Ellipse Marquee. File > Open. Click open. To undo your move choose Edit>Undo Move.psd. 1. double click the tool in the toolbox. Tool Options: Each tool has its own option palette. 4. To redo your Move choose Edit>Redo Move. Move and Magic Wand. 3. To open the options palette.pds 3.pds to see what the end product should resemble.Lesson 1: Selections 1. (Command/Ctrl D) To create an elliptical selection. Move the pointer over the blueberry. 2. 4 Constrain your proportions by holding down the shift key.

Click the move tool and Option/Alt and drag up to the gray area.5 Drag diagonally down from top left or press Alt/Command and drag from the center out. 8. Zoom in to examine the carrot edges. Drag an ellipse around the carrot edge. The pointer becomes a double arrow indicating a duplicate will be made when you move the selection. Release the mouse. The effect is to remove a jagged edge. Next we will move the blueberry onto the carrot slice to create an eye. 9. 6 . Select the Move tool. Position the pointer within the marquee—a pair of scissors will appear. 7. 5 Drag the selection to the gray area above the carrot. Option/Alt. 3. 2. 1. Select the carrot again by dragging a marquee around it. Drag the blueberry onto the carrot and release the mouse. (Hold down shift to constrain proportions). Select > Deselect 5. 4. 6 As long as the mouse is held down you can move the marquee to adjust the position. Double click the ellipse marquee. Notice the anti-alias option and make sure it is selected. Select > Deselect. Effect of turning off anti-alias option: 6. Choose Select > Deselect Choose File > Save Softening Edges: Anti-Aliasing and Feathering Anti-aliasing—creates smooth edges around a selection by making the pixels that lie along the selection border partially transparent. 4 Click the move tool and hold down Option/Alt and position the pointer within the selection. Click the Ellipse Marquee in the toolbox and turn off the anti-alias in the options palette.

3. 10. File > Deselect. This means that 32 tones lighter will also be selected as well as 32 tones darker. Select with the Ellipse Marquee the edge option you like (hold shift if you need to constrain) and select the original carrot-blueberry eye. Drag the marquee around the blueberry.10. The tolerance setting in the options palette controls how many similar tones of a color are selected when you click an area. Select >None. 1. Enter 48. 3. 7. Click the Move + Option/Alt and drag a duplicate of the eye onto the melon face. 4. Do not deselect. 5. Zoom in to examine the edges. 8. 8 To create a second eye. 7 . Double click the magic wand. 9. Enter “3” in the feather text box. Click the magic wand anywhere within the pear tomato. copy. Choose Edit > Transform > sFlip Horizontal to adjust the eye. View > Fit on Screen (to resize the document) 6. hold down Option/Alt and drag to the right. This means 48 similar lighter tones and 48 similar darker tones will be selected. Feathering: Feathering a selection blurs the edges when you cut. Select > Deselect. move or fill a selection. The Magic Wand: The Magic Wand allows you to select pixels in an image based on similar tones in color. The default is 32. Option/Alt and drag the selection to the gray area. 2. double click to make sure the options palette is up. 2. Click the elliptical marquee. Click the Move Tool. 1.

Do not deselect. 5. Hold down command + option/ctrl + alt to drag a copy of the ear to the left side of the face. Position as desired. 4. File > Save. Do not deselect. Choose Edit > Free Transform. position the pointer within the selection and drag the tomato nose on the melon face. position the pointer on a corner handle and drag to reduce the size. Holding the shift key down will allow you to do so in 5 pixel increments. Select > None. Drag it around a selection of the grapefruit so that you make a shape resembling an ear. To select the remaining areas. 7. position the pointer outside the corner handles until you see a double headed arrow. 8 . Notice the bounding box that appears around the selection. Select the lasso tool. Hold down the shift key to constrain the proportions. Press Return/Enter. File > Save Scaling & Rotating: The Free Transform Command (Edit > Free Transform) allows you to scale and rotate your selection. 6. 2. 2. 4. To rotate the ear. hold down the shift key and click the unselected area. 3. To scale. 8. 5.4. 1. You can adjust the position of the nose with the arrows to the right in 1 pixel increments. Command+Option + Shift/Ctrl + Alt + Shift to drag a dupe to the right. When the pear is completely selected—hold down command+option/ctrl+alt. 3. The Lasso Tool: 1. 7. then drag to rotate.

10. Hold down Command + Option/Cntrl + Alt and drag the squash onto the bow tie. Create a freehand outline up to the right edge. 9. hold down Option/Alt and click the mouse button along the jagged edge to draw straight lines. 2. Make sure you end the outline by crossing the starting point. Drag a marquee around the stem at the center. Use the Zoom Tool to enlarge the pasta. 7. 8. File > Save. Select the Move Tool and option/alt to drag a copy of the bow tie into place. 3. 3. 5. Adjust with the Move Tool. Release Option/Alt to continue in freehand until you reach the left side. Edit > Transform>Flip Horizontal. 4. 8. release mouse. Click on the yellow squash. release shift. Selecting the Bow Tie: 1. Select > Deselect. At the right edge. 9 . Press Enter 9. Click Option/Alt to continue in freehand mode until you reach the left side. hold the sift key and position the pointer within the squash selection. 6. Combining Selection Tools 1. Use Edit > Free Transform to scale the tie if necessary. 4. Click Opt/Alt to finish the jagged edge on the left. 5. Click the Ellipse Marquee in the tool box. Double click the Lasso Tool to open its option palette. Select the Magic Wand Tool 2.6. 7.

7. 5. 5. Press the Opt/Alt + Com/Ctrl and move the left eyebrow into place. Make sure selection is on. 8. Select > Color Range. 2. 3. the eyedropper with the minus key subtracts colors from the selection. Open the rectangle marquee. double click. Drag a duplicate (Ctrl V + Alt) into place on top of the head. Marquee the gray area that borders the peas. 10 . 6. 3. Sample Colors is the default and allows you to take a sample by clicking the eyedropper. The eyedropper with the plus sign adds colors to the selection. To flip the eyebrow. Hold down Option/Alt and click the magic wand within the white space. 2. Select the mushroom freehand with the lasso tool. Zoom out. Repeat this procedure for the right eyebrow and move into place. 2. 4. File> Save. 4.Inverse Selections: The eyebrows: 1. Include the white background. press Edit>Transform>Flip Horizontal. Draw a marquee around the radishes. 3. but none of the gray. enter “0” for feather. The hat: 1. Select > Deselect. 1. The Color Range Command: Color range allows you to select a color within a selection or an image.

Move the decorative peas into place across the mushroom hat. Save your work. 8. 11 . Click the eyedropper with the plus sign. 7. The peas in the preview area should turn white indicating they are selected.6. Drag it through a pea in the image window (not the preview).

The order in which the layers are organized is called the stacking order. 2. 1. The shirt is now in front of the pants. a paintbrush icon appears to the left of the layer name next to the eye. Click the Vest layer. 1. reposition them. This determines how the image is viewed-which parts appear up front. Choose Window>Show Layers. The layers palette This palette lets you control the layers in your document. which can be converted to a layer. You can create new layers. Drag the slider back to 100% Rearranging layers.Introduction to Layers Every Photoshop image contains one or more layers. 1. release the mouse button. When you see a thick black line above the Paints layer. drop shadows. 12 . Choose File > Open and open Lesson 05. Lesson 2 – Layers 1. 3. The eye icon in the column to the left allows you to view or hide a layer. Every new file is created with a background. You select and edit a single layer at a time. Open End 05. When a layer is active.g. Make sure the layers tab is clicked so it is at the front of the palette. repositioned or deleted without affecting the overall drawing. Drag the opacity slider triangle on top of the layers palette to 50%. the entire drawing is visible. 2. Notice the vest becomes 50% opaque and you can see what is underneath. which parts appear behind. 2. Save as Work05.psd. but individual sheets/layers may be edited.psd to see finished file. delete or merge layers as well as apply special effects e. Think of layers as placing portions of a drawing on sheets of acetate—when the sheets are stacked. 3. Click the shirt layer in the layers palette to select it and drag upward above the Pants layer.

7. 13 . In the Gradient Tool Options palette. 2. Adding a gradient to a layer 1. The gradient is applied over the length of the layer. Click the Swatches palette tab to bring it to the front of its palette groupSelect a shade of purple for the starting color of the gradient. To move an image on a background to a different place in the stacking order. the name Gradient and click OK 4. 3. you must convert the background to a layer. Double-click the gradient tool in the toolbox to select the tool and to open its Options Palette. In the image window. Make sure you have selected the Gradient layer. click the Seascape layer to make it the active layer. In the Swatches palette. Make sure you end the outline by crossing the starting point. 2. 3.Renaming layers Editing the background to become a layer You cannot move the background. click a shade of purple. you can only move layers. 6. In the New Layer dialog box. drag the gradient tool from the top of the image to the bottom of the image. Choose New Layer from the Layers palette menu. Make sure the Gradient layer appears above the Seascape layer in the Layers palette. 5. Drag the Opacity slider in the layers palette to 60% to lighten the gradient. 4. Adding a new layer 1 In the layers palette. for Gradient choose the Foreground to Transparent option. starting with purple and gradually blending to transparent.

select the Paintbrush option. and then drag the layer onto the Word05. 1. Double-click the Eraser tool. 1. Click the Figure layer to make it active 5. 4. 3.psd file from the list and click open. In the Eraser options palette.psd layers palette. Drag the Three Hats layer to the top of the palette. 4. Position the pointer on the Three Hats layer in the Layers palette. Erasing artwork on a layer 1. and drag the eraser over the figure's right leg so it appears as in the water. Drag the eraser over the hats you did not want. The options palette will appear. 2. set the Opacity to 65%. 2. Make the Three hats the active layer.psd image. File > Close Hats. 3. Then use the move tool to position the hat accordingly. Choose File > Open > hats.psd window. Dragging duplicated the layer and added it to the other file. Release the mouse button when an outline appears in the Work05.psd Moving layers around You can reposition the artwork on individual layers with the Move Tool. Click the move tool. The Three Hats layer is not in the Work05. 2.Moving Layers: You can drag and drop layers from one file into another. Choose Block from the Erase Options. 3. It should be on top of the image. Choose a hat to place on the figure’s head. 14 .

6. Close the basket. Scale the basket to a smaller size by pressing Shift (to constrain) and dragging a handle of the transformation boundary. Choose Edit > Free Transform. Scaling and Rotating 1. As with the hats. 3 Now make the layers that are invisible. This should only be done once the design is final and no changes are forthcoming. Rotate the basket by putting the pointer outside on the handles and dragging 7. A bounding box appears around the basket. Select the move tool and position the basket on the figure’s arm.Deleting a layer To delete a layer simply drag it onto the trash icon on the lower right of the layers palette. Drag the opacity slider to 100% and erase a portion of the basket handle to fit it on the arm of the figure. Layers and file size The more layers in an image. click Open. 15 . Merging layers 1. 3. the Shadow and the Gradient layer to hide them. drag the basket into the Work05. 2 Choose Merge Visible from the Layers palette menu. 8.psd. merging the layers and deleting unused ones will make the file smaller. All the layers merge with the exception of the invisible ones.psd 4. visible. Double-click the eraser tool in the toolbox. Once you are finished with your work. In the layers palette click the eye next to the Seascape. Choose File > Open and open Basket. 9. 2. the bigger your file will be. 5. Press Return to apply changes.psd file.

Flattening files 1. 16 . All the layers in Work05. In the layers palette menu choose Flatten image.psd. click Save.psd are flattened into a single background. Choose File>Save As and enter the name Flat05.

Sign up to vote on this title
UsefulNot useful