76
  TABLE OF CONTENTS LESSON 1 - Adobe Photoshop 7.0 Workspace .................................................................................. 1 Starting Adobe Photoshop 7.0 and Opening Files ............................................................................... 1 Adobe Photoshop 7.0 Workspac e .............................................................................................................. 1 The Toolbox ......................................................................................................................................................... 2 Tools ............................................................................................................................................................. 3 Toolbox Controls ..................................................................................................................................... 5 Palettes .................................................................................................................................................................. 6 Keyboard Shortcuts ............................................................................................................................................... 9 LESSON 2 - Image and Color Basics................................................................................................. 13 Image Size and Resolution .......................................................................................................................... 13 How to Create, Open, Duplicate, and Save Images ............................................................................. 13 Creating a New Image ........................................................................................................................ 13 Opening an Existing Image ............................................................................................................... 14 Duplicating an Image .......................................................................................................................... 15 Saving an Image .................................................................................................................................... 15 Resizing, Resampling, and Cropping ....................................................................................................... 15 Resizing ..................................................................................................................................................... 15 Resampling .............................................................................................................................................. 16 Duplicating an Image .......................................................................................................................... 16 Selecting Colors ............................................................................................................................................... 17 Foreground and Background Colors ............................................................................................. 17 The Color Picker ................................................................ ..................................................................... 18 The Color Palette ....... ............................................................................................................................ 19 The Swatches Palet te ........................................................................................................................... 19 The Eyedropper Tool ........................................................................................................................... 19

photoshop7.0 FINAL.pdf

Embed Size (px)

