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

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


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


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


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


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


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


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


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


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


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


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


Step-3

Select duplicate layer to duplicate the layer.

Advantages of duplicating

Adobe Photoshop CS6


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 can’t be deleted .At least a single layer remains which ant be deleted

which means photoshop retains at least one layer.

Adobe Photoshop CS6


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


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


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


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


STEP-3

Adobe Photoshop CS6


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


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

First Way

Second Way

Adobe Photoshop CS6


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


STEP-2

Set the foreground color to black

Adobe Photoshop CS6


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


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


Adobe Photoshop CS6


Using the Gradient Tool :-

Step-1

Step-2

Adobe Photoshop CS6


Using The Pattern Fill :-

Step-1

Step-2

Adobe Photoshop CS6


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


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


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


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


Add pattern

Manage scale and opacity as shown below

Adobe Photoshop CS6


Adobe Photoshop CS6


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


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


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


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


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


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


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


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


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


Step-4

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

Adobe Photoshop CS6


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


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 browser’s status area for a

selected slice or slices. By default, the slice’s 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


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


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


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


Adobe Photoshop CS6


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


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


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


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


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


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


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


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


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


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


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


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

Adobe Photoshop CS6


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


Press Ctrl +d to deselect the moved image .

Now you find 2 climbers are climbing the hill.

Adobe Photoshop CS6


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

The final image

Adobe Photoshop CS6


Adobe Photoshop CS6


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


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


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


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


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


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


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


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


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


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


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


3.20 Clone stamp tool

Figure -1 :- Before using Clone Stamp Tool

Adobe Photoshop CS6


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


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


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


Now erase the wife

Adobe Photoshop CS6


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


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


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


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


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


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

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

Adobe Photoshop CS6


Adobe Photoshop CS6


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


Adobe Photoshop CS6


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


Step-4

Now run the eraser tool as shown below

Adobe Photoshop CS6


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


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


.

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-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


3.25.3 Sampling Background Swatch


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


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


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-2:-

Adobe Photoshop CS6


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



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


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


Step-2

Working with Angle Gradient

Step-1

Step-2

Working with Reflected Gradient

Step-1

Step-2

Adobe Photoshop CS6


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


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

requirement

Adobe Photoshop CS6


Step-3

Customized design

Adobe Photoshop CS6


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Step-2

Click on symbol and drag it over the layer 1

Step-3

Step-4

Adobe Photoshop CS6


Click on the symbol

Step-5

Press Ctrl +j

Click on symbol

Step-6

Adobe Photoshop CS6


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


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


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


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


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


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


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


Step-2

Step-3

Adobe Photoshop CS6


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


Step-2

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

Step-3

Adobe Photoshop CS6


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


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


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


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


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


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


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


Step-4

Now double clicking on the vector mask

Step-5

Increasing the feather as shown below

Adobe Photoshop CS6


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


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


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


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 ?

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

Top Related