Click here to load reader

Adobe Photoshop CS6 - Odisha State Open University · Adobe Photoshop CS6 Orissa State Open University Page 2 3.4 Quick Selection Tool

  • View
    223

  • Download
    0

Embed Size (px)

Text of Adobe Photoshop CS6 - Odisha State Open University · Adobe Photoshop CS6 Orissa State Open...

  • Adobe Photoshop CS6

    OSOU Course Material

    By :V.S.Sandilya

  • Adobe Photoshop CS6

    Orissa State Open University Page 1

    Contents 1 Getting Started ...................................................................................................................................... 4

    1.1 What Is Adobe Photoshop CS6 ..................................................................................................... 4

    1.2 Carriers in Adobe Photoshop CS6 ................................................................................................. 4

    1.3 Starting Adobe Photoshop CS6 ..................................................................................................... 5

    2 Interface Layout (An Overview) ............................................................................................................ 6

    2.1 File ................................................................................................................................................. 7

    2.2 Creating A New Adobe Photoshop File ......................................................................................... 7

    2.3 Layers discussed In Depth ............................................................................................................. 9

    2.3.1 Photoshop File Comprised Of Various Layers ........................................................................... 9

    2.3.2 Hide A Layer In Adobe Photoshop File ................................................................................. 11

    2.3.3 Duplicate A Layer In Adobe Photoshop File ........................................................................... 11

    2.3.4 Delete A Layer In Adobe Photoshop File ............................................................................... 13

    2.3.5 Grouping Layers ...................................................................................................................... 14

    2.12.6 How To Ungroup Layers ............................................................................................................... 16

    1.12.7 Link Layers ............................................................................................................................... 17

    1.12.8 Unlink Layers ........................................................................................................................... 20

    1.12.9 Layer Effects ............................................................................................................................ 21

    2.12.10 Layer Mask ................................................................................................................................. 22

    1.12.10 Create A New Fill Or Adjustment Layer .............................................................................. 24

    2.13 How To Create A Pattern ............................................................................................................... 29

    3. Tool Bar :- ............................................................................................................................................ 35

    3.1 Move Tool ................................................................................................................................... 35

    3.2 Marque Tools .............................................................................................................................. 41

    3.2.1 Rectangle Marque Tool .............................................................................................................. 41

    3.2.2 Elliptical Marque Tool ................................................................................................................ 45

    3.2.3 Single Row Marque Tool .......................................................................................................... 46

    3.2.3 Single Column Marque Tool ....................................................................................................... 47

    3.3 Lasso Tools ..................................................................................................................................... 48

    3.3.1 Lasso Tool ................................................................................................................................... 48

    3.3.2 Polygon Lasso Tool .................................................................................................................... 50

    3.3.3 Magnetic Lasso Tool ................................................................................................................... 52

  • Adobe Photoshop CS6

    Orissa State Open University Page 2

    3.4 Quick Selection Tool ......................................................................................................................... 54

    3.5 Magic Wand Tool .............................................................................................................................. 56

    3.6 Crop Tools ......................................................................................................................................... 58

    3.6.1 Crop Tool .................................................................................................................................... 58

    3.6.2 PERSPECTIVE CROP TOOL........................................................................................................... 60

    3.7 Slice Tool ........................................................................................................................................... 62

    3.8 Color Picker Tool .............................................................................................................................. 67

    3.9 Color Sampler Tool ............................................................................................................................ 69

    3.10 Ruler Tool ........................................................................................................................................ 73

    3.11 Note Tool ........................................................................................................................................ 75

    3.12 Spot Healing Brush Tool ............................................................................................................... 76

    3.13 Patch Tool ....................................................................................................................................... 78

    3.14 Content Aware Move Tool .................................................................................................................. 79

    3.15 Red Eye Tool ................................................................................................................................... 86

    3.16 Brush Tool ...................................................................................................................................... 87

    3.17 Pencil Tool ...................................................................................................................................... 89

    3.18 Color Replacement Tool .................................................................................................................. 89

    3.19 Color Mixer Tool .............................................................................................................................. 92

    3.20 Clone stamp tool ............................................................................................................................ 97

    3.21 Pattern Stamp Tool ....................................................................................................................... 103

    3.22 History Brush Tool ......................................................................................................................... 108

    3.23 Art History Tool ............................................................................................................................. 109

    3.24 Eraser Tool .................................................................................................................................... 114

    3.25 Background Eraser Tool ................................................................................................................ 116

    3.25.1 Sampling Continuous ............................................................................................................. 117

    3.25.2 Sampling Once ....................................................................................................................... 118

    3.25.3 Sampling Background Swatch ................................................................................................ 119

    3.25.3.1 Limits using Sampling Once ................................................................................................ 120

    3.26 Magic Eraser Tool ......................................................................................................................... 122

    3.27 The Paint Bucket Tool ................................................................................................................... 123

    3.28 The Gradient Tool ......................................................................................................................... 124

  • Adobe Photoshop CS6

    Orissa State Open University Page 3

    3.29 Blur Tool ........................................................................................................................................ 129

    3.30 Sharpen Tool ................................................................................................................................ 130

    3.31 Smudge Tool ................................................................................................................................. 130

    3.32 Dodge Tool .................................................................................................................................... 131

    3.33 The Burn Tool ................................................................................................................................ 132

    3.34 Sponge Tool................................................................................................................................... 133

    3.35 Pen Tool ........................................................................................................................................ 134

    3.36 Free Form Pen Tool ...................................................................................................................... 137

    3.37 Add An Anchor Point Tool ............................................................................................................ 138

    3.38 Delete An Anchor Point Tool ......................................................................................................... 139

    3.39 Convert Point Tool ........................................................................................................................ 140

    3.40 TEXT TOOLS ................................................................................................................................... 141

    3.40.1 Horizontal Type Text Tool ...................................................................................................... 141

    3.40.2 Vertical Type Text Tool........................................................................................................... 142

    3.40.3 Horizontal Type Mask Tool .................................................................................................... 142

    3.39.4 Vertical Type Mask Tool ........................................................................................................ 144

    3.41 Path Selection Tool ...................................................................................................................... 147

    3.42 Direct selection tool ..................................................................................................................... 150

    3.43 Working with Shapes .................................................................................................................... 163

    3.43.1 Create a rectangle path selection .......................................................................................... 164

    3.43.2 Create A Vector Mask ............................................................................................................ 166

    3.43.3 Creating a shape layer ............................................................................................................ 169

    3.43.4 Working with Pixels ................................................................................................................ 171

    3.44 Hand Tool ...................................................................................................................................... 172

    3.45 Rotate View ................................................................................................................................... 172

    3.46 Zoom Tool ..................................................................................................................................... 173

    3.47 Switch Foreground and Background color .................................................................................... 173

    3.48 Quick Mask Mode ......................................................................................................................... 173

    3.49 Screen Modes ............................................................................................................................... 175

    4.0 Questions ...................................................................................................................................... 175

  • Adobe Photoshop CS6

    Orissa State Open University Page 4

    1 Getting Started

    1.1 What Is Adobe Photoshop CS6 Adobe Photoshop CS6 is a powerful tool to

    1. Create New Images :- New images can be created from scratch using the designers imagination

    such as a person /place /thing that does not exist but is in you dreamed of it or combining

    images from multiple sources to create a new one such us cropping your photograph from your

    scanned photo to a place that you created such as living in a jungle.

    2. Edit Existing Photographs :- People love to appear beautiful and handsome when it comes to

    presenting their photographs. Photographs are edited using this software bringing the thoughts

    and imagination to reality.

    3. Edit Images :- Images can be edited to bring clarity and attraction in them.

    4. Create Website Designs For Prototype Design and Web Development :- Before any development

    a prototype of the website is prepared which involves the web designers and the business

    analyst to carve the requirements of the website and presenting it to the client. The client

    suggests changes in his/her requirements and accordingly the prototype is modified and run

    before the client. This not only saves time but speeds up the work as the prototype that is

    finalized is approved for development.

    5. Add Images For The Website :- A website that is approved is a collection of webpages. A

    webpage is a collection of images ,text and forms to view and enter data. Each webpage

    comprises of images which are created by the web designer

    1.2 Carriers in Adobe Photoshop CS6 1. Web Designer

    2. Web Developer

    3. Photograph Editor

    4. Film Industry

  • Adobe Photoshop CS6

    Orissa State Open University Page 5

    1.3 Starting Adobe Photoshop CS6 To start Adobe Photoshop follow the following steps.

    Step-1

    Step-2

    I select Adobe Photoshop CS6 as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 6

    Basing on machine I select Adobe Photoshop CS6 or Adobe Photoshop CS6 (64 bit).

    Step-3

    Adobe Photoshop CS6 is launched as shown below

    2 Interface Layout (An Overview) The interface is comprised of the following as written below.

    1. Image Name :- This is the image which is being edited

    2. Main Menu :- The main menu is the menu which is used to

    a) create a new file

    b) Modify the existing file

    c) Save and close the file

  • Adobe Photoshop CS6

    Orissa State Open University Page 7

    2.1 File

    2.2 Creating A New Adobe Photoshop File When creating a new photoshop file the user gets this screen as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 8

    it shows the various paper sizes .we shall select custom when we want custom size. The measurements

    are as shown below

    Rules Of Measurements

  • Adobe Photoshop CS6

    Orissa State Open University Page 9

    1 inch = 96 pixels

    1 inch = 2.54 cm

    1 inch =25.4 millimeters

    1 inch =72 points

    1 inch = 6 pica

    1 inch =0.38 columns

    The above new file shows the following as shown below.

    2.3 Layers discussed In Depth Dear learner let me discuss about the layers before we proceed further and deep into the subject. An

    Adobe Photoshop file is comprised of various layers. Why layers ? The advantages are many. The

    advantages are .

    1. Even though the image is spread across many layers it appears as one image.

    2. Layers can be created

    3. Layer can be duplicated

    4. Layers can be hidden. Hiding some layers removes some components of the drawing without

    affecting the photo shop file.

    5. Layers can be merged.

    6. Layers can be grouped

    2.3.1 Photoshop File Comprised Of Various Layers

  • Adobe Photoshop CS6

    Orissa State Open University Page 10

    As shown above the photo shop file is comprised of various layers. All layers are named . You

    can hide each layer by clicking on the eye.

  • Adobe Photoshop CS6

    Orissa State Open University Page 11

    2.3.2 Hide A Layer In Adobe Photoshop File

    I have hidden the river layer and the sun layer by clicking the eye in front of the river and sun layer.

    2.3.3 Duplicate A Layer In Adobe Photoshop File Step-1

    Create a new file and unlock the layer in it

    Step-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 12

    Step-3

    Select duplicate layer to duplicate the layer.

    Advantages of duplicating

  • Adobe Photoshop CS6

    Orissa State Open University Page 13

    If you have a new photograph and do not want damage it. Create a duplicate of it .Hide the original and

    work on the duplicate copy.

    If you had already developed a graphic which needs slight modification but the originals should be intact

    As it would be needed to do another modification in future. In such cases duplicating the layer

    duplicates it and can be used for further changes.

    2.3.4 Delete A Layer In Adobe Photoshop File Step -1

    Unlock the layer that you want to delete and then click the del button on the keyboard else drag it to

    the garbage bin .Locked layers cant be deleted .At least a single layer remains which ant be deleted

    which means photoshop retains at least one layer.

  • Adobe Photoshop CS6

    Orissa State Open University Page 14

    2.3.5 Grouping Layers Layers are grouped to avoid confusion when they become too many in number.

    Hiding a group hides all the layers under that group.

    For example a group tree can be created under which the layers tree1,tree2,tree3,tree4

    can be placed.

    We will be learning how to create a group and how to place layers into a group.

    STEP -1

    Let us consider the image as shown below.

    STEP-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 15

    STEP-3

    Double click the group and give it a name TREE.

    STEP-4

    Select the layers Tree1,Tree2,Tree3,Tree4 by pressing the Ctrl key and the left mouse

    button. Drag the layers clicking the left mouse button into the group.

  • Adobe Photoshop CS6

    Orissa State Open University Page 16

    2.12.6 How To Ungroup Layers Hide the group and all the layers under it. Press the Ctrl key and select the layers under the group and

    place it above the group as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 17

    1.12.7 Link Layers The link layers option is used to link one or more layers with one another. Doing so helps

    us all layers one at a time. Let us consider linking the layers tree1,tree2,tree3,tree4

    together under the group TREE.This can be done in 2 ways

    The First Way

    This option is very simple .

    STEP-1

    Select the layers that you want to link by pressing Ctrl + Left Mouse Button

    STEP-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 18

    STEP-3

  • Adobe Photoshop CS6

    Orissa State Open University Page 19

    Linking helped me to move all the trees to one side of the river.

    Second Way

    Another way to link layers is as shown below

    STEP-1

    Select the layers by clicking the ctrl and left mouse button

    STEP-2

    Click layer and click Link Layers to link all the selected layers

  • Adobe Photoshop CS6

    Orissa State Open University Page 20

    1.12.8 Unlink Layers To unlink the layers there are 2 ways.

    First Way

    Second Way

  • Adobe Photoshop CS6

    Orissa State Open University Page 22

    2.12.10 Layer Mask In this section we shall be discussing about the layer mask and its use.

    STEP-1

    Let us consider the below image is comprised of 2 layers as shown below. The first layer is the photo and

    the second layer is the clouds layer.

  • Adobe Photoshop CS6

    Orissa State Open University Page 23

    STEP-2

    Set the foreground color to black

  • Adobe Photoshop CS6

    Orissa State Open University Page 24

    STEP-3

    Set the Foreground color to black and using the brush tool as shown below start painting

    1.12.10 Create A New Fill Or Adjustment Layer

  • Adobe Photoshop CS6

    Orissa State Open University Page 25

    Step-2

    Upon clicking it we get a list of selections as shown below.

    solid Fill :- Making use of the solid fill we first fill the photograph with a solid colour as shown below

    Now with a brush tool and selecting the foreground color (#937d00) as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 26

  • Adobe Photoshop CS6

    Orissa State Open University Page 27

    Using the Gradient Tool :-

    Step-1

    Step-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 28

    Using The Pattern Fill :-

    Step-1

    Step-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 29

    2.13 How To Create A Pattern

    Refer To :- https://www.youtube.com/watch?v=NARVupW2ads

    Step-1

    Create new file

    Step-2

    Create a new layer and in that layer create a black circle on the layer .

    Step-3

    Create a layer mask for it

    Now select the background layer and upper layer click align horizontal center and vertical center to

    align the circle in the middle of the page.

    https://www.youtube.com/watch?v=NARVupW2ads

  • Adobe Photoshop CS6

    Orissa State Open University Page 30

    Step-4

    Select the shape layer which is adjacent to layer mask.

    Go to Filter -> other->offset

    Step-5

    Create a new layer and in that layer add a large red circle and align it to the center by selecting the

    background layer and that particular layer and center aligning it by clicking on horizontal align and

    vertical align.

  • Adobe Photoshop CS6

    Orissa State Open University Page 31

    Step-6

    Hide the background layer which is locked in the above figure .

    Step-7

    Merge the 2 layers into one and now click on Ctrl +A

    Go to edit ->Define Pattern ->Give a name.

  • Adobe Photoshop CS6

    Orissa State Open University Page 32

    Step-8

    Now the layer is created.

    Step-9

    To Implement the pattern in the layer.

    Create a new file . unlock the layer

    Double click on the layer

    Set pattern overlay

  • Adobe Photoshop CS6

    Orissa State Open University Page 33

    Add pattern

    Manage scale and opacity as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 34

  • Adobe Photoshop CS6

    Orissa State Open University Page 35

    3. Tool Bar :- Diving Deep Into Photoshop. From now on we shall be going deep into the subject. Till 2.10 I just

    covered the Photoshop CS6 superficially so that you come to know what is Photoshop and what you can

    do in it. From now on we shall be going in depth into photoshop and covering all the tools and all the

    effects under the various menus in detail.

    3.1 Move Tool The Move tool is used to move an image or a shape in the layer . To Use the move tool let us follow the

    following steps as shown below.

    Step-1

    Go to file and then click on open to open an image as shown below .Here I select the image named

    blend2 .jpg.

  • Adobe Photoshop CS6

    Orissa State Open University Page 46

    3.2.3 Single Row Marque Tool

    Step-1

    Select the image as defined below

    Step-2

    Select the single row marque tool and click free transform and pull the layer up or down for effect

  • Adobe Photoshop CS6

    Orissa State Open University Page 47

    3.2.3 Single Column Marque Tool

    Step-1

    Select the image as defined below

    Step-2

    Select the single column marque tool and click free transform and pull the layer left or right for effect.

    Select the single row marque tool and click free transform and pull the layer up or down for effect

  • Adobe Photoshop CS6

    Orissa State Open University Page 56

    3.5 Magic Wand Tool

    The magic wand is a wonderful tool to select according to the color of the object

    Step-1 :- Let us consider the layer below which is comprised of two circles one is red and one is pink.

    Step-2

    Now we want to separate the two circles into 2 different layers. To do so use the magic wand tool and

    select the red circle.

  • Adobe Photoshop CS6

    Orissa State Open University Page 57

    Step-3

    1. Now use the move tool.

    2. Go to edit and click on cut option

    Step -4

    1. Create a new layer

    2. Go to edit and click on paste option

    Step-5

    Repeat steps 2 ,3 ,4 for the pink circle and you get 2 layers comprising of different circles.

  • Adobe Photoshop CS6

    Orissa State Open University Page 58

    3.6 Crop Tools

    3.6.1 Crop Tool :- The Crop tool is used to crop an image and is used to remove the unwanted parts of

    the image .

  • CROP TYPEANDSIZE

    WIDTHOF

    CROPPINGHEIGHTOF

    CROPPING

    ROTATE THECROPBETWEENPOTRAITAND

    LANDSCAPE

    STRAIGHTENVIEW

    VIEWMODES

    COMMIT CURRENTCROP OPERATION

    SET ADDITIONAL CROPOPTIONS

    CANCLE CURRENTCROP ROTATION

    DELETECROPPEDPIXELS

    RESET THE CROPBOX,IMAGE ROTATION AND ASPECT RATIO

  • Adobe Photoshop CS6

    Orissa State Open University Page 60

    3.6.2 PERSPECTIVE CROP TOOL :-

    STEP -1

    Consider the image as shown below

    STEP-2

    Now we want to make the tiled floor as the background .In order to do that we take the help of

    perspective crop tool .

    Step-3 How to use the Perspective Crop tool is being discussed here

    1. First select the perspective crop tool which lies below the crop tool.

  • Adobe Photoshop CS6

    Orissa State Open University Page 61

    2. Select the perspective crop tool to mark the 4 corners of an selection as shown below

    3. Now click the mark on the top right side and get a tiled background as shown below.

  • Adobe Photoshop CS6

    Orissa State Open University Page 62

    3.7 Slice Tool The slice tool is used to cut an image into slices and link the slices so that these slices can be hyper

    linked to various web pages.

    Step -1

    Step -1

    Click on new -> web -> 1024 X 728

    Using rectangles and Text boxes first create an image as shown above.

    Step -2

    Using the slice tool slice the image basing the buttons that I created such as

    1. About us

    2. Goals

    3. Projects

    4. Tie ups

    5. Brand

    6. E Content

    Step-3

  • Adobe Photoshop CS6

    Orissa State Open University Page 63

    Step-4

    Using a slice selection tool link the sliced buttons to various web pages as shown below.

  • Adobe Photoshop CS6

    Orissa State Open University Page 64

    Slice type :- what type of slice is it. It should be kept as image

    Name :- name given to the slice name.

    URl :- link to the web page or the website.

    Target :-

    _blank

    Displays the linked file in a new window, leaving the original browser window open.

    _self

    Displays the linked file in the same frame as the original file.

    _parent

    Displays the linked file in its own original parent frameset. Use this option if the HTML

    document contains frames and the current frame is a child. The linked file appears in the

    current parent frame.

    _top

  • Adobe Photoshop CS6

    Orissa State Open University Page 65

    Replaces the entire browser window with the linked file, removing all current frames. The

    name must match a frame name previously defined in the HTML file for the document.

    When a user clicks the link, the specified file appears in the new frame.

    1. Message Text

    Changes the default message in the browsers status area for a

    selected slice or slices. By default, the slices URL, if any, is

    displayed.

    Alt Tag/Alt

    Specifies an Alt tag for a selected slice or slices. The Alt text

    appears in place of the slice image in non graphical browsers. It

    also appears in place of the image while the image is downloading

    and as a tool tip in some browsers.

    To the top

    Click on File ->Save For Web

    Click on PNG24

    Click on Save button

    https://helpx.adobe.com/photoshop/using/html-options-slices.html

  • Adobe Photoshop CS6

    Orissa State Open University Page 66

    Click on save button

    The web page is created

    Now we create about_us page in photoshop as about_us.psd

    Click save for web

    Save as about_us.html.

    Now the link is created

  • Adobe Photoshop CS6

    Orissa State Open University Page 67

    Once I click about us on slice_tool.html I am redirected to the about_us.html page.

    3.8 Color Picker Tool

    The color picker tool is used to pick a color

    a) From the colours palate

    b) From the colors of images in other slides

    c) From the colors of other image files opened by Adobe Photoshop

  • Adobe Photoshop CS6

    Orissa State Open University Page 68

    How To Use The Color Picker Is Described Below

    STEP-2

    Once I click the paint bucket tool to fill the background the background color changes

    Single click with color picker tool on the image sets the foreground color

    Alt + single click color picker tool sets the background color

  • Adobe Photoshop CS6

    Orissa State Open University Page 71

  • Adobe Photoshop CS6

    Orissa State Open University Page 72

    NEXT THING TO UNDERSTAND IS SAMPLE SIZE

    a) Point Sample :- This option is used to calculate the RGB levels of exactly I pixel selected

    b) 3 by 3 average :- This option is used to calculate the RGB levels of average derived from pixel s

    selected 3 pixels width and 3 pixels height from the point of clicking.

    c) 5 by 5 average :- This option is used to calculate the RGB levels of average derived from pixel s

    selected 5 pixels width and 5 pixels height from the point of clicking.

    d) 11 by 11 average :- This option is used to calculate the RGB levels of average derived from pixel

    s selected 11 pixels width and 11 pixels height from the point of clicking.

    e) 31 by 31 average :- This option is used to calculate the RGB levels of average derived from pixel

    s selected 31 pixels width and 31 pixels height from the point of clicking.

    f) 51 by 51 average :- This option is used to calculate the RGB levels of average derived from pixel

    s selected 51 pixels width and 51 pixels height from the point of clicking.

    g) 101 by 101 average :- This option is used to calculate the RGB levels of average derived from

    pixel s selected 101 pixels width and 101 pixels height from the point of clicking.

    Press alt key and click the point with color sampler tool to remove the point selected

    Press Ctrl key and click the point with color sampler tool to move the point selected

  • Adobe Photoshop CS6

    Orissa State Open University Page 73

    3.10 Ruler Tool

    The Ruler tool is used to find the width from one point to other and height from one point to the

    other.

    Consider H when you are measuring height of an object

    Consider W when you are measuring width of an object

    The Ruler Tool is used to measure the distance between 2 points either horizontally or vertically.

    Width :-17.64 pixels

    Click the ruler and tool and left click at left hand corner and drag it horizontally till you reach the right

    end.

  • Adobe Photoshop CS6

    Orissa State Open University Page 74

    You can move the ruler bar across the image.

    To remove the ruler tool from the image click the clear button on the top

    Now to find the width of the corn

    Height:- 5.29 pixels

    Here the width of the corn measured vertically from bottom to top is 5.29 .Note it is -5.29 as it is

    measured bottom to top.

    Here x stands for x and y stand for x and y coordinates..

  • Adobe Photoshop CS6

    Orissa State Open University Page 75

    3.11 Note Tool The Note tool is used to prepare a note on a image The note tool comes 4th in the eye dropper tool.

    Uses of the note tool are to add a note to the image.

    THE COLOR TOOL CAN BE CANGED FROM YELLOW TO BLUE

    BY CLICKING ON CLEAR ALL YOU CLEAR ALL NOTES

    YOU CAN HIDE AND UNHIDE NOTES BY CLICKING THE HIDE AND UNHIDE BUTTON NEXT TO CLEAR ALL

    BUTTON.

  • Adobe Photoshop CS6

    Orissa State Open University Page 76

    3.12 Spot Healing Brush Tool The spot healing brush tool is used to remove the pimples and warts from the face. It is defined by

    Please look at the face as shown below

    It is full of pimples

    Now after using the tool

    How to use the tool

    Step -1

    Make a duplicate of this image

    Click an start

    And see that the hardness is selected to the maximum.

  • Adobe Photoshop CS6

    Orissa State Open University Page 77

    And start click all the pimples till they are gone.

    Healing Brush Tool :- We shall be working on Healing Brush Tool to clean up the face further.

    How to use the healing brush tool

    Step -1

    Click healing brush tool

    Step-2

    Click on healing brush tool and click on the marked forehead with ale and left house button

    Step-3

    Run the mouse by left clicking till you receive the results.

  • Adobe Photoshop CS6

    Orissa State Open University Page 78

    3.13 Patch Tool The Patch Tool is used to remove dark lines over the skin . This is achieved by selecting the

    patch tool and selecting the skin that is dark and putting it over the fairer skin of the body

    by left mouse drag .

    Note here below the eyes the skin got whitened by patch tool.

  • Adobe Photoshop CS6

    Orissa State Open University Page 79

    3.14 Content Aware Move Tool

    This tool is a wonderful tool to move images from one point to the other without

    disturbing the background. The symbol is as shown below

    Step-1

    Open the picture where you want to move an image from one point to the other.

    Click on the Content Aware Move Tool from the tool bar

    The content aware tool comes 4th in the spot healing brush tool.

    Step-2

    Duplicate the background image if you want to keep a copy of the original image and give it a name

    duplicate_background

  • Adobe Photoshop CS6

    Orissa State Open University Page 80

    Step-3

    Make a new layer

    Step-4

    Click on the new layer

    Step-5

    a) Select Mode = move

    b) Select adaptation =very strict

    c) Have select all layers checked

    Step-6

    Make a rough selection around the image as shown below

    You can find the image with the dotted line around as a selected image

    Step-7

    Now with the tool move the image to a new place say up the mountain with left mouse button

    selected up the mountain

  • Adobe Photoshop CS6

    Orissa State Open University Page 81

    Now to remove the dotted lines around the man press ctrl+d

  • Adobe Photoshop CS6

    Orissa State Open University Page 82

    Now you can see that image of the person has moved up the hill

    Content aware move tool with mode set to extend

    This option is used to create duplicate a person as though more than 2 persons are climbing up the

    hill.

    Follow all the steps exactly as the previous example was done except

    Mode :- Extend

  • Adobe Photoshop CS6

    Orissa State Open University Page 83

    Press Ctrl +d to deselect the moved image .

    Now you find 2 climbers are climbing the hill.

  • Adobe Photoshop CS6

    Orissa State Open University Page 84

    Now using the eraser tool I erase the extra snow from the new layer created as shown below

    The final image

  • Adobe Photoshop CS6

    Orissa State Open University Page 85

  • Adobe Photoshop CS6

    Orissa State Open University Page 86

    3.15 Red Eye Tool The Red Eye Tool is used to remove the Red Eye from the image which happens when you take a

    snap with your camera and Retina of the eye gives a red tinge.

    Step-1

    Open the face with Red Eyes in your Adobe Photoshop CS6

    Step-2

    Select the red eye tool which comes 4th from the spot healing brush tool as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 87

    Step-3

    Using the Red eye tool drag it across the eyes of the child and they will turn black

    3.16 Brush Tool

    The Brush Tool is used to paint the canvas with a brush.The brush tool is identified by

    symbol. Using the brush tool I draw 2 hills on the canvas.

    Points to remember while using the brush tool

    Foreground color :- The color that is used to paint on the canvas

    Background color:- The background color.

    Both fore ground color and the background color are as shown below

    Above the

    Foreground color is brown

    Background color is orange

    Both foreground color and the background color can be switched by pressing this button as shown

    below

  • Adobe Photoshop CS6

    Orissa State Open University Page 88

    Others include

    1. Mode :- The different modes of painting such as normal,dissolve,darken,color burn,Leniar

    burn,

    2. Opacity:-opacity of the brush

    3. Flow :- the flow of paint from the brush tool

    4. Type of brush :-Which type of brush you prefer to use

    5. Size of the brush :-It sis the size of the brush that you are using.Here I have defined it as 45.

    6. Flip X :- How you rotate the brush across X axis

    7. Flip Y :- How you rotate the brush across Y axis.

    8. Angle :- Angle of the brush.

    9. Roundness:- Roundness of the brush.

    10. Hardness :- Hardness of the brush

    11. Spacing :- Spacing between every point of the brush stroke.

  • Adobe Photoshop CS6

    Orissa State Open University Page 89

    3.17 Pencil Tool This tool is used for pencil drawing purpose.

    You can change the color of the pencil drawing as well as the size and opacity.

    3.18 Color Replacement Tool The color replacement tool is used to replace the color of an image

    It is done in 3 ways

    a) Sampling Continuous

    b) Sampling Once

    c) Sampling Background Swatches

    Limits

    a) Contiguous :- Within a certain area

    b) Discontiguous :-Wherever you find a color

    c) Find Edge :- Where you find that edge

    a) Sampling Continuous

  • Adobe Photoshop CS6

    Orissa State Open University Page 90

    Step -1

    Open an image in Adobe Photoshop CS6

    Step- 2

    Duplicate the image to preserve the previous image

    Hide the locked image.

    Step-3

    Now select the color from the swatches as yellow as shown below

    Step-4

    Select sampling Continuous as shown below

    Step-5

    Increase the brush size and start painting

    b) Sampling Once :- In this kind of painting only a sample of the color is taken from berries and

    only that part of the berries are colored which match with the sample selected.

    Step- 1

    Step-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 91

    Select a color from the swatches.

    Step-3

    Click Sampling Once

    Step-4

    Go to swatches .Select the Orange color

    Step-4

    Left mouse click at that point which you want to select and start painting the berries.

    You find that only certain parts of the berries got colored by the Orange color while the rest

    remain Red as those parts do not match the color with those colored.

    c) Sampling Background Swatches

    Step-1

    Open an image in Adobe Photoshop CS6

    Step-2

    Using the eye dropper tool select the foreground from the swatches as shown below

    Using the eye dropper tool

    Press the Alt key and then left clicking with the eye dropper tool

    Click the maximum red from the bird by striking the chest portion shown with a blue circle.

  • Adobe Photoshop CS6

    Orissa State Open University Page 92

    The foreground selected is shown below and the background color is as shown below

    Step-3

    Keeping the limits at Discontigous state and Tolerance at 33% start colouring the bird. You

    find only certain parts of the bird are coloured and the rest are untouched since the colour

    ,hue and saturation do not match with the point selected.

    3.19 Color Mixer Tool The Colour Mixer Tool is used to mix 2 or more colours to get a new colour.

    You can find the Color Mixer tool as shown below.It comes 4th in the brush tool menu

    We shall be discussing the panel in detail

  • Adobe Photoshop CS6

    Orissa State Open University Page 93

    Brush Size :- This defines the size of the brush used

    Toggle Brush Panel :- User to hide and show the brush panel

    Color Well :- Used to store color selected from swatches panel

    Options available for the color well

    Load Brush :- this option is used to mix multiple colours

    Clean Brush :- this option is used to clean up whatever color was added.

    Load solid colors Only :- This option is used to work with single color in one stroke.

    Load Brush After Each Stroke :- This option means load a brush each and every time you click the left

    mouse button and start using the color mixer brush

    Clean Brush After Each Stroke :- This option means clean the brush each and every time you click the

    left mouse button and start using the color mixer brush

    Wet :- How wet is the brush. 0 means dry brush ,100 means very wet brush

    Load :- How much color the brush is going to take.

    Mix :- How much color is going to come from canvas. If I state 90 it means 90 % from canvas and 10%

    from Brush

    Flow :- How fast the color is flowing in Each stroke.

    Mixing 2 colours using color mixer tool. :- In this case we shall take 2 colours

  • Adobe Photoshop CS6

    Orissa State Open University Page 94

    Red + Blue = Purple

    Step-1

    Create a new file named color_mixer with Preset as Default Photo Size.

    Step-2

    Click on color mixer Brush tool with the following setting

    If any colour appears in the color well clean it by clicking the clean brush

    Step-2

    Select the red color from the swatches

  • Adobe Photoshop CS6

    Orissa State Open University Page 95

    Now you see the color well is red in colour

    Step-3

    Select the option load color in color well drop down as shown. This helps in mixing 2 colours.

    wet =100% { The brush should be wet to spread more color }

    Load=100%{How much colour to load in one stroke}

    Mix = 0% {This is the first colour we are adding and so mixing is 0}

    Flow = 100% {how much colour is going to flow in each stroke}

    Step-4

  • Adobe Photoshop CS6

    Orissa State Open University Page 96

    Now I clean my brush

    Now the color well is clean

    Step-5

    Now I am going to add blue to the color well

    Step-6

    wet =100% { The brush should be wet to spread more color }

    Load=100%{How much colour to load in one stroke}

    Mix = 100% {Blue +Red = Purple }

    Flow = 100% {how much colour is going to flow in each stroke}

    Step-7

    The purple is prepared

  • Adobe Photoshop CS6

    Orissa State Open University Page 97

    3.20 Clone stamp tool

    Figure -1 :- Before using Clone Stamp Tool

  • Adobe Photoshop CS6

    Orissa State Open University Page 98

    Figure -2 :-After using Clone Stamp tool

    How To Use Clone Stamp Tool

    Step -1

    Open the image in Adobe Photoshop CS6

    Step-2

    Click on the Clone Stamp Tool

    Step-3

    Click on the Alt + left mouse button key to select the part of the image that I selected in Red color

    which is shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 99

    Having the left mouse clicked run it over the couple and the child from left to right or right to left

    You can click alt key + left mouse button to tell the computer the new positions from where cloning

    should start when you start changing positions from head to toe.

  • Adobe Photoshop CS6

    Orissa State Open University Page 100

    What actually happens is that the point where you selected with the alt and left mouse key button a

    duplicate image gets copied from that point and layers over the couple and the child.

    The best way to go for a clone stamp tool are

    First erase the husband and child till it is all cleaned up as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 101

    Now erase the wife

  • Adobe Photoshop CS6

    Orissa State Open University Page 102

    Why do we use clone stamp tool :- when we want to preserve the background and use it for other

    purpose such as web designing or photography. Now having a clean beach you can place your image

    In the place where the couple were walking with their child.

  • Adobe Photoshop CS6

    Orissa State Open University Page 105

    Creating A Pattern Is The First Step

    Step-1

    Create a new document

    Height =2 inches

    Width = 1.5 inches

    Resolution = 300

    Color mode = RGB

    Click ok button

    Step-2

    Insert an image into the canvas by copy and paste

    Step-3

    Go to edit

    Click on stroke

    Set stroke color =5 px

    Location =Center

    Opacity =100 %

    Step -4

    Select the pattern stamp tool.

    Step-5

    Set

    brush size,

    mode = normal,

    opacity =100%,

    Flow =100%

    Step -6

    Click on edit button and select define pattern

    Step -7

    Give it a name and press the ok button

  • Adobe Photoshop CS6

    Orissa State Open University Page 106

    Inserting The Pattern Into A New Document

    Step -1

    Create an new document

    Height = 12 inches

    Width = 8 inches

    Background = white

    Click the OK Button

    Step-2

    Click on pattern stamp tool

    Select the pattern from the pattern picker

    Increase the width of the brush

    Set Mode = Normal

    Opacity = 100%

    Flow = 100%

    Check the aligned check box

  • Adobe Photoshop CS6

    Orissa State Open University Page 108

    3.22 History Brush Tool The history brush tool is used to clean up any errors done while working with the Adobe Photoshop CS6

    document.

    In the above document there is a pink cross on the photograph which by mistake the editor did it and

    saved the document. In such cases removing the pink cross could damage the document. In such cases

    the history brush tool is used to clean the pink cross.

    Click the history brush tool and run it over the pink cross.

  • Adobe Photoshop CS6

    Orissa State Open University Page 109

    3.23 Art History Tool The Art History tool is used to create an artistic design. It is under the history brush tool as

    Step -1

    Take the image as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 110

    Step-2 :- Click On The Art History Brush tool.

    Change the brush size to be a bit bigger as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 111

  • Adobe Photoshop CS6

    Orissa State Open University Page 112

    Step-3

    Click on the style and change the style to loose long and run over the photograph.

    Step-4

    Now click on the history brush tool as shown below

    And run on the above image.

    Step-5

  • Adobe Photoshop CS6

    Orissa State Open University Page 113

  • Adobe Photoshop CS6

    Orissa State Open University Page 114

    3.24 Eraser Tool The Eraser Tool is used to erase a part o the image or the total image. Let us consider the image as

    shown below. The shortcut of the eraser tool is E.

    Step-2

    Click on the eraser tool as shown below.

    Step-3

    Increase the brush size as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 115

    Step-4

    Now run the eraser tool as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 116

    3.25 Background Eraser Tool The Background eraser tool is used to erase the background an image.

    This is identified by the symbol

  • Adobe Photoshop CS6

    Orissa State Open University Page 117

    Types of erasing background

    1. Sampling Continuous

    2. Sampling once

    3. Sampling Background swatch

    4. Limits

    a. Contigious

    b. Discontigious

    c. Find Edges

    5. Tolerance

    6. Protect Foreground color

    3.25.1 Sampling Continuous :- This option continuously samples the colors as the background eraser

    tool moves across the image.

    Step-1:- Consider the image as shown below

    Step-2

    Continuous sampling erases the background sampling the hue,contrast and saturation of the color.

  • Adobe Photoshop CS6

    Orissa State Open University Page 118

    .

    3.25.2 Sampling Once :- This option is used to take a color sample from the background and clear that

    part of the image where the color matches the sample

    Step-1:- Consider the image as shown below

    Step-2 :- Sampling once clears that part of the image which matches with the color sample.The rest of

    the image is uneffected.

    At tolerance of 1 %

  • Adobe Photoshop CS6

    Orissa State Open University Page 119

    3.25.3 Sampling Background Swatch

    Step-1:- Consider the image as shown below

    Step-2

    Set the foreground and the background color to white as shown below

    Now using the color picker tool set the foreground color to the one selected by the color picker tool.

    as shown below.

    Switch foreground and background colors pressing x

    At tolerance of 1 %

  • Adobe Photoshop CS6

    Orissa State Open University Page 120

    3.25.3.1 Limits using Sampling Once

    3.25.3.1.1 Contigious

    This option is used to remove continuous sky background between the branches of a tree.

    Step-1

    Step-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 121

    3.25.3.1.2 Discontigious

    This is just the opposite of it. It removes the sky background between the branches of the tree basing on

    the brush size.

    Step-1 :- Let us consider the image as shown below

    Step-2 :-

    Discontigious clears up the blue background irrespective of the tree branches blocking the blue sky.

    3.25.3.1.3 Find Edges

    This option is used to remove the background at the fine edges of the branches.

    Step-1 :- Let us consider the image as shown below

    Step-2:-

  • Adobe Photoshop CS6

    Orissa State Open University Page 122

    Use of fine edges with tolerance 57% and Protect Foreground color with sampling once.

    3.26 Magic Eraser Tool

    This tool is used to erase the background in a single click of the magic eraser tool.

    Step-1 :- Let us consider this image. There is an yellow background behind.

    Step-2 :- Using the magic eraser tool as shown below with one click the blue background is erased.

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 123

    Step-1 :- Let us consider the image as shown below

    Step-2 :-

    Let us create a layer of clouds behind this image as shown below. Clicking the magic eraser tool on the

    blue background erases the blue background and the image turns out to be as below

    3.27 The Paint Bucket Tool

    The paint bucket tool is used to fill the background with paint. The symbol o paint bucket tool is as

    shown below

    Step-1 :- Create a new file with a new layer. Unlock the layer and fill it with Yellow colour using the

    paint bucket tool.

  • Adobe Photoshop CS6

    Orissa State Open University Page 124

    3.28 The Gradient Tool

    The gradient tool is used to create various kinds of designs on the background. It is defined by the

    symbol as shown below.

    Working with Linear Gradient

    Step -1 :- Consider the layer as shown below

    Step-2:- Using Linear Gradient

    Working with Radial Gradient

    Step -1 :- Consider the layer as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 125

    Step-2

    Working with Angle Gradient

    Step-1

    Step-2

    Working with Reflected Gradient

    Step-1

    Step-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 126

    Working with Diamond Gradient

    Step-1

    Step-2

    Working with Gradient Editor

    Step-1

    Step-2

    Click the middle of gradient editor shown in the red circle.

  • Adobe Photoshop CS6

    Orissa State Open University Page 127

    You can select any of the designs and click the ok button or create a customized design as per

    requirement

  • Adobe Photoshop CS6

    Orissa State Open University Page 128

    Step-3

    Customized design

  • Adobe Photoshop CS6

    Orissa State Open University Page 129

    3.29 Blur Tool The blur tool is as shown below

    The blur tool is used to effectively remove the wrinkles on the face.

    Step-1:- This shows a wrinkled face

    Step-2 :-After using the smudge tool

    Brush size :- 31

    Strength :-91

    The image turns out to be as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 131

    Step-2 :- Using the smudge tool

    3.32 Dodge Tool The dodge tool is used to turn dark skin to white as shown below. The symbol of the dodge tool is

    There are 3 options here

    a) Shadows :- Effects the darker shades

    b) Midtones :- Effects the light dark shades

    c) Highlights :- Effects the light shades.

    Step-1

    Before the Dodge Tool

    After The Dodge Tool

  • Adobe Photoshop CS6

    Orissa State Open University Page 132

    3.33 The Burn Tool The burn tool is used to turn the white skin to darker tone as shown below

    The symbol of burn tool is

    Step-1

    Step-2

    With brush size as 65 and hardness at 0 with every click of the mouse the Burn tool takes effect.

  • Adobe Photoshop CS6

    Orissa State Open University Page 133

    There are 3 options here

    d) Shadows :- Effects the darker shades

    e) Midtones :- Effects the light dark shades

    f) Highlights :- Effects the light shades.

    Protect Tones :- Used To protect the image.

    3.34 Sponge Tool

    The sponge tool is used to increase or decrease the saturation of the image. It is identified by the

    symbol

    Vibrance :- Minimizes clipping for fully saturated and desaturated colors.

    Let us consider the image as shown below

    Using the desaturate option

    Using the Saturate option

  • Adobe Photoshop CS6

    Orissa State Open University Page 134

    3.35 Pen Tool

    The Pen Tool is used to draw images and crop images from a image file. It is defined by the symbol

    to draw images as shown below

    How To Use Pen Tool :-

    Step-1 Click on the Pen Tool and draw the shape as below.

  • Adobe Photoshop CS6

    Orissa State Open University Page 135

    Step-2

    Step-3

    Using the fill tool fill the shape as shown below

    Using Pen Tool In Cropping An Image

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 136

    Step-2

    Select the pen tool and select around the object that has to be selected

    Step-3

    See that the path is selected and make selection is selected

    1. Click on Copy

    2. Create a new layer

    3. Select the new layer and click paste

  • Adobe Photoshop CS6

    Orissa State Open University Page 137

    3.36 Free Form Pen Tool Used to copy a selected part of the image to a new layer or create a new shape.

    Creating A New Shape

    The free form pen tool is used to create new shapes which the user wants to prepare. They can be

    anything starting from cups, bottles to very complex diagrams. The symbol used is

    Step-1

    Using the free form pen tool we design a shape as shown below.

    Step-2

    Select all the layers and right click and click Convert to a smart object..

    Step-3

    Now in the bottle let us add some water . Create a new layer .

    Using the brush tool using blue color start painting inside the bottle

    Step-4

    Explanation of what was done. Here 2 layers are created.

    1st Layer

  • Adobe Photoshop CS6

    Orissa State Open University Page 138

    2nd Layer

    The water inside it as shown below

    3.37 Add An Anchor Point Tool

    Add an anchor point tool is used to add anchor point on the shape drawn by the pen tool.

    Step-1 :-Let us consider the image drawn by two clicks of the pen tool.

    Step-2 :- Now using add an anchor point tool

    Step-3

    Now using the Direct Selection Tool change the shape of the

    Line as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 139

    3.38 Delete An Anchor Point Tool This option is used to delete an anchor point in a shape as shown below

    Doing So Changes the shape of the image as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 140

    3.39 Convert Point Tool Symbol as shown below

    Step-1

    Using the pen tool design a structure with tree points by pen tool

    Step-2

    Using the convert point tool in the tip of the triangle

    Step-3

  • Adobe Photoshop CS6

    Orissa State Open University Page 141

    Step-4

    Now to fill the picture designed above

    Step-5

    Click on the ok button and use the fill .

    3.40 TEXT TOOLS

    4 TYPES

    1. Horizontal Type Text Tool

    2. Vertical Type Text Tool

    3. Horizontal Type Mask Tool

    4. Vertical Type Mask Tool

    3.40.1 Horizontal Type Text Tool

    The Horizontal Type Text Tool is used to type a horizontal text.

    It is defined by the symbol . Click it and type the text as shown below.

  • Adobe Photoshop CS6

    Orissa State Open University Page 142

    3.40.2 Vertical Type Text Tool

    The vertical type text tool is used to type a text vertically.

    It is defined by the symbol as shown below

    3.40.3 Horizontal Type Mask Tool

    The horizontal type tool uses a mask to show the typed matter .It is defined by the symbol as

    shown below

    How to Create A Horizontal Mask Tool

    Step-1

    Create a new document. Place an image on the layer as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 143

    Step-2

    The screen shown above is called Ruby Lit which means the screen is ready to accept the text that user

    enters

    Step-3

    Now press the move tool

  • Adobe Photoshop CS6

    Orissa State Open University Page 144

    Step-4

    Now press Ctrl + j

    You find a new layer is created as shown below

    Step-5

    Click any of the controls to deselect

    3.39.4 Vertical Type Mask Tool

    Identified by the symbol

    Step -1

    Create a new layer with an image in it as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 145

    Step-2

    Click on symbol and drag it over the layer 1

    Step-3

    Step-4

  • Adobe Photoshop CS6

    Orissa State Open University Page 146

    Click on the symbol

    Step-5

    Press Ctrl +j

    Click on symbol

    Step-6

  • Adobe Photoshop CS6

    Orissa State Open University Page 147

    3.41 Path Selection Tool The path selection tool is defined by the symbol as shown below.

    Let us learn how to use the path tool

    The path tool is used to

    duplicate a vector shape created by a pen tool.

    change the vector shape created by the pen tool.

    Duplicate the vector shape created by a pen tool

    Step-1

    Using the pen tool let us create a triangle as shown below

    Step-2

    Press Alt + to duplicate a vector shape created by the pen tool.

  • Adobe Photoshop CS6

    Orissa State Open University Page 148

    Change the Vector Shape Created By The pen tool

    Step-1

    Click add a anchor point tool defined by symbol

    Step-2

    Step-3

    Press Ctrl + Path Selection Tool as shown below

    Step-4

  • Adobe Photoshop CS6

    Orissa State Open University Page 149

    Once again click on path selection tool as shown in the figure below

    Step-5

    Click on the white background of the image with the path selection tool as shown

    below

  • Adobe Photoshop CS6

    Orissa State Open University Page 150

    3.42 Direct selection tool The Direct Selection Tool is defined by the symbol

    Used to change the shape and size of the vector image as shown below

    Step-1 :- Click on the direct selection tool

    Step-2 :- Click on the points of the triangle to change the shape of the triangle.

    Step-3:-

    Step-4

    Click on the white background to disable the points.

  • Adobe Photoshop CS6

    Orissa State Open University Page 151

    Direct Selection Tool

    The Direct Selection Tool is used to

    Modify a vector Image by changing anchor point location if the vector image

    Modify a vector image by changing multiple anchor points of a vector image

    Modify a vector image by changing line joining 2 anchor points of the vector image

    Modify a vector image by changing the line position joining multiple anchor points

    Delete an anchor point of a vector image

    Delete multiple anchor points of a vector image

    Delete a line joining two anchor points of a vector image

    Delete multiple lines joining multiple anchor points of a vector image

    Move direction lines of a vector image in addition of an anchor point added

    3.42.1 Modify a vector Image by changing anchor point location if the vector image

    Step-1

    Create a vector image using the pen tool as shown below

    Step-2

  • Adobe Photoshop CS6

    Orissa State Open University Page 152

    Clicking on the direct selection

    You find 6 anchor points

    Step-3

    Clicking on the anchor point and modifying the vector image as shown below

    3.42.2 Modify a vector image by changing multiple anchor points of a vector image

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 153

    Step-2

    Having the tool enabled

    select multiple vector points by using shift + left mouse button

    With left mouse button clicked change the shape as below

    3.42.3 Modify a vector image by changing line joining 2 anchor points of the vector image

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 154

    Step-2

    Step-3

  • Adobe Photoshop CS6

    Orissa State Open University Page 155

    3.42.4 Modify a vector image by changing the line position joining multiple anchor points

    Step-1

    Step-2

    select multiple lines joining vector points by using shift + left mouse button

    With left mouse button clicked change the shape as below

    3.42.5 Delete an anchor of a vector image point

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 156

    Step-2

    Select the anchor point by left mouse click with direct selection tool clicked

    Step-3

  • Adobe Photoshop CS6

    Orissa State Open University Page 157

    Now clicking the del key

    Step-4

    Now clicking any where on the layer

    3.42.6 Delete multiple anchor points of a vector image

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 158

    Step-2

    Now Pressing the del key

    Step-3

    Now clicking anywhere in the screen

    3.42.7 Delete a line joining two anchor points of a vector image

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 159

    Step-2

    Select the line with direct selection tool and click the del key

    3.42.8 Delete multiple lines joining multiple anchor points of a vector image

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 160

    Step-2

    Shift + left mouse click using the Direct Selection Tool

    I have selected 3 lines

    Step-3

    Pressing the Del key

  • Adobe Photoshop CS6

    Orissa State Open University Page 161

    Step-4

    Now clicking anywhere in the screen

    3.42.9 Move Direction Lines Of A Vector Image In Addition Of An Anchor Point Added

    Step-1

    Select the Direct Selection Tool as shown below

    Step-2

    Using eleptical tool as shown below

    Draw an ellipse

  • Adobe Photoshop CS6

    Orissa State Open University Page 162

    Here the elipse has anchor points with direction points

    Step-3

    Step-4

    Now by clicking anywhere on the layer anchor points deminish

  • Adobe Photoshop CS6

    Orissa State Open University Page 163

    3.43 Working with Shapes Working With Shapes In Adobe Photoshop CS6

    Shapes are of 6 types

    1. Rectangle

    2. Rounded Rectangle

    3. Ellipse

    4. Polygon

    5. Line

    6. Custom Shape

    Rectangle tool :- The rectangle tool is used to

    create a rectangular shape

    Create a rectangular path selection

    Create a rectangular fill with pixels

    Create A Rectangle Shape

    This option is used to create a rectangular shape on a layer

    Step-1

  • Adobe Photoshop CS6

    Orissa State Open University Page 167

    Step-4

    Now double clicking on the vector mask

    Step-5

    Increasing the feather as shown below

  • Adobe Photoshop CS6

    Orissa State Open University Page 172

    Rest of the controls defined below follow the same principles which we discussed with the

    rectangle tool.

    Rounded Rectangle

    Ellipse

    Polygon

    Line

    Custom Shape

    3.44 Hand Tool The hand tool is used move around the image if it is not in a full screen mode

    Identified by the symbol

    Some of the other features include

    Scroll all Windows :- This means scroll all windows that are not in full screen mode

    Actual Pixels :- Zoom Current Window

    Fit Screen :- Fits the entire image to a screen

    Full Screen :- View the entire image in full screen

    Print Size :- Zoom Current window to print resolution

    3.45 Rotate View This tool is used to rotate an image. It is identified by the symbol as shown

    Step-1

    Step-2 :- After using the rotate view tool.

  • Adobe Photoshop CS6

    Orissa State Open University Page 173

    3.46 Zoom Tool The zoom tool is used to zoom in an image and zoom out an image. It is defined by the symbol as shown

    below

    It is the important tool for editing small images which involve colouring , cropping etc.

    Here means increase magnification

    Increase magnification

    Decrease magnification

    Resize all windows so that they fit to the screen

    This takes effectwhn multiple windows are opened and if one window is zoomed in all windows also zoom in to that extent.

    Used when one wants to zoom a particular location. Another way to do it is click

    and drag around the region which you want to magnify.

    Zoom current window to 1:1

    Zoom screen to current fit size

    Zoom current window to printing resolution

    3.47 Switch Foreground and Background color

    3.48 Quick Mask Mode

    This option is used to edit images under quick mask mode

  • Adobe Photoshop CS6

    Orissa State Open University Page 174

    Step-1

    Step-2

    After clicking quick selection tool

    Step-3

    Click the brush tool to select the brush

    Select black to make the cherries red

    Switch to white to remove extra red on the floor of the image

  • Adobe Photoshop CS6

    Orissa State Open University Page 175

    3.49 Screen Modes Its how we see the screen. It is defined by the symbol

    There are 3 modes

    Standard screen mode

    Full Screen mode with menu bar

    Full screen mode :- To come out of full screen mode press esc key.

    4.0 Questions 1. What is Adobe Photoshop and why do we use it?

    2. Describe Adobe Photoshop Interface ?

    3. What is a layer? Discuss in depth?

    4. What is a layer mask ?Describe?

    5. Discuss the various tools in Adobe Photoshop ?

    1 Getting Started1.1 What Is Adobe Photoshop CS61.2 Carriers in Adobe Photoshop CS61.3 Starting Adobe Photoshop CS6

    2 Interface Layout (An Overview)2.1 File2.2 Creating A New Adobe Photoshop File2.3 Layers discussed In Depth2.3.1 Photoshop File Comprised Of Various Layers2.3.2 Hide A Layer In Adobe Photoshop File2.3.3 Duplicate A Layer In Adobe Photoshop File2.3.4 Delete A Layer In Adobe Photoshop File2.3.5 Grouping Layers2.12.6 How To Ungroup Layers1.12.7 Link Layers1.12.8 Unlink Layers2.12.10 Layer Mask1.12.10 Create A New Fill Or Adjustment Layer2.13 How To Create A Pattern

    3. Tool Bar :-3.1 Move Tool3.2 Marque Tools3.2.3 Single Row Marque Tool3.2.3 Single Column Marque Tool

    3.5 Magic Wand Tool3.6 Crop Tools3.7 Slice Tool3.8 Color Picker Tool3.10 Ruler Tool3.11 Note Tool3.12 Spot Healing Brush Tool3.13 Patch Tool3.15 Red Eye Tool3.16 Brush Tool3.17 Pencil Tool3.18 Color Replacement Tool3.19 Color Mixer Tool3.20 Clone stamp tool3.22 History Brush Tool3.23 Art History Tool3.24 Eraser Tool3.25 Background Eraser Tool3.25.3 Sampling Background Swatch3.25.3.1 Limits using Sampling Once3.25.3.1.1 Contigious3.25.3.1.2 Discontigious3.25.3.1.3 Find Edges

    3.26 Magic Eraser Tool3.27 The Paint Bucket Tool3.28 The Gradient Tool3.29 Blur Tool3.32 Dodge Tool3.33 The Burn Tool3.34 Sponge Tool3.36 Free Form Pen Tool3.37 Add An Anchor Point Tool3.38 Delete An Anchor Point Tool3.39 Convert Point Tool3.40 TEXT TOOLS3.40.1 Horizontal Type Text Tool3.40.2 Vertical Type Text Tool3.40.3 Horizontal Type Mask Tool3.39.4 Vertical Type Mask Tool

    3.41 Path Selection Tool3.42 Direct selection tool3.42.1 Modify a vector Image by changing anchor point location if the vector image3.42.2 Modify a vector image by changing multiple anchor points of a vector image3.42.3 Modify a vector image by changing line joining 2 anchor points of the vector image3.42.4 Modify a vector image by changing the line position joining multiple anchor points3.42.5 Delete an anchor of a vector image point3.42.6 Delete multiple anchor points of a vector image3.42.7 Delete a line joining two anchor points of a vector image3.42.8 Delete multiple lines joining multiple anchor points of a vector image3.42.9 Move Direction Lines Of A Vector Image In Addition Of An Anchor Point Added

    3.43 Working with Shapes3.44 Hand Tool3.45 Rotate View3.46 Zoom Tool3.47 Switch Foreground and Background color3.48 Quick Mask Mode3.49 Screen Modes

    4.0 Questions