Citation preview

  • TABLE OF CONTENTS

    LESSON 1 - Adobe Photoshop 7.0 Workspace .................................................................................. 1

    Starting Adobe Photoshop 7.0 and Opening Files ............................................................................... 1

    Adobe Photoshop 7.0 Workspace .............................................................................................................. 1

    The Toolbox ......................................................................................................................................................... 2

    Tools ............................................................................................................................................................. 3

    Toolbox Controls ..................................................................................................................................... 5

    Palettes .................................................................................................................................................................. 6

    Keyboard Shortcuts ............................................................................................................................................... 9

    LESSON 2 - Image and Color Basics................................................................................................. 13

    Image Size and Resolution .......................................................................................................................... 13

    How to Create, Open, Duplicate, and Save Images ............................................................................. 13

    Creating a New Image ........................................................................................................................ 13

    Opening an Existing Image ............................................................................................................... 14

    Duplicating an Image .......................................................................................................................... 15

    Saving an Image .................................................................................................................................... 15

    Resizing, Resampling, and Cropping ....................................................................................................... 15

    Resizing ..................................................................................................................................................... 15

    Resampling .............................................................................................................................................. 16

    Duplicating an Image .......................................................................................................................... 16

    Selecting Colors ............................................................................................................................................... 17

    Foreground and Background Colors ............................................................................................. 17

    The Color Picker ..................................................................................................................................... 18

    The Color Palette ................................................................................................................................... 19

    The Swatches Palette ........................................................................................................................... 19

    The Eyedropper Tool ........................................................................................................................... 19

  • LESSON 3 - Selections .................................................................................................................... 23

    Selecting and Deselecting a Portion of an Image ............................................................................... 23

    The Marquee Tools ............................................................................................................................... 23

    The Lasso Tools ...................................................................................................................................... 24

    The Magic Wand Tool ......................................................................................................................... 27

    Transforming, Moving, and Duplicating Selections ................................................................. 27

    Copying Selection from One Image to Another .................................................................................. 29

    LESSON 4 - Layers and Blend Modes ............................................................................................. 31

    Working with Layers ....................................................................................................................................... 31

    Creating New Layer .............................................................................................................................. 31

    Renaming Layers ................................................................................................................................... 32

    Duplicating Layers ................................................................................................................................ 33

    Switching Between Layers ................................................................................................................. 33

    Reordering Layers ................................................................................................................................. 33

    Locking Layers ........................................................................................................................................ 34

    Merging Layers ...................................................................................................................................... 34

    Deleting Layers ...................................................................................................................................... 35

    Mixing Images .................................................................................................................................................. 35

    Adjusting Opacity ................................................................................................................................. 35

    Blend Modes ........................................................................................................................................... 36

    LESSON 5 - Working with Text ....................................................................................................... 39

    Adding Text using Type Tool ...................................................................................................................... 39

    Creating the Text Layer................................................................................................................................... 39

    Warping Text ...................................................................................................................................................... 41

    LESSON 6 - Retouching and Repairing Tools .................................................................................. 43

    Healing Brush Tool .......................................................................................................................................... 43

    Patch Tool ........................................................................................................................................................... 45

    Using the Patch Tool ............................................................................................................................ 46

    Patching from Source .......................................................................................................................... 46

  • Patching from Destination ................................................................................................................. 47

    Clone Stamp Tool .......................................................................................................................................... 49

    Blur, Sharpen and Smudge ........................................................................................................................ 51

    Using Blur, Sharpen and Smudge Tools ....................................................................................... 51

    Dodge, Burn and Sponge ............................................................................................................................. 52

    Using Dodge, Burn and Sponge Tools .......................................................................................... 52

    The History Palette ........................................................................................................................................ 54

    Renaming Layers ................................................................................................................................... 55

    LESSON 7 - Drawing and Painting .................................................................................................. 57

    The Paint Tools .................................................................................................................................................. 57

    Paintbrush Tool ...................................................................................................................................... 57

    Pencil Tool ............................................................................................................................................... 58

    Gradient Tool .......................................................................................................................................... 58

    Paint Bucket Tool .................................................................................................................................. 59

    Standard Eraser Tool ...................................................................................................................................... 60

    Background Eraser Tool ................................................................................................................................ 63

    Magic Eraser Tool .......................................................................................................................................... 63

    LESSON 8 - Printing Image ............................................................................................................. 67

    Choosing a Printer and Page Setup ......................................................................................................... 69

    Changing the Print Settings ........................................................................................................................ 69

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace

    1

    LESSON OBJECTIVES:

    At the end of the lesson, the student is expected to:

    1. Launch Photoshop and open files

    2. Name the parts of the Photoshop workspace

    3. Discuss the capability of every Photoshop tool

    4. Determine the functions of palettes

    5. Identify keyboard shortcuts for Photoshop commands

    LESSON OUTLINE:

    Starting Adobe Photoshop 7.0 and Opening Files

    Adobe Photoshop 7.0 Workspace

    Tools

    Palettes

    Keyboard Shortcuts

    Lesson 1 Adobe Photoshop 7.0 Workspace

    1.1 Starting Adobe Photoshop 7.0 and Opening Files

    Adobe Photoshop 7.0, or simply Photoshop, is a

    powerful software used by designers and graphic

    producers in creating and editing images; from simple to

    sophisticated images. It has many tools ideal for drawing,

    painting, retouching, and other image-editing tasks. It

    also has integrated Web tools.

    New users may find Photoshop difficult to learn

    and use because of its wide variety of tools and options.

    This book will provide you the step-by-step guides for the

    most useful features of Photoshop.

    To launch Adobe Photoshop 7.0

    1. Double-click the icon or click

    Start from the Windows taskbar

    2. Go to All Programs

    3. Open Adobe folder

    4. Select Adobe Photoshop 7.0

    To open a file

    1. Click File from the menu bar

    2. Select Open

    3. Choose a file and click Open

    1.2 Adobe Photoshop 7.0 Workspace

    After the launch process is complete, the Adobe Photoshop workspace will appear.

    By default, it will appear in standard screen mode.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace 2

    Title Bar displays the applications name (Adobe Photoshop). In image windows it

    displays the Name, Zoom Level, Layer Name, and Color Mode of the current file

    Menu Bar like other applications, it gives access to different commands and

    options. Some commands and options can be accessed by pressing combination of

    keys (keyboard shortcuts)

    Palettes display sets of commonly used options in Photoshop

    Image Window displays the images for editing

    Document Information Menu contains different information about the current

    file such as Document Sizes, Document Profile, Document Dimensions, Scratch Sizes,

    Efficiency, Timing, and Current Tool

    Toolbox holds the different tools for creating and or editing images

    Tool Options Bar contains the tool presets and properties of the active tool

    Tool Description displays information about the active tool

    1.3 The Toolbox

    The toolbox is located in the left side of the workspace. It

    holds the quick access to Adobe Online and ImageReady, the tools,

    and the toolbox controls.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace

    3

    1.3.1 Tools

    To activate a tool, click the button on the toolbox. A tiny triangle located at the lower

    right corner of a button indicates that there are other variations available for the tool

    or there are other tools within that button. To access these, right-click the button or

    press the appropriate key for the tool group

    *The letters in parenthesis following the name of the tool are the tools or tool groups

    keyboard shortcut opened.

    Figure 1.2 Toolbox

    Rectangular Marquee Tool (M) draws

    rectangular selection

    Move Tool (V) moves a selection or

    layer

    Elliptical Marquee Tool (M) draws

    elliptical selection

    Magic Wand Tool (W) selects area of

    similarly colored pixels

    Single Row Marquee Tool draws

    single row selection

    Slice Tool (K) cuts image into

    rectangular sections

    Single Column Marquee Tool draws

    single column selection

    Slice Select Tool (K) moves or resizes

    a section or slice

    Lasso Tool (L) draws freeform

    selection

    Brush Tool (B) paints using the

    foreground color

    Polygonal Lasso Tool (L) draws set of

    segment points to form a selection

    Pencil Tool (B) draws freeform lines

    and shapes

    Magnetic Lasso Tool (L)

    automatically traces the edges of the defined

    areas

    History Brush Tool (Y) paints from a

    previous history state or selected snapshot

    Crop Tool (C) retains the part of the

    image inside its rectangular frame

    Art History Brush Tool (Y) works like

    History Brush but can create artistic effects

    Healing Brush Tool (J) corrects

    pixels of an image with pixels from another

    image

    Gradient Tool (G) fills selection or

    layer with gradual transition of colors

    Patch Tool (J) repairs pixels of an Paint Bucket Tool (G) fills selection

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace 4

    area with pixels from another area with foreground color

    Clone Stamp Tool (S) creates

    duplicate of the defined image

    Dodge Tool (O) lightens pixels of the

    desired area

    Pattern Stamp Tool (S) paints

    predefined or custom patterns

    Burn Tool (O) darkens pixels of the

    desired area

    Eraser Tool (E) paints the

    background color or erases pixels in a layer

    to reveal the layers below

    Sponge Tool (O) decreases the

    saturation of the desired area

    Background Eraser Tool (E) erases

    pixels and automatically converts the

    background into a new layer

    Horizontal Type Tool (T) inserts text

    in the image horizontally

    Magic Eraser Tool (E) works like

    Magic Wand Tool but erases the area instead

    of selecting it

    Vertical Type Tool (T) inserts text in

    the image vertically

    Blur Tool (R) diffuses the contrast of

    the desired area

    Horizontal Type Mask Tool (T) draws

    text selections in the image horizontally

    Sharpen Tool (R) increases the

    contrast of the desired area

    Vertical Type Mask Tool (T) draws

    text selections in the image vertically

    Smudge Tool (R) spreads the color

    of the desired area

    Rectangle Tool (U) draws a rectangle

    filled with foreground color

    Path Selection Tool (A) selects and or

    drags subpaths

    Rounded Rectangle Tool (U) draws a

    rectangle with curved corners filled with

    foreground color

    Direct Selection Tool (A) selects and

    or drags segment of a selected path

    Ellipse Tool (U) draws an ellipse or

    circle filled with foreground color

    Pen Tool (P) adds points to a path Polygon Tool (U) draws a polygon

    filled with foreground color

    Freeform Pen Tool (P) draws a

    freeform path

    Line Tool (U) draws a line with

    foreground color

    Add Anchor Point Tool inserts point

    to a path

    Custom Shape Tool (U) draws a

    custom shape filled with foreground color

    Delete Anchor Point Tool removes

    point from a path

    Eyedropper Tool (I) selects a

    foreground color from the image

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace

    5

    Convert Point Tool sharpens smooth

    arcs and smoothens corners

    Color Sampler Tool (I) evaluates

    colors of pixels in the Info Palette

    Notes Tool (N) inserts a text note

    Measure Tool (I) measures angles

    and distances of the image in the Info

    Palette

    Audio Anotation Tool (N) inserts an

    audio comment

    Zoom Tool (Z) magnifies the image

    for clearer view

    Hand Tool (H) scrolls image in

    desired direction

    You can modify the performance of any tool except the measure tool on the tool

    options bar. The tool options bar displays the major tool controls of the active tool. You can

    change the active tool properties by checking boxes, clicking icons, and choosing options

    from pop-up menus on the tool options bar. It is located below the menu bar.

    Figure 1.3 Tool Options Bar

    1.3.2 Toolbox Controls

    The toolbox controls is located at the lower portion of the toolbox. It consists of 9

    controls. The controls are grouped into three: for setting foreground and background colors,

    for editing modes, and for screen views.

    Figure 1.4 Toolbox Controls

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace 6

    Setting Foreground and Background Colors

    Set foreground color displays the Color Picker and sets the color used by the brush,

    pencil, paint bucket, shape, and type tools

    Set background color displays the Color Picker and sets the color used by the

    eraser tool and in filling areas when clearing selections in the background layer

    Switch Foreground and Background Colors (X) exchanges the foreground and

    background colors

    Default Foreground and Background Colors (D) restores the default foreground

    and background colors (black and white respectively)

    Editing Modes

    Edit in Standard Mode (Q) default editing mode; displays the image in standard

    view and views selections as dotted lines

    Edit in Quick Mask Mode (Q) enables to edit boundaries using paint tools. Paint

    areas with white to select, and black to deselect. Deselected areas are covered with

    red

    Screen Views

    Standard Screen Mode (F) displays Photoshop workspace in standard window

    mode

    Full Screen Mode with Menu Bar displays Photoshop workspace in full screen

    including the menu bar on top

    Full Screen Mode displays Photoshop workspace in full screen, removing the

    Photoshops menu, title, and scroll bars, and Windows taskbar

    1.4 Palettes

    There are 13 palettes available

    in Photoshop. Others call

    them as floating palettes

    because every palette is

    independent to other palettes

    and to the image window. By

    default, palettes are grouped

    together. You can regroup,

    hide, and unhide palettes to

    suit your work. Format texts

    used in the images through

    the Character Palette

    Figure 1.5 Character Palette

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace

    7

    Format paragraphs

    using the Paragraph

    Palette

    Figure 1.6 Paragraph Palette

    Zoom in and out the image through

    the Navigator Palette and view the

    current selections information in the

    Info Palette

    Figure 1.7 Navigator Palette

    Figure 1.8 Info Palette

    Change the foreground and

    background colors from the

    Color Palette

    Figure 1.9 Color Palette

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace 8

    Choose from the generic set of colors in the

    Swatches Palette and fill objects with style

    through the Styles Palette

    Figure 1.10 Swatches Palette

    Figure 1.11 Styles Palette

    History Palette saves previous states of the image. Select the desired state to undo or redo

    changes

    Figure 1.12 History Palette

    Actions Palettes provides predefined actions. Select one to

    play or create custom actions

    Figure 1.13 Actions Palette

    Select predefined settings of the active

    tool from the Tool Presets Palette

    Figure 1.14 Tool Presets Palette

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace

    9

    Add, edit, delete, or rearrange the

    layers in the Layers Palette

    F

    i

    g

    Figure 1.15 Layers Palette

    View individual color channels used in the

    image in the Channels Palette

    Figure 1.15 Layers Palette

    Create, modify, and remove paths for

    vector in the Paths Palette

    Figure 1.15 Layers Palette

    1.5 Keyboard Shortcuts

    Command Shortcut Command Shortcut

    New Ctrl + N Layer

    Open Ctrl + O New Shft + Ctrl + N

    Browse Shft + Ctrl + O Layer via Copy Ctrl + J

    Open As Alt + Ctrl + O Layer via Cut Shft + Ctrl + J

    Close Ctrl + W Group with Previous Ctrl + G

    Save Ctrl + S Ungroup Shft + Ctrl + G

    Save As Shft + Ctrl + S Bring to Front Shft + Ctrl + ]

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace 10

    Save for Web Alt + Shft + Ctrl + S Bring Forward Ctrl + ]

    Page Setup Shft + Ctrl + P Send Backward Ctrl + [

    Print with Preview Ctrl + P Send to Back Shft + Ctrl + [

    Print Alt + Ctrl + P Merge Layers Ctrl + E

    Print One Copy Alt + Shft + Ctrl + P Merge Visible Shft + Ctrl + E

    Jump to ImageReady Shft + Ctrl + M Select All Ctrl + A

    Exit Ctrl + Q Deselect Ctrl + D

    Undo/Redo Ctrl + Z Reselect Shft + Ctrl + D

    Step Forward Shft + Ctrl + Z Inverse Shft + Ctrl + I

    Step Backward Alt + Ctrl + Z Last Filter Ctrl + F

    Fade Shft + Ctrl + F Extract Alt + Ctrl + X

    Cut Ctrl + X Liquify Shft + Ctrl + X

    Copy Ctrl + C Pattern Maker Alt + Shft + Ctrl + X

    Copy Merged Shft + Ctrl + C Proof Colors Ctrl + Y

    Paste Ctrl + V Gamut Warning Shft + Ctrl + Y

    Paste Into Shft + Ctrl + V Zoom In Ctrl + +

    Clear Del Zoom Out Ctrl + -

    Fill Shft + F5 Fit on Screen Ctrl + 0

    Free Transform Ctrl + T Actual Pixels Alt + Ctrl + 0

    Transform Again Shft + Ctrl + T Extras Ctrl + H

    Color Settings Shft + Ctrl + K Target Path Shft + Ctrl + H

    General Preferences Ctrl + K Grid Ctrl +

    Levels Ctrl + L Guides Ctrl + ;

    Auto Levels Shft + Ctrl + L Snap Shft + Ctrl + ;

    Auto Contrast Alt + Shft + Ctrl + L Snap to Ctrl + ;

    Auto Color Shft + Ctrl + B Lock Guides Alt + Ctrl + ;

    Curves Ctrl + M Close All Shft + Ctrl + W

    Color Balance Ctrl + B Help F1

    Hue/Saturation Ctrl + U Toggle Visibility

    Desaturate Shft + Ctrl + U Color Palette F6

    Invert Ctrl + I Layers Palette F7

    Info Palette F8

    Actions Palette F9

    All Palettes Shft + Tab

    All Palettes and

    Toolbar

    Tab

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 1: Adobe Photoshop Workspace

    11

    NAME :

    SECTION :

    DATE :

    Lesson 1 Exercise

    Instruction Pt. Score

    1. Open Adobe Photoshop 7.0 3

    2. Open an image file from My Pictures folder 3

    3. Set the foreground color to red 3

    4. Set the background color to blue 3

    5. Switch the foreground and background colors 3

    6. Select the brush tool 3

    7. Set the brush size to 19 3

    8. Activate full screen mode 3

    9. Activate standard screen mode 3

    10. Close Adobe Photoshop 7.0 3

    Total

    30

    SCORE

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics 12

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics

    13

    13

    LESSON OBJECTIVES:

    At the end of the lesson, the student is expected to :

    1. Discuss the difference of image size and resolution

    2. Create, open, duplicate, and or save images

    3. Resize and crop images 4. Identify the methods of

    selecting colors in Photoshop

    LESSON OUTLINE:

    Image Size and Resolution

    Create, Open, Duplicate, and Save Images

    Resizing and Cropping

    Selecting Colors o Foreground and

    Background Color o Using the Color

    Picker o The Color Palette o The Swatches

    Palette o Using the

    Eyedropper Tool

    Lesson 2 Image and Color Basics

    2.1 Image Size and Resolution

    Image size and resolution differ from one another.

    Image size refers to the physical dimensions (width and

    height) of the image. While resolution, refers to pixels per

    inch (ppi) of the image for printing.

    To open the image size dialog box

    1. Click Image from the menu bar

    2. Select Image Size

    Figure 2.1 Image Size Dialog Box

    2.2 How to Create, Open, Duplicate, and Save

    Images

    2.2.1 Creating a New Image

    To open new dialog box

    1. Click File from the menu bar

    2. Select New or press Ctrl + N

    3. Specify the name, units of measure,

    dimensions, resolution, and color mode

    4. Click Ok

    Figure 2.2 New Dialog Box

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics 14

    If there is an image in the Clipboard, the new dialog box will show the width, height, and

    resolution of the image

    Units of Measure

    Width: pixels, inches, centimeter, millimeter, points, picas, columns

    Height: pixels, inches, centimeter, millimeter, points, picas

    Resolution: pixels/inch, pixels/cm

    2.2.2 Opening an Existing Image

    To open an existing image

    1. Click File from the menu bar

    2. Select Open or press Ctrl + O

    3. In the open dialog box, locate the image file

    4. Click Open

    Supported File Formats

    Photoshop Document (.PSD, .PDD)

    BMP (.BMP, .RLE, .DIB)

    CompuServe GIF (.GIF)

    Photoshop EPS (.EPS)

    Photoshop DCS 1.0 (.EPS)

    Photoshop DCS 2.0 (.EPS)

    EPS TIFF Preview (.EPS) Figure 2.3 Open Dialog Box

    Filmstrip (.FLM)

    JPEG (.JPG, .JPEG, .JPE)

    Generic PDF (.PDF, .PDP, .AI)

    Generic EPS (.AI3, .AI4, .AI5, .AI6, .AI7, AI8, .PS, .EPS, .AI)

    PCX (.PCX)

    Photoshop PDF (.PDF, .AI, .PDP)

    Acrobat TouchUp Image (.PDF, .AI, .PDP)

    Photo CD (.PCD)

    PICT File (.PCT, .PICT)

    Pixar (.PXR)

    PNG (.PNG)

    Raw (.RAW)

    Scitex CT (.SCT)

    Targa (.TGA, .VDA, .ICB, .VST)

    TIFF (.TIFF)

    Wireless Bitmap (.WBMP, .WBM)

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics

    15

    15

    2.2.3 Duplicating an Image

    To duplicate an image

    1. Click Image from the menu bar

    2. Select Duplicate. Or right-click

    the title bar of the image

    window and select Duplicate

    3. In the duplicate image dialog

    box, type the name for the

    duplicate image

    4. Click Ok

    2.2.4 Saving an Image

    To save an image

    1. Click File from the menu bar

    2. Select Save or press Ctrl + S

    3. In the save as dialog box, enter filename

    4. Choose desired file format

    5. Click Save

    Choose save as Photoshop (.PSD) file if the image

    is unfinished. Saving image in .PSD file format will

    include everything from the layers palette. This is

    efficient for continuing image editing.

    Figure 2.3 Save As Dialog Box

    2.3 Resizing, Resampling, and Cropping

    2.3.1 Resizing

    Resizing an image means to enlarge or to reduce an image without affecting the

    number of pixels of the image.

    To resize an image

    1. Open the image size dialog box

    2. Specify the height and width in the Document Size section

    3. Uncheck Resample Image checkbox

    4. Click Ok

    Figure 2.4 Duplicate Image Dialog

    Box

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics 16

    If Constrain Proportions checkbox is checked, adjusting one dimension will also

    adjust the other. Adjusting width will automatically adjust height to make the image

    proportional. Image size and resolution are inversely proportional. Increasing the image

    size will decrease the resolution. Resizing a passport size picture to fill a letter size bond

    paper will look serrated when printed.

    2.3.2 Resampling

    Resampling an image means to resize an image to increase or decrease the number

    of pixels.

    To resample an image

    1. Open the image size dialog box

    2. Specify the amount in the Pixels Dimension section. Or if the image is for printing,

    specify the height and width (in inches) in the Document Size section

    3. Check Resample Image checkbox

    4. Click Ok

    2.3.3 Cropping

    Cropping an image means to trim away pixels around the edges of an image. It gives

    focus to the selected area of an image.

    To crop an image

    1. Select crop tool from the toolbox

    or press C

    2. Click on the image and hold left

    mouse button

    3. Drag to select the desired area

    on the image

    4. Release mouse button

    5. Adjust the edges if needed

    6. Right-click and select crop

    Figure 2.3 Cropping an Image

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics

    17

    17

    2.4 Selecting Colors

    2.4.1 Foreground and Background Colors

    Figure 2.4 Foreground and Background Colors

    The foreground color indicates the color that will be applied when using the brush,

    pencil, paint bucket, shape, and type tools. The background color indicates the color that will

    be applied when using the eraser tool. The default foreground and background colors are

    black and white respectively.

    To change foreground color

    1. Click set foreground color from the toolbox controls

    2. Choose desired color from the color picker

    3. Click Ok

    To change background color

    1. Click set background color from the toolbox controls

    2. Choose desired color from the color picker

    3. Click Ok

    Click switch foreground and background colors or press X to switch the colors

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics 18

    Click default foreground and background colors or press D to restore to default colors

    2.4.2 The Color Picker

    Clicking set

    foreground color or set

    background color will

    activate the color picker.

    Photoshop offers a wide

    variety of colors. Click on

    the color bar to activate its

    sliders. Move the sliders to

    change the color range of

    the color field. Select the

    desired color from the

    color field and click Ok.

    Figure 2.4 Color Picker

    Color Field displays color variations for the selected color from the color bar

    Color Selection Marker selects color from the color field

    Color Bar displays the range of available colors

    Previous Color shows the foreground or background color before activating the

    color picker

    Current Color displays the color selected from the color field

    Sliders select color from the color bar

    Alert Triangle warns the user if the selected color is unprintable using standard

    process colors

    Closest CMYK displays the closest CMYK equivalent of the current color

    Web-safe Alert Cube alerts the user if the selected user is not ideal for Web

    graphics

    Closest Web-safe displays the closest Web-safe equivalent of the current color

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics

    19

    19

    2.4.3 The Color Palette

    The color palette

    displays the color values for

    the current foreground and

    background colors. Press F6 to

    toggle color palettes visibility.

    Figure 2.5 Color Palette

    Foreground and Background Colors displays the current foreground and

    background colors

    Color Values displays the color values of the current foreground/background color

    Color Bar displays the range of available colors

    A double-line frame indicates the active color icon (foreground/background) in the

    color palette. Click the color icons to switch between the foreground and background colors.

    Clicking on the color bar or moving the sliders changes the color of the active color icon.

    Double-click the color icon to launch the color picker.

    2.4.4 The Swatches Palette

    The swatches palette displays a set of

    generic colors. The set can be modified for ease of

    use

    To change the foreground color, click on the

    available swatches

    To change the background color, Alt + click

    on the available swatches

    Figure 2.6 Swatches Palette

    2.4.5 The Eyedropper Tool

    The eyedropper tool is used for selecting colors from the image window to set either

    foreground or background color.

    To activate the eyedropper tool click the icon on the toolbox or press I

    If the foreground color icon on the color palette is active

    To set the foreground color, click on the desired color from the image window

    To set the background color, Alt + click on the desired color from the image window

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics 20

    If the background color icon on the color palette is active

    To set the foreground color, Alt + click on the desired color from the image window

    To set the background color, click on the desired color from the image window

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics

    21

    21

    NAME :

    SECTION :

    DATE :

    Instruction Pt. Score

    1. Open an image file from My Pictures folder 3

    2. Duplicate the image file 3

    3. Double the width of the duplicated file 3

    4. Crop the left part of the image 3

    5. Save the image 3

    6. Activate the color picker 3

    7. Set the background color to yellow 3

    8. Hide and unhide the swatches palette 3

    9. Change the foreground color from the swatches palette 3

    10. Close the image windows 3

    Total

    30

    SCORE

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 2: Image and Color Basics 22

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    23

    23

    LESSON OBJECTIVES:

    At the end of the lesson, the student is expected to:

    1. Select portions of an image using the different selection tools

    2. Work with selections

    LESSON OUTLINE:

    Selecting and Deselecting a Portion of an Image

    o Using the Marquee Tools

    o Using the Lasso Tools

    o Using the Magic Wand

    Transforming, Moving, and Duplicating Selections

    Copying Selections from One Image to Another

    Lesson 3 Selections

    3.1 Selecting and Deselecting a Portion of an Image

    Selections are very important in image-editing.

    Unless changes are applied for the whole image,

    selecting the area which the changes will be applied

    typically comes first. Selections appear as moving lines or

    others refer to them as marching ants.

    To select portion(s) of an image, use any of the

    selecting tools

    To deselect, click Select from the menu bar and

    choose Deselect. Or press Ctrl + D

    3.1.1 The Marquee Tools

    Marquee tools are the most common selection

    tools in Photoshop. There are four variations of marquee

    tools.

    Rectangular Marquee

    To draw rectangular selection

    1. Click on the image and hold left mouse button

    2. Drag to select desired portion

    of the image

    3. Release mouse button

    To add selection

    1. Press and hold Shift

    2. Click on the image and hold

    left mouse button

    3. Drag on the desired portion

    of the selection

    4. Release mouse button

    F

    Figure 3.1 Rectangular and Elliptical Selections

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    24

    To remove a portion from the selection

    1. Press and hold Alt

    2. Click on the image and hold left mouse button

    3. Drag on the desired portion of the selection

    4. Release mouse button

    Elliptical Marquee

    To draw elliptical selection

    1. Click on the image and hold left mouse button

    2. Drag to select desired portion of the image

    3. Release mouse button

    To add selection

    1. Press and hold Shift

    2. Click on the image and hold left mouse button

    3. Drag to select desired portion

    4. Release mouse button

    To remove a portion from the selection

    1. Press and hold Alt

    2. Click on the image and hold left mouse button

    3. Drag to select the desired portion

    4. Release mouse button

    Single Row Marquee and Single Column Marquee

    To select a row or a column of pixels in an image, click on the desired portion

    3.1.2 The Lasso Tools

    Lasso tools are used for drawing freehand selections. Figure 3.2 shows an image a

    freehand selection (the penguin in the middle is selected). Lasso tools are capable of

    drawing both straight and curved edges. There are three variations of lasso tools.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    25

    25

    Lasso Tool

    To select free-form portion of an

    image

    1. Click on the image and hold

    left mouse button

    2. Draw the outline of the

    desired portion of the image

    3. Release mouse button

    Figure 3.2 Freehand Selection

    To add selection

    1. Press and hold Shift

    2. Click on the image and hold left mouse button

    3. Draw the outline of the desired portion of the selection

    4. Release mouse button

    To remove portion of the selection

    1. Press and hold Alt

    2. Click on the image and hold left mouse button

    3. Draw the outline of the desired portion of the selection

    4. Release mouse button

    Polygonal Lasso Tool

    Polygon is a shape with many edges. Polygonal lasso tool selects portion of an

    image by specifying edges around the desired portion making that portion a polygon.

    To select a portion of an image like a free-form polygon

    1. Click on the image to specify the start point

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    26

    2. Move the mouse to specify an edge

    3. Click again on the image to specify the end point. The end point of an edge serves as

    the start point of the edge following it

    4. Continue specifying edges until the desired portion is selected

    To add selection

    1. Press and hold Shift

    2. Click on the image to specify the start point

    3. Move the mouse to specify an edge

    4. Click again on the image to specify the end point

    5. Continue specifying edges until the desired portion is selected

    To remove portion from selection

    1. Press and hold Alt

    2. Click on the image to specify the start point

    3. Move the mouse to specify an edge

    4. Click again on the image to specify the end point

    5. Continue specifying edges until the desired portion is selected

    Magnetic Lasso Tool

    As the name suggests, this tool works like a magnet. It automatically specifies edges

    around the desired portion. But this tool works perfectly only on images that have very

    distinct contrast between the foreground image and its background.

    To select a portion of an image

    1. Click on image to specify the start point

    2. Move the mouse along the desired portion. As you move the mouse, magnetic lasso

    tool automatically lays edges around the desired portion

    To add selection

    1. Press and hold Shift

    2. Click on image to specify the start point

    3. Move the mouse along the desired portion

    To remove portion from selection

    1. Press and hold Alt

    2. Click on image to specify the start point

    3. Move the mouse along the desired portion

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    27

    27

    3.1.3 The Magic Wand Tool

    The magic wand tool selects a contiguous portion of relative colors in an

    image.

    To select a portion of an image with relative colors, just click on the image

    To add selection, press and hold Shift, click on the desired portion of the image

    To remove portion from selection, press and hold Alt, click on the desired portion of

    the image

    Figure 3.2 Applying the Magic Wand

    3.2 Transforming, Moving, and Duplicating Selections

    To transform selection means to change the physical dimensions, or the angle, and

    or the perspective of the selected portion of an image

    To transform a selection

    1. Click Edit from the menu bar

    2. Select Free Transform, or click Select from the menu bar and choose Transform

    Selection, or simply press Ctrl + T

    3. Drag the sizing handles to increase or decrease the size of the selection

    4. To rotate selection, right-click the image and in the pop-up menu select from the

    predefined rotations or choose Rotate to manually rotate the selection

    5. To flip selection, right-click the image and from the pop-up menu select Flip

    Horizontal or Flip Vertical

    6. Select other options from the pop-up menu to change the perspective of the

    selection

    7. Click any tool from the toolbox

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    28

    8. Click apply from the dialog box

    Figure 3.2 Sizing Handles Activated Figure 3.3 Moving Selection

    To move selection

    1. Select the move tool from the

    toolbox or press V

    2. Click the selection and hold left mouse

    button

    3. Drag to the desired position

    4. Release mouse button

    To duplicate a selection

    1. Select the move tool from the toolbox

    or press V

    2. Press and hold Alt

    3. Drag the selection

    4. Release Alt and left mouse button Figure 3.4 Duplicating Selection

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    29

    29

    3.3 Copying Selection from One Image to Another

    Aside from moving the selection around the image, selection can be also copied to

    another image.

    To copy the selection to another image

    1. Click Edit from the menu bar

    2. select Copy or press Ctrl + C

    3. Open another image

    4. Click Edit from the menu bar

    5. Select Paste or press Ctrl + V

    Or using the move tool, drag and

    drop the selection from one image

    window to another

    Figure 3.3 Copying Selection

    Pasting the image on another image will also create a new layer. Assuming there is

    no other layers aside the Background layer; it will appear as a Layer 1 on the Layers Palette.

    Layers will be further discussed on the next lesson.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 3 : Selections

    30

    NAME :

    SECTION :

    DATE :

    Supposing you are to design a tarpaulin for advertising UB High, think of a theme and prepare the pictures that you will use. Exercising 3 8 will guide you in creating your ads.

    Instruction Pt. Score

    1. Create a 4 x 3 blank image 5

    2. Open the image files 5

    3. Select the portions from the images 5

    4. Copy the selections to the blank image 5

    5. Arrange and resize the copied pictures 5

    6. Save the image as Photoshop document (filename: tarpaulin.psd) 5

    Total

    30

    SCORE

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 4: Layers and Blend Modes

    31

    31

    LESSON OBJECTIVES:

    At the end of the lesson, the student is expected to:

    1. Work with layers 2. Apply blend modes in layers

    LESSON OUTLINE:

    Working with Layers o Creating a New

    Layer o Renaming Layers o Switching Between

    Layers o Reordering Layers o Locking Layers o Merging Layers o Deleting Layers

    Mixing Images o Using the Opacity o Blend Modes

    Lesson 4 Layers and Blend Modes

    4.1 Working with Layers

    Layers are sheets of pixels independent from

    one another. Layers allow editing one element of an

    image without affecting the others.

    Figure 4.1 The Layers Palette

    The layers palette displays the list of all layers, layer groups, and layer effects of an

    image. By default, the opened image will appear as the Background layer. Adding an

    element from another image will create a new layer. Assuming there is no other layers aside

    the Background layer; it will appear as a Layer 1.

    4.1.1 Creating New Layer

    To create an empty layer, click the Create New Layer icon from the layers palette

    To create a new layer with an element, copy-paste one element from another image

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 4: Layers and Blend Modes

    32

    Figure 4.2 Creating New Layer by Adding an Element from another Image

    4.1.2 Renaming Layers

    Renaming a layer is very important in editing especially if there are many layers.

    Renaming a layer helps in easily identifying the layer of an element from the layers palette.

    To rename a layer

    1. Right-click the layer

    2. Select Layer Properties

    3. In the layer properties dialog box

    4. Enter the desired name on the Name field

    5. click Ok

    Figure 4.3 Layer Properties Dialog Box

    Or

    1. Double-click the name of the layer from the layers palette

    2. Enter the desire named

    3. Press Enter

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 4: Layers and Blend Modes

    33

    33

    Figure 4.4 Renaming a Layer from the Layers Palette

    4.1.3 Duplicating Layers

    Duplicate a layer to keep a copy of the original element before editing.

    To duplicate a layer

    1. Right-click on the layer

    2. Select Duplicate Layer from the pop-up

    menu

    3. In the duplicate layer dialog box, enter the

    desired name for the layer

    4. Click Ok

    Figure 4.5 Duplicate Layer Dialog Box

    4.1.4 Switching Between Layers

    The active layer is highlighted in the layers palette. Editing the active layer will not

    affect the other layers.

    To switch from one layer to another, simply click the layer from the layers palette

    To toggle layers visibility, click the eye on the left side of the layer

    4.1.5 Reordering Layers

    Reordering layers affects the position of the elements in the image. Layers behave

    like stacks. Elements from the upper layers cover the elements from the lower layers. The

    whole element can be seen completely if it is on the uppermost layer.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 4: Layers and Blend Modes

    34

    To reorder layers, click and drag the layer to the desired position

    Figure 4.6 Layer Order

    since Penguin 3 is the

    uppermost layer, the

    element in that layer has the

    highest visibility in the

    image. Penguin 3 covers

    Penguin and Penguin 2

    4.1.6 Locking Layers

    Locking layers is very useful in editing. There are four lock options in the layers

    palette to choose from.

    Lock Transparency protects the transparent pixels of the layer; transparent pixels

    cannot be painted

    Lock Pixels protects all pixels of the layer from further editing but the elements

    inside the layer can still be transformed and moved

    Lock Position prevents transforming and moving the elements of the layer but

    allows painting and editing

    Lock All protects the layer from further editing, even from transforming and

    moving but allows reordering the layer

    4.1.7 Merging Layers

    Multiple layers consume a large of space in the computers Random Access Memory

    (RAM). This results to slower computer performance. It is advisable to merge the layers that

    no longer need editing to save RAM space.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 4: Layers and Blend Modes

    35

    35

    To merge layers, click Layers from the menu bar and select Merge Down, or press

    Ctrl + E. The active layer merges with the layer below it

    To merge all visible layers, click Layers from the menu bar and select Merge Visible,

    or press Ctrl + E

    4.1.8 Deleting Layers

    To delete the active layer, click Delete layer (trash can) from the layers palette

    Or right-click the layer and select Delete Layer from the pop-up menu

    4.2 Mixing Images

    To mix images means to blend elements of the layers by adjusting opacity and or

    applying blend modes. Playing with the layers opacity and blend modes creates unexpected

    effects and sometimes surprisingly beautiful.

    4.2.1 Adjusting Opacity

    Adjusting the opacity of a layer allows mixing

    the active layer with the layers below it.

    To adjust the master opacity, enter a value in

    the Opacity field from the layers palette. Or

    click the arrow beside it to activate the master

    opacity bar and move the sliders

    To adjust the interior opacity, enter a value in

    the Fill field from the layers palette. Or click the

    arrow beside it to activate the interior opacity

    bar and move the sliders

    Figure 4.7 Adjusting Master Opacity

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 4: Layers and Blend Modes

    36

    4.2.2 Blend Modes

    Blend modes is basically adjusting opacity of the active layer

    but is far beyond from the normal opacity setting. Adjusting opacity

    affects the pixels of the active layer uniformly. Blend modes affects

    the pixels in different amounts depending on the mode selected.

    Photoshop offers 22 blend modes.

    Basic Modes

    Normal

    Dissolve

    Modes for Darkening Image Areas

    Darken

    Multiply

    Color Burn

    Linear Burn

    Modes for Lightening Image Areas

    Lighten

    Screen

    Color Dodge

    Linear Dodge

    Light Source Modes

    Overlay

    Soft Light

    Hard Light

    Vivid Light

    Linear Light

    Pin Light

    Modes for Emphasizing the Difference between the Layers

    Difference

    Exclusion

    Modes for Transferring Specific Color Components

    Hue

    Saturation

    Color

    Luminosity

    Figure 4.8 Blend Modes Drop Down Menu

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 4: Layers and Blend Modes

    37

    37

    NAME :

    SECTION :

    DATE :

    Instruction Pt. Score

    1. Open tarpaulin.psd and delete the background layer 5

    2. Create a new layer and name it Background 5

    3. Reorder the layers according to your purpose 5

    4. Apply blend modes to layers and save the image 5

    Total

    20

    SCORE

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 5: Working with Text

    38

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 5: Working with Text

    39

    39

    LESSON OBJECTIVES:

    At the end of the lesson, the student is expected to:

    1. Insert texts in an image

    2. Edit or remove texts

    LESSON OUTLINE:

    Working with Texts o Using the Type

    Tools o The Character

    Palette o The Paragraph

    Palette o Change Text Color o Warping Text

    Lesson 5 Working with Text

    5.1 Adding Text using Type Tool

    Photoshop allows you to embellish any image with fun

    or descriptive text. The text you create appears on a

    new layer in the image. Photoshop 7.0 now offers

    additional tools, such as a spell checker and a find and

    replace feature, to enable you to fine tune the text in

    your image.

    Creating the Text Layer

    You use the Type tool and the options bar to add text

    to an image. In this case, the options bar gives you a

    number of choices to customize the text for fun and

    interesting text treatments in an image.

    1. Click on the Type tool in the toolbox. It will become the active tool.

    Figure 5.1 Type Tool Options

    2. Select the desired foreground color using the method of your choice. The color you

    select will become active for the tool, and will become the fill color for the text.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 5: Working with Text

    40

    3. Drag diagonally on the image in the work area. This defines the area that will hold

    the text.

    Figure 5.2 Typed Text in the Work Area

    4. You will notice that Text Layer will appear on the Layer Palette.

    5. Choose the desired settings in the options bar. Your

    selections will become the active settings for the tool

    or using the Character Palette located in Menu >

    Window > Character.

    6. Type the desired text. Your text will appear in the text

    box.

    Figure 5.3 Character and Paragraph Palette

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 5: Working with Text

    41

    41

    7. The Text Color can be changed by clicking on the Color Menu. Then choose the color

    you want using the Color Palette.

    8. The Paragraph Palette is used to change the Alignment of the text.

    5.2 Warping Text

    9. Click on the Create Warped Text button on the

    options bar. The Warp Text dialog box will

    open.

    10. Click on the down arrow next to the Style list.

    The available styles for warping (bending) text

    will appear.

    Figure 5.4 Color Picker

    11. Click on the desired warp style.

    The list will close, and the

    settings for the selected style

    will appear.

    12. Select the desired options. The

    text in the image will preview

    your choices.

    13. Click on OK. The Warp Text

    dialog box will close.

    Figure 5.5 Warped Text

    14. Click on the Commit Any Current Edits (check) button on the options bar. Photoshop

    will insert the text on its new

    layer.

    Figure 5.6 Sample Text Wrapped

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 5: Working with Text

    42

    NAME :

    SECTION :

    DATE :

    Instruction Pt. Score

    1. Open tarpaulin.psd 5

    2. Insert a catch phrase to your image 5

    3. Adjust the font size for better visibility 5

    4. Change the font color to suit with the pictures and save 5

    Total

    20

    SCORE

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    43

    43

    LESSON OBJECTIVES:

    At the end of the lesson, the student is expected to:

    1. Remove photo blemishes 2. Duplicate portion of an

    image using the clone stamp tool

    3. Correct portions of an image

    4. Keep track of changes in an image through the history palette

    LESSON OUTLINE:

    Removing Blemishes a. Using the Healing

    Brush Tool b. Using the Patch

    Tool

    Duplicating a Portion of an Image

    a. Using the Clone Stamp Tool

    Other Retouching Tools a. Blur, Sharpen, and

    Smudge b. Dodge, Burn, and

    Sponge

    The History Palette

    Lesson 6 Retouching and Repairing Tools

    6.1 Healing Brush Tool

    This is the tool that is directly

    above the clone tool (it looks like

    a small band aid). Usually when

    you try to correct imperfections

    or discolorations in photographs,

    it is usually work with clone tool.

    While the clone tool is a very

    important and useful tool,

    sometimes, It is very challenging

    to match the affected area

    perfectly. In correcting problems

    such as facial blemishes, small

    differences in color and texture is

    very noticeable.

    How it works is that you use the

    healing brush to sample a

    smooth textured area in the

    surrounding area just as you

    would with the clone tool. The

    difference is that the healing brush also samples of the

    underlying area of the affected area. When you apply

    the healing tool to the affected area, it smoothens out

    the color and the texture, just like magic! The area that

    you correct is sometimes fixed in one try but often without the trial and error that you face

    with the clone tool!

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    44

    1. This photo was chosen because it highlights

    some of the challenges in photo retouching

    such as the matching of color and texture in

    skin tones. An added complication is the low

    contrast in this photograph. This adds a

    grayish cast, which makes color matching

    problematic.

    2. To use the Healing Brush, select the fourth

    button down on the left column of your

    toolbox (again, this is a tool that looks like a

    band-aid).

    3. The areas that we will concentrating on will be the bags under Moms eyes, the

    blemishes on her chin and brow and the laugh lines around her mouth.

    4. With the Healing Brush selected, hold the alt key (option key for Mac user).

    Figure 6.2 Using Healing Brush Selection Figure 6.1 Sample Picture

    Figure 6.3 Using Healing Brush

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    45

    45

    5. This invokes the cross-hair icon for you to sample a smooth continuous tone in the

    surrounding area. After you sampled a good area, let go of the alt key and then

    apply the Healing Brush onto the problem area. The cross-hair icon turns into a circle

    icon. Dont worry if the color and texture do not match, when you unclick the mouse,

    the Healing Brush will sample the underlying color and texture and then recalculate

    for the smoothest gradations.

    6. Some of the blemishes around her chin, eyes and brow and the eye bag were gone.

    The results could have been achieved with the clone tool but would have taken a lot

    more patience and effort.

    6.2 Patch Tool

    The Patch tool lets you repair a selected area with pixels from another area or a pattern. Like

    the Healing Brush tool, the Patch tool matches the texture, luminosity, and color of the

    sampled pixels to the source pixels. When repairing with pixels from the image, select a

    small area to produce the best result.

    Figure 6.4 End result after using Healing Brush

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    46

    1. Make a selection with the Patch tool or any selection tool, drag the selected area with the Patch tool,

    and upon releasing the mouse the healing technology will

    make the repair.

    2. The most important decision to make before using the Patch tool is whether to patch from source, from

    destination or from pattern. Before using the Patch tool take

    a moment to evaluate the image and image damage to

    decide which of the three options to use.

    Patching from Source - circle the damaged area and move

    the selection to good image information. Use this choice

    when the damaged area is uneven, ragged, and/or within

    similarly toned areas.

    Patching from Destination -

    circle good image information

    and move the selection over the

    damaged image area. Use this

    choice when you need to match

    a pattern or lines in the image.

    Patching from Pattern - the least

    used option yet very useful

    method to quickly repair damage that is

    spread throughout the image. To use this

    method you need to create a pattern with

    the new Pattern Maker.

    6.2.1 Using the Patch Tool

    6.2.2 Patching from Source

    1. Select the damaged image area with either

    the Patch tool or the Lasso tool.

    2. If needed use the standard command key

    options to refine your selection.

    Shift-drag in the image to add to the

    existing selection

    Alt-drag) to subtract from the existing selection

    Or use Select > Transform Selection

    3. Activate the Patch tool and check that the Source button is clicked.

    Figure 6.5 The Patch Tool

    Figure 6.6 The Patch Tool Options

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    47

    47

    4. Place the Patch tool in the center of the selection and drag the selection onto good

    image information and release the mouse.

    5. Finally with either the Patch tool or any selection

    tool - click outside of the active selection or

    command/control D to deselect the selection.

    6.2.3 Patching from Destination

    Use Patch from Destination when you need to match a pattern in the image.

    1. Select good image area with either the Patch tool or the Lasso tool. Good image

    information has the texture that you want Photoshop to use to repair the damaged

    image area. Use the standard command key options to refine your

    selection.

    Figure 6.7 Selecting using Patch Tool

    Figure 6.8 End Result

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    48

    Shift-drag in the image to add to the existing selection

    Alt-drag to subtract from the existing selection

    Or use Select > Transform Selection

    2. Make sure that the Destination button is clicked as seen below.

    3. Place the Patch tool in the center of the selection and drag the good image over to

    the damaged area.

    4. As you drag the selection keep an eye on

    the ribbing of the sweater. As long as the

    mouse is depressed you can position the

    good image information with the pattern

    of to be patched area to help match the

    pattern in the image.

    Figure 6.9 Selecting using Patch Tool from Destination

    Figure 6.10 Dragging the selected area

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    49

    49

    5. Once the selected area is in position release the mouse and Photoshop will patch the

    damaged area.

    6.4 Clone Stamp Tool

    The "Clone Stamp Tool" will help clear out scars or blemishes on a photo.

    1. To select the "Clone Stamp Tool" click and hold

    down on the image, then click on the "Clone Stamp

    Tool" and select the brush diameter of your desired

    stamp size.

    Figure 6.12 The Clone Stamp Tool

    Figure 6.11 End Result

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    50

    2. Hold down "Alt" on the keyboard, then click on the

    area you want to clone from.

    3. When you are holding down the "Alt" key, the

    mouse will change from a circle to a crosshair

    symbol.

    4. Make sure to click in an area that will match the

    skin tone of the area of where the blemish is.

    5. Now click and move your mouse over the area

    that you need to cover up.

    6. Make sure to move the cloned area if you need to,

    to match the skin tone changes.

    Figure 6.12 Brush Diameter

    Figure 6.13 Clone Stamp selection area

    Figure 6.13 Moving around the area

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    51

    51

    6.5 Blur, Sharpen and Smudge

    6.5.1 Using Blur, Sharpen and Smudge Tools

    Some of the tools in Photoshop are provided to

    either increase the clarity of a blurred image or

    to blur parts of an image. These tools can be

    used to improve the overall quality image and

    are also useful in a wide range of visual effects.

    To touch up small areas of an image, the blur

    sharpen and smudge tool are all grouped

    together on Photoshops tool palette. The filter

    menu also contains a wide range of filters that

    can work on either a whole image or selected

    areas of an image. If you are working with

    layers, filters will usually work on the

    currently selected layer.

    From the Tool Palette, select the Blur tool.

    The Options palette will show you brush settings similar to

    the ones found in drawing tools such as the brush tool.

    You can adjust the size of the brush to determine the size

    of the area you will blur. You can also lower the strength

    option to make the blur effect happen more gradually, or

    increase the setting to make the blur effect more rapid.

    1. Drag the blur tool around the image until every as

    been blurred.

    2. Select the Sharpen Tool. Youll notice that the

    options for the tool are similar to the options for

    the blur tool.

    Figure 6.14 Blur, Sharpen and Smudge Tools

    Figure 6.15 Blur, Sharpen and Smudge Tools Options

    Figure 6.16 Blur Tool effects

    Figure 6.17 Sharpen and Smudge Tools effects

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    52

    3. Drag the sharpen tool to increase the clarity of the image. Be careful not to do it too

    much. Excessive use of the sharpen tool can have unattractive results.

    4. Select the Smudge Tool. The smudge tool finger through wet paint. The strength

    option determines how much the image will smudge when you drag your mouse.

    6.6 Dodge, Burn and Sponge

    6.6.1 Using Dodge, Burn and Sponge Tools

    The Dodge, Burn and Sponge tools are based on traditional photographers techniques for

    adjusting certain parts of an image.

    1. From the Tool Palette, select the Dodge Tool [O]. This tool allows to lighten parts of

    the image. The setting in the Options Palette allow you to select brush size and the

    exposure, as well as select whether you will be lightening the darker, lighter or

    midtones of the image.

    2. Set the Exposure to a low amount (about 10%) and then drag over the shadow

    behind the girl to lighten the shadow.

    Figure 6.17 Dodge, Burn and Sponge Tools

    Figure 6.18 Dodge, Burn and Sponge Tools Options

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    53

    53

    3. Select the Burn tool from the Tool

    Palette. This tool darkens areas of an

    image.

    4. Set the Exposure to a low amount and

    then try using the tool to add a new

    shadow to the image as shown below.

    5. Select the Sponge tool from the Tool

    Palette. This tool allows you to either

    Saturate (to intensify the colour

    saturation) or Desaturate depending on

    which is selected at the top in the

    Options Palette.

    6. Try using the Sponge tool on the image

    with both the Saturate and Desaturate

    options selected to see the effect.

    Figure 6.19 Before and after results using Dodge Tool

    Figure 6.20 End results after using Burn Tool

    Figure 6.20 End results after using Sponge Tool

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    54

    7. The History Palette

    The History palette lets you return to any recent

    version of the image. Every change to an image

    is added to the palette. Each action or state is

    listed in the palette. You can select any state,

    and the image will revert back to that point.

    1. With the Lasso tool, select a portion of

    the image, and press the Backspace or

    Delete key. A portion of the image is

    removed. We will now use the History

    palette to reverse these commands.

    2. From the Window menu, choose History.

    The History palette appears and you will

    see a list of the recent states.

    3. To revert to a previous state, position the mouse over the History state slider. When

    the mouse pointer looks like a hand, then click & drag the slider up to a previous

    state.

    4. Drag the slider up to reverse the Clear command. This reverses the last command,

    and the deleted section re-appears.

    5. On the History palette, click on the Lasso state. Then, click the Delete current state

    button in the lower right of the History palette.

    6. A message will appear to ask if you want to delete a state, click Yes.

    Deleting a state removes the state and any states that were created are

    after the deletion.

    Figure 6.21 The History Palette

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    55

    55

    NAME :

    SECTION :

    DATE :

    Instruction Pt. Score

    1. Open tarpaulin.psd and inspect the pictures 5

    2. Remove blemishes and other noises using the healing brush tool 5

    3. Adjust the brightness of some portions using the dodge and burn tools 5

    4. Repair portions of the image using the clone stamp tool 5

    5. Save the image if there are no more corrections to be made 5

    Total

    25

    SCORE

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 6: Retouching and Repairing Tools

    56

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting

    57

    57

    LESSON OBJECTIVES:

    At the end of the lesson, the student is expected to:

    1. Draw custom lines and shapes

    2. Fill image with colors 3. Erase portions of an image

    LESSON OUTLINE:

    The Paint Tools o Brush and Pencil

    o History Brushes

    o Gradient and Paint

    Bucket

    o Eraser, Background

    Eraser, and Magic

    Eraser

    Figure 7.1 The Paintbrush Tool

    Lesson 7 Drawing and Painting

    The Paint Tools

    7.0 Paintbrush Tool

    The Paintbrush tool enables you to use the mouse to

    create freehand strokes with any of a number of brush

    shapes. Photoshop 7.0 includes some neat new brush

    shapes for painting. One brush shape paints leaves onto

    the image. Another adds blades of grass. Another adds

    stars. You can use these interesting new brushes to

    create pictures from scratch or enhance an existing

    image.

    1. Click on the Paintbrush tool in the toolbox. It will

    become the active tool.

    2. Choose the desired settings in

    the options bar. Your selections will

    become the active settings for the tool.

    3. Select the foreground color

    using the method of your choice. The

    color you select will become active for

    the Paintbrush.

    4. Drag on the picture in the work area. Keep the mouse button pressed as you drag in

    any desired direction. When you release the mouse button, the finalized paint stroke

    will appear.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting 58

    7.1 Pencil Tool

    Pencil tool functions as a drawing tool in Photoshop, recoloring pixels as you drag along

    with the tool.

    1. Right-click on the Paintbrush tool in the

    toolbox. Its shortcut menu will appear.

    2. Click on Pencil Tool. The Pencil tool will

    become the active tool.

    3. Choose the desired settings in the options

    bar. Your selections will become the active

    settings for the tool.

    4. Select the foreground color using the

    method of your choice. The color you

    select will become active for the Pencil.

    5. Drag on the picture in the work area. Keep

    the mouse button pressed as you drag in any desired direction. When you release

    the mouse button, the finalized pencil stroke will appear.

    7.2 Gradient Tool

    The gradient blends the colors you specify, so you

    may have a bit more flexibility when you use this

    method to add a gradient.

    1. Click on the foreground color for the

    gradient on the color ramp in the Color

    palette. The selected color will become the

    foreground color (first color) for the blend.

    2. Press and hold the Alt key, and click on the

    background color for the gradient on the

    color ramp in the Color palette.

    Figure 7.2 The Pencil Tool

    Figure 7.3 The Gradient Tool

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting

    59

    59

    Figure 7.4 Gradient Color Editor

    3. Click on the layer to which you want to add the gradient in the Layers palette. The

    selected layer will become the active layer.

    4. If you want to fill a particular area with a gradient, select the area first (either

    manually or with a path) or use a mask to prevent Photoshop from displaying the

    gradient in the affected area.

    5. Click on the Gradient tool in the toolbox. The Gradient tool will become the active

    tool.

    6. Click on a gradient style button. (The

    available choices include Linear Gradient,

    Radial Gradient, Angle Gradient, Reflected

    Gradient, and Diamond Gradient.)

    Photoshop will apply the selected style.

    7. Select the Opacity text box contents, type a

    new entry, and press Enter. (Alternately,

    click on the right arrow beside the Opacity

    choice, drag the slider, and then click on

    the right arrow again.) The Opacity setting

    will become active for the Gradient tool.

    8. Drag on the layer to set the angle or center point for the gradient. Photoshop applies

    the gradient immediately.

    7.3 Paint Bucket Tool

    Use the Paint Bucket tool to fill a contiguous area of

    color (or similar colors) with the current foreground

    color.

    1. Click on the foreground color for the fill on

    the color ramp in the Color palette. The

    selected color will become the fill color for the

    Paint Bucket tool.

    2. Click on the layer in the Layers palette that

    includes the area you want to fill. The selected layer will become the active layer.

    Figure 7.5 Paint Bucket Tool

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting 60

    3. Right-click on the Gradient tool in the toolbox. A shortcut menu will appear.

    4. Click on Paint Bucket Tool. The Paint Bucket tool will become the active tool.

    5. Select the Opacity text box contents, type a new entry, and press Enter. (Alternately,

    click on the right arrow beside the Opacity choice, drag

    the slider, and then click on the right arrow again.) The

    Opacity setting will become active for the Paint Bucket.

    6. Select the Tolerance text box contents, type a new

    entry, and press Enter. The Tolerance setting will

    become active for the Paint Bucket tool. (Remember,

    tolerance refers to how carefully a tool must match the

    color of the area on the selected layer you click on in

    order to identify which pixels to fill or erase.)

    7. Click on the area to fill with the foreground color you

    selected. Photoshop applies the gradient immediately.

    Even if the layer includes other areas with the same

    color, those areas will not be filled if they are not

    contiguous.

    7.3 Standard Eraser Tool

    The standard Eraser tool erases color or content on a layer, enabling the background layer in

    the image to show through to varying degrees, depending on the opacity you specify. If

    youre working on the background layer itself, using the standard Eraser actually paints or

    draws the currently selected background color rather than erasing layer content. The

    following steps show an example of each of these uses for the Eraser.

    1. Click on the layer in the Layers palette that holds the content you want to erase. (In

    this case, click on any regular layer except the background layer.) The selected layer

    will become the active layer.

    2. Use the Navigator to zoom in on and display the area to erase. The selected area will

    become more visible.

    3. Click on the Eraser tool. The Eraser tool will become the active tool.

    4. Make a choice from the Mode drop-down list on the options bar. The selected mode

    will become active for the Eraser tool.

    Figure 7.6 Using Paint Bucket Tool

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting

    61

    61

    5. Choose a Brush style on the

    options bar. The selected brush

    will become active for the Eraser

    tool. Note that selecting certain

    brush styles enables airbrush

    capabilities for the Eraser tool.

    6. Select the Opacity text box

    contents, type a new entry, and

    press Enter. (Alternately, click on

    the right arrow beside the Opacity

    choice, drag the slider, and then

    click on the right arrow again.)

    The opacity setting will become

    active for the Eraser tool.

    7. If available, select the Flow text

    box contents, type a new entry,

    and press Enter. (Alternately, click

    on the right arrow beside the

    Flow choice, drag the slider, and then click on the right arrow again.) The flow setting

    will become active for the Eraser tool, controlling how quickly the eraser works.

    8. Click or drag on the desired layer. Photoshop will erase the current layers content

    and reveal the content on the background layer.

    9. Click on the background layer in the Layers palette. The background layer will

    become the active layer.

    10. Press and hold the Alt key, then

    click on the desired background

    color in the color ramp at the

    bottom of the Color palette.

    11. Drag on the background layer. The

    Eraser tool will paint the selected

    background color on the

    background layer.

    Figure 7.7 Eraser Tool

    Figure 7.8 Using Eraser Tool

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting 62

    7.5 Background Eraser Tool

    The Background Eraser tool erases the content on any layer, including both the foreground

    and background colors on the layer. Areas you erase with this tool become transparent, so

    that content on other layers in the image can show through. If the image has only one layer,

    or if youre erasing the background layer and theres no content in front of it, then the areas

    erased with this tool will be transparent if the image file is placed in a document.

    1. Click on the layer in the Layers

    palette that holds the content

    you want to erase. The selected

    layer will become the active layer.

    2. Right-click on the Eraser tool. A

    shortcut menu will appear.

    3. Click on Background Eraser Tool.

    The Background Eraser tool will

    become the active tool.

    4. Click on the Brush style on the

    options bar. A palette of brush

    options will appear.

    5. Make Diameter, Hardness, Spacing, Angle, and Roundness choices in the palette. The

    selected choices will affect the shape of the eraser brush as follows:

    Diameter. Enables you to specify the size of the brush (the area to be erased).

    Hardness. Enables you to specify the size of the brushs hard center, as a

    percentage of the total diameter.

    Spacing. If you want erasure brush strokes to be noncontiguous as you erase,

    increase this setting to add spacing or skips.

    Angle. This setting works with the Roundness value youve specified to tip the

    brush shape. You can either enter a value in the Angle text box or drag the

    arrow axis on the brush preview.

    Roundness. Enables you to specify whether a brush is round. Decrease this

    value to less than 100% to decrease roundness.

    6. Click the Brush style down arrow. The palette of brush settings will close.

    7. Make Limits, Tolerance, and Sampling choices on the options bar. The selected

    choices will affect the erasing as follows:

    Limits. Controls how far the erasing can spread, based on dragging over

    similar colors.

    Figure 7.8 The Background Eraser Tool

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting

    63

    63

    Tolerance. Controls whether the eraser will erase only pixels of alike colors

    (lower settings) or similar colors.

    Sampling. Determines whether erasing tests matching colors continuously or

    by the color initially selected.

    8. Click or drag on the layer to erase. Photoshop will erase the current layers content,

    leaving a transparent area behind.

    7.5 Magic Eraser Tool

    Use the Magic Eraser tool when you want to erase a contiguous area of color on a layer. You

    can either completely erase the area of color or make the erasure less opaque so that only

    part of the color area is erased.

    1. Click on the layer that

    holds the content to erase

    in the Layers palette. The

    selected layer will become

    the active layer.

    2. Use the Navigator to

    zoom in on and display

    the area to blur. The

    selected area will become

    more visible.

    3. Right-click on the Eraser

    tool. A shortcut menu will

    appear.

    4. Click on Magic Eraser Tool. The Magic Eraser tool will become the active tool.

    5. Make a Tolerance entry on the options bar. The specified setting will become active

    for the Magic Eraser tool. Lower settings will tell the tool to erase only colors that are

    a closer match; higher settings will enable the tool to erase less similar colors.

    6. Select the Opacity text box contents, type a new entry, and press Enter. (Alternately,

    click on the right arrow beside the Opacity choice, drag the slider, and then click on

    Figure 7.9 The Magic Eraser Tool

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting 64

    the right arrow again.) The Opacity setting will become active for the Magic Eraser

    tool.

    7. Click or drag on the area with the color to erase on the current layer. Photoshop will

    erase the selected color and any matching adjacent areas, applying transparency if

    specified.

  • An Outcomes-Based Manual on Photoshop 7.0

    Lesson 7: Drawing and Painting

    65

    65

    NAME :

    SECTION :

    DATE :

    Instruction Pt. Score

    1. Open tarpaulin.psd and create a new layer Shapes 5

    2. Draw custom lines and shapes to add design to your image 5

    3. Adjust the opacity of the Shapes layer or apply blend modes 5

    4. Save after achieving desi