adobe photoshop basic tutorials (me & my photoshop)

41
Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 1 PHOTOSHOP CS5 BASIC Find the original posts @: http://www.ceeceecomputers.com/me-and-my-photoshop1.html

Upload: ceecee-computers

Post on 12-Apr-2017

102 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 1

PHOTOSHOP CS5 BASIC

Find the original posts @:

http://www.ceeceecomputers.com/me-and-my-photoshop1.html

Page 2: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 2

ADOBE PHOTOSHOP BASIC TUTORIALS

By Nwoka Chukwuebuka; http://www.ceeceecomputers.com Our Blog Articles

No doubt, Photoshop is one of the best known software applications in the

world with very powerful, clean, logical and easy to learn interface. No wonder

it has been in existence for over a decade.

Not minding the above benefits of Photoshop, we also should not forget that

Photoshop is a very intimidating software application for the novice. But don’t

worry, we will be teaching you the basics and how to keep moving forward.

GET YOUR PHOTOSHOP APPLICATION READY

For the sake of this tutorial, it is mandatory you get your Adobe Photoshop

Software application ready and installed because it will be very hard for you to

follow this tutorials without practicing as you read.

If you are not currently an Adobe Photoshop user, go to

http://www.adobe.com to download the software. They are offering free

30days trial download.

GET YOUR IMAGES/PICTURES READY

The use of images/pictures in tutorial is highly necessary; this is because

the adobe Photoshop tools provided will be used to work on those

pictures/images.

So get yourself as many photos of your choice in order to make this

tutorial an easy going one.

Page 3: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 3

Save those images in a folder assigning any name of your choice to the

folder.

LAUNCH ADOBE PHOTOSHOP

To launch the adobe Photoshop programme installed in your system;

Click on “Start menu” followed by “All Programs”, then click on

“Adobe Photoshop CS5”

OPENING A DOCUMENT/CREATION OF NEW WORKING LAYOUT/CANVAS

Remember you saved your pictures/images in a folder, now that your Adobe

Photoshop window is open, we are going to open a document i.e. one of the

images.

Like I said previously that images are the core stuffs in Adobe Photoshop

application because without the images, its tools will be considered useless. To

open an image from a folder;

Page 4: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 4

1. Click on “File” Menu and a drop-down menu will appear, then click on

“Open”.

2. A dialog box entitled “Open” will appear which you will locate your

image and click on the open button beside the filename field.

Your screen should look like this when you are done;

Remember to create a new layer or duplicate the layer; it makes the layer editable.

I prefer to duplicate the layer, so that I can easily go back each time I make

mistake.

Below the settings panel by the right of the window, go to “layers” then you will

see that the background is locked which means that editing will not be possible on

that layer.

Right-click on the image followed by left-clicking on “Duplicate Layer” and a dialog

box entitled “Duplicate Layer” will appear. Then click on “OK”.

Page 5: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 5

The background copy you are going to work on will appear and it will be highly

editable…

WORKING WITH THE TOOLS:

We are now going to know what each and every tool in the toolbar does i.e. its

function and how to use them.

If you are an Adobe product user, maybe you have used “Adobe illustrator or

InDesign”, you should have been familiar with the nature of the toolbar but if

you have not used any of Adobe products, I advise you keep in mind that in

this tutorial, we are going to try as much as possible to introduce all the

tools.

And I promise that the basic tools will be highly discussed.

TOOLBAR:

a. Marquee Tool:

This tool is used for selection of an object/image by drawing a rectangle or an

ellipse around it.

Page 6: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 6

1. To select the Marquee Tool, click on the tool icon on the toolbar or

by pressing on the letter “M”.

2. After selecting the Marquee Tool, click and drag over the area of the

object/image you want to select (see image above)

In case you want to put the selected part of the image somewhere, after

selecting with the tool, click back on the “Move Tool” icon above the

marquee tool, then go back to the selected part of the image, click and hold

it in the middle of the selection and move the cursor a bit – you will notice

that as you move your mouse, so the selected part of the image moves.

Page 7: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 7

From here, you will then copy the selection, move it, apply filters to it –

pretty much anything you can do in photoshop starts with a selection.

b. The Lasso Tool:

This is a free – form selection tool that allows you select an object /part of

an image by dragging around the area of the image you wish to select/copy.

Page 8: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 8

1. To select the Lasso Tool, click on the icon on the toolbar or by

pressing on the letter “L”. The marquee tool and the lasso tool are

almost the same except that the Lasso Tool is a freehand tool while

Marquee Tool is not.

2. After selecting the tool, click and hold the mouse, then drag and draw

a selection around the part of the image to be selected. Then release

your hand from the mouse, it will autocomplete itself.

3. Copy (Ctrl + C) the selected image and go to the layout/canvas you

are working on and press Ctrl + V to paste the selected image.

SUB-TOOLS:

Lasso Tool is the tool selected by default but to have access to its sub-tools,

click on the icon and hold it for some seconds, a submenu box will appear

revealing all of its sub-tools.

Another way to select the sub-tools is by pressing “Shift + (Shortcut key of the

tool)” i.e. for Lasso tool press “Shift + L”.

Polygonal Tool: This tool selects an image or part of the image by drawing a

straight-edge border around it.

Magnetic Lasso Tool: This tool selects an image by drawing a border that snaps

to the edges of the defined area of the object, works the same way as the

regular/default lasso tool except that this tool attempts to detect edges for

you and automatically snap to them.

You should notice that as you move your mouse, the starting point still remains

pinned to the image and a dashed line extends towards the cursor. Clicking

Page 9: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 9

again puts the next point pinned; it goes this way till your selection is

complete.

Note: Don’t single-click when you reach at your last click point, just make sure

you double-click. The polygon will then close automatically.

Press the “Esc” key anytime you want to cancel the selection in progress or

press “Ctrl + D”

c. The Magic Wand Tool:

Clicking any part of the image with this tool tells Adobe Photoshop to select

the spot clicked and anything around the image that is similar. This is a typical

quick selection tool.

1. To select the Magic Wand Tool, click on the icon on the toolbar or

by pressing on the letter “W”.

2. Try clicking on any part of your image with this tool, you will notice that

this tool automatically selects without you dragging it where it will

select, like how we used the Marquee and Lasso tool (see image above).

Page 10: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 10

3. If the tool doesn’t select the part of image the way you wanted it to,

then you adjust its “tolerance” (see image above), increase it to 100%

and see how it will select the image this time. By doing this, you can

greatly control the selections of the magic wand tool.

Note: The more the “tolerance”, the more it selects...

d. The Crop Tool:

The crop tool is one of the most used tools in photoshop; it can be used to

improve the composition of your pictures/images.

With the crop tool, you can specify the exact size you want the crop tool to

give to your images or you can directly crop to any size you wish.

1. To select the Crop Tool, click on the icon on the toolbar or by

pressing on the letter “C”.

t

BEF

OR

E

PR

ESSI

NG

EN

TER

KEY

Page 11: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 11

2. Click and drag the tool over the part of the image that you want to keep,

and then you can resize it by dragging the squares (blue line arrow) at

the sides and corners (see image above).

3. Click on the “Enter/Return” Key when you are okay with the size of the

image and you will notice that the other part of the image have

disappeared leaving the selected part only (see image above).

SUB-TOOLS:

Slice Tool: It is used to cut images into slices, which after can be exported to

a web page.

Slice Select Tool: According to its name “Slice Select Tool” it is used to

select/move the part of the images sliced by the “Slice Tool”.

e. The Eyedropper Tool:

The eyedropper tool lets you click on any part of the canvas/image and sample

the colour at that exact point. The eyedropper will change your foreground

colour to whatever colour it sampled from your image or canvas.

AFT

ER P

RES

SIN

G

ENTE

R K

EY

Page 12: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 12

.

Looking at this beautiful lady’s picture above, assuming I need the colour of

her lipstick and I need to work with that exact colour.

With the magic of the “Eye Dropper Tool”, we will get the exact colour of

her lipstick.

1. To select the Eye Dropper Tool, click on the icon on the toolbar or

by pressing on the letter “I”.

Page 13: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 13

2. Left-click on that particular spot of the colour you want i.e. the lipstick

area and you will notice a circle shape showing the colour of the lipstick,

immediately your foreground colour changes to the exact lipstick colour.

Then looking at the second picture by the right, I drew a rectangular

shape and it came out with that exact colour, also you can paint with the

colour.

f. The Healing Brush:

The healing brush tool is a tool that when selected, paints over your image

with another part of the image i.e. it lets you sample part of the

photograph/image and use it to paint over another part of the same image.

Once you have finished, Photoshop will examine the surrounding areas and try

to blend what you painted with the rest of the image.

It can also be used in correcting small blemishes that appears on scanned

pictures.

Page 14: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 14

I am going to use the healing brush tool to remove the footballers leg/touch

lines leaving the canvas a plane grass background.

1. To select the Healing Brush Tool, click on the icon on the toolbar or

by pressing on the letter “J”.

2. Then to use the tool, hold down the “ALT” key and left-click on the part

of the image you want to use for the healing i.e. the part of the image

that you want to use to cover the other part (I chose the grassy part of

the image).

Page 15: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 15

3. Then locate where you want to cover/heal, left-click and drag to paint all

over the part of the image. You will notice that the more you paint over

the previous image; keep painting over the image till you get satisfied

with the image.

SUB-TOOLS:

Spot Healing Brush: This tool automatically samples pixels to correct a spot

with one step without first combining the “ALT” Key. To manually set its

source of colour/image, you should make use of the healing brush itself.

While the Spot Healing Brush still selected, right-click on the image you are

working on to set/adjust its “Size, Hardness, Spacing, Angle and

Roundness”. This applies for both the Spot Healing Brush and the Healing

Brush itself.

Page 16: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 16

Note: The more the brush size of the healing brush, the more its selection.

Patch Tool: This tool is used to replace part of an image with another

part of the same image by tracing a path around the part of the

image you want to replace, and then drag the path to other part of

the same image to be replaced with.

You will notice that as you move with the path created, it will be replaced

with other parts of the image, so when you get to suitable path – leave your

mouse and observe the changes (see images below).

I replaced the left eye with the lips.

Red Eye Tool:

Page 17: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 17

g. Brush Tool:

The Brush Tool draws lines of different thickness and colours.

1. To select the Brush Tool, click on the icon on the toolbar or by

pressing on the letter “B”.

2. Pick a colour for the brush; click on the foreground colour at the bottom

of the toolbar list, a colour picker dialog will appear.

3. Click “OK” to close after you have gotten a colour of your choice.

4. Use the options bar to change the brush, mode, opacity and flow.

5. Then drag your mouse on the canvas/image to paint.

Page 18: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 18

SUB-TOOLS:

Pencil Tool: The Pencil tool draws lines of varying thickness, also the

panel tool features no anti-aliasing; everything is very bitmapped.

Colour Replacement Tool: This tool is specifically used in replacing

one colour (or range of colours) with another colour.

Mixer Brush Tool: According to its name, the tool mixes together

different colours. Just, like the same way an artist uses his/her

palette to mix colours.

h. The Clone Stamp Tool:

Just like the healing brush, the clone stamp lets you take a sample of an image

and applies it over another image or the same image but at a different part.

1. To select the Clone Stamp Tool, click on the icon on the toolbar or

by pressing on the letter “S”.

2. Choose a brush from the option bar above the window (image below) .

Page 19: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 19

3. Hold down the “ALT” key and left-click on a certain point of the image

above (face of the dog) where you want to start your copy point, then

put your mouse over whatever part of the new image and left-click to

Page 20: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 20

paste that spot you copied for cloning or drag it over, till the new part of

the image is covered with the source image.

4. Use the Option bar to adjust the Brush, Mode, Opacity, Flow, Table

pressure, Airbrush and Align Sample Check-box. Another way to choose

brush is by right-clicking on the image, a dialog box will appear, and

there you can select a brush.

SUB-TOOL:

Pattern Stamp Tool: This tool is works just as the Clone Stamp tool, except

that this one uses pattern instead of part of image:

1. To select the Clone Stamp Tool, click and hold the icon on the

toolbar for seconds or by pressing “Shift + S” to switch.

2. Go to the Pattern picker at the option bar to select you desired pattern,

also there you can adjust some settings; “Mode, Opacity, Flow” e.t.c.

To customize a pattern of your own;

1. Select the part of the image using the rectangular marquee tool, then

from the “Edit” menu select “Define Pattern”

Page 21: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 21

2. Name Your Pattern, select the pattern stamp tool and click on pattern

palette.

3. Then paint over your image and the new pattern will be stamped onto it.

Note: Checking the “Aligned” Checkbox will restart the tile at every click of the

mouse which can result in a more natural, looking pattern. Also checking

“Impressionist” will give you random dots of colour taken from the pattern, the

dot size is determined by the brush size.

i. The History Brush Tool:

This tool lets you paint back in time i.e. taking you back to previous versions of

your image.

For example; let’s say you added an effect on a photo and later you feel like

bringing it back to its original state. With History Brush Tool selected, paint

over the whole area of the photo and you will be surprised that your original

image will be restored back to its previous state.

1. To select the History Brush Tool, click on the icon on the toolbar or

by pressing on the letter “Y”.

Page 22: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 22

2. Click and hold the mouse directly on the image, then start painting over

the cloned part of the image. As you drag over, your image will be

restored back to its original state (see image above).

SUB-TOOL:

Art History Brush: This tool paints over an image using the source data from a

specified history state or snapshot.

Use the Option bar to adjust the “Brush size, Blending mode, Opacity, Style,

Area and Tolerance”

j. The Eraser Tool:

The eraser tool is used to remove/erase an existing path/image. The eraser

tool is almost identical to the paint brush except that it erases instead of

painting the image.

To erase an image or part of the image;

Page 23: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 23

1. To select the Eraser Tool, click on the icon on the toolbar or by

pressing on the letter “E”.

2. Click on the part of the image you wish to erase, drag over the part to

erase it

SUB-TOOLS:

Background Eraser Tool: Also works as the default eraser tool except that it

specifically erases backgrounds not images itself.

Magic Eraser Tool: This eraser tool also works as the default “Eraser tool”

except that it automatically erases the part of the image without

dragging/painting over to erase.

k. The Gradient Tool:

The Gradient Tool allows you to fill a selected part of the canvas/image or the

entire canvas/image with a smooth blending between two (2) or more colours.

1. To select the Gradient Tool, click on the icon on the toolbar or by

pressing on the letter “G”.

Page 24: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 24

2. Choose a fill in the option bar, at the top of the window, click on the

gradient palette and choose Red and Green gradient on the top

right row by double-clicking it (see image above).

4. Click on the starting point of your canvas/image (image 1 above); hold

the mouse down and drag to the end point and your canvas will

resemble the image 2 above.

SUB-TOOLS:

Paint Bucket Tool: This tool lets you fill an entire or any given area of your

canvas/image with the colour of your choice; it fills the area with the current

foreground colour.

Page 25: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 25

Green Arrow: Foreground

Red Arrow: Background

“F” Letter: Default Foreground and Background Colours

“S” Letter: Switch Foreground and Background Colours

The difference between the “Gradient tool” and the “Paint bucket tool ” is

that the “Paint bucket tool” fills an area with a specific colour using the

foreground colour (see image below) while the “Gradient tool” fills the

selected area with a smooth blending of two (2) or more colours (see image

above) . Loading and creating preset will give you more than two colours).

Page 26: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 26

l. The Blur Tool:

The Blur Tool and its sub-tools act like pain brush tools “Sharpened and

Smudge Tool” except that the “blur tool” blurs images i.e. giving the image a

dull/faint-like colour.

1. To select the Blur Tool, click on the icon on the toolbar.

2. At the option bar, adjust the “Brush size, Mode, and its Strength”. You

can find the option bar at the top of the window, below the menu bar

(see image below).

3. Drag the brush over the areas of the image you want to blur. Assuming

we blur the image above, our new blurred image will be like the one

below.

COMPARE THE TWO

SUB-TOOLS:

Page 27: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 27

Sharpen Tool: This tool does not blur the selected area of your image rather it

sharpens the area.

Smudge Tool: This tool will smudge the area all around the canvas.

m. The Dodge Tool:

The main function of this tool is to add “Light” to images, thereby making the

image lighter.

For example; you have a photograph that seems to be very dark. With the

Dodge tool, you can lighten up the picture by setting up the “Range” at the

option bar to “Highlights” and “Exposure” to 50.

1. To select the Dodge Tool, click on the icon on the toolbar or by pressing

on the letter “O”.

2. Choose brush and Paint over the area you want to lighten up and that is

it. You will notice that the area is now lighter than other areas.

COMPARE THE TWO

SUB-TOOLS:

Burn Tool: This tool works just as the dodge tool except that the burn tool

does the opposite by darkening the area of the image.

Page 28: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 28

This can only be done by changing the “highlight” at the Range field to

“Shadows” while others can remain the same.

Sponge Tool: The Sponge tool can saturate or desaturate colour in the area

you paint with.

Switch to sponge tool by pressing “Shift – O”.

n. The Pen Tool:

The Pen Tool is for drawing of vector graphics. It can also be used to create

smooth edged paths.

The tool also works like the “Marquee” and “Lasso” tool for selection except

that the pen tool make very precise, editable selections. With the pen tool, you

can easily change the background of your photograph.

1. To select the Pen Tool, click on the icon on the toolbar or by

pressing on the letter “P”.

Page 29: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 29

2. Click and drag to draw a path, the path can be continuous depending on

the image you are selecting. Click and drag the anchor points to modify

the path.

Start off by creating a point on your canvas with the pen tool. Now

create a second point, but don’t let go.

Hold down and drag. You will notice that a curve will start to appear,

continue this till you finish your image.

If you are having trouble getting the pen tool to do what you want, one thing

can help is the gridlines. You can turn on the grid by going to the “View Menu”

and choosing “Grid” from the show submenu (See image below).

Page 30: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 30

3. Still with the tool selected, right-click directly on the path drawn and a

drop down menu will appear, then left-click on “Make Selection” (see

image above).

4. A dialog box entitled “Make Selection” will appear, adjust the Feather

radius or directly click on “OK” button to proceed (see image above).

Page 31: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 31

5. Now the selected path of the image can now be moved with the aid of

the “Move tool”, Copied (Ctrl + C) and Pasted on another image/canvas

for editing by pressing “Ctrl + V” (see image above).

6. Looking at the last image above, I replaced the dog face with the

previous face selected.

SUB-TOOLS:

Free form Point Tool: This tool works just like the free form lasso tool.

Add Anchor Point Tool: The tool is used to add anchor points to the created

path.

Delete Anchor Point Tool: The tool is used to remove anchor points to the

created path.

Convert Point Tool:

o. The Horizontal Type Tool:

This tool, lets you type horizontally on a canvas/layer you are working on. New

Layer will be created for you to type on each time you click the type tool on a

new canvas.

You can also use the “Horizontal Type Tool” to create a sized text field like the

one below.

Page 32: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 32

1. To select the Horizontal Type Tool, click on the icon on the toolbar

or by pressing on the letter “T”.

2. Click on the portion of the canvas you wants to put a text on, a blinking

cursor will appear, and then begin to type.

To create a sized text field on a canvas/image;

3. Click and drag from the top-left corner of where you want your text box

to appear, to the bottom right corner of the box.

4. You will notice the appearance of a rectangular shape on the

canvas/image with a blinking cursor inside it.

5. Then type into the rectangular text box and if you are done typing text,

press the “Enter” Key immediately.

6. To make adjustments to your typed text;

7. Use the option bar found under the menu bar at the top of the window

to adjust/change the “Text Orientation, The Font Family, Font Style, Font

Size, Anti-aliasing method, Alignment/centralizing, text colour, and

warped text etc.

SUB – TOOLS

To access the sub – tools click and hold on “Horizontal Type Tool” Icon and

a drop down will appear giving you access to its entire sub – tools.

Page 33: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 33

Vertical Type Tool: This tool is opposite to the “Horizontal Type Tool”

it lets you type on a canvas/image vertically (see image below).

Horizontal Type Mask Tool: Typing with this tool gives your text, the

colour of the Canvas/image background.

Assuming you positioned your text box (selecting Horizontal Type Mask

Tool) on top of a grassy canvas/image, after typing. A mask dash line will

round the text “GO” showing that the text is masked then go to the “Edit

menu” and copy (see image above).

Page 34: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 34

After copying, go to the white colour canvas you’re working on and paste it.

You will notice that the text will bear the background of your previous

grassy canvas/image (see image above).

Vertical Type Mask Tool: This tool works just as the “Horizontal Type

Mask Tool” except that it types vertically and not horizontally.

p. The Path Selection Tool:

This tool helps you move any created path around it is just the same to “Move”

tool except that the “Path Selection” tool is specifically meant for moving

created paths.

For example: create a path with the “Pen tool” and try to move it with

the “Move” tool, you will notice that it is not possible to move the path with a

“move tool”.

Page 35: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 35

But when you select the “path” tool and click it directly on the path shape, you

will also notice that the path formally without anchor points will now have

them thereby making it possible to move them around the canvas.

SUB – TOOLS:

Direct Selection Tool: This tool is only used to adjust the anchor

points of a path.

To adjust an anchor point with the tool; just select the tool at the toolbar and

click directly on the path created, then try to adjust the path by clicking directly

on one of the anchor point and drag.

Note: The cursor shows white arrow when you select the “Direct Selection

Tool” and Black arrow when you select the “Path Selection Tool”.

q. The Rectangle Tool:

The Rectangle tool lets you draw a rectangle shape on your canvas/image.

1. To select the Rectangle Tool, click on the icon on the toolbar or by

pressing on the letter “U”.

2. Click and draw on your working canvas to draw a shape. Note that the

shape will automatically be filled with the foreground colour.

3. Use the option bar at the top of the window to adjust the “Shape, path

or pixels, fill colour etc.

Page 36: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 36

SUB - TOOLS:

Rounded Rectangle Tool: This tool lets you draw a round corner

rectangle shape.

Ellipse Tool: This tool lets you draw ellipse shape on your canvas.

Polygon Tool: This tool lets you draw a polygon shape on your canvas

Line Tool: This tool lets you draw a line shape on your canvas.

Custom Shape Tool: This tool lets you customize any type of shape.

r. The 3D Object Rotate Tools:

This tool is used to rotate the 3D shape along the X and Y axis. This tool is the

default tool and the first one in its list.

To rotate a 3D Shape;

Assuming you already have a 3D Shape (see image above); select the

tool by left-clicking on its icon or by pressing the Letter “K” on your

keyboard.

Page 37: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 37

Click on the 3D shape and drag up or down to rotate it around its X axis

or drag it side by side to rotate it around its Y axis.

Diagonally drag it to rotate the 3D shape on both its X and Y axis.

Note: If Open GL is enabled, a 3D widget called the 3D axis will appear on the

screen. It has different colours representing each of the axis (Red, ble and

green).

To enable open GL;

Go to Edit/Preferences/Performance

Check the box titled “Enable Open GL drawing” and click OK.

Then you will start seeing the 3D axis handler as you work with 3D

Shapes/Objects.

Use the option bar above to control its rotation.

SUB-TOOLS:

Page 38: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 38

3D Object Roll Tool: This tool is used to roll the 3D Shape along its

axis. This can be achieved by dragging with the tool selected side by side

or up and down (see image above)

.

3D Object Pan Tool: This tool is used to move the object/shape 3D

space. This can be achieved by dragging up or down to move it vertically

or by dragging it side by side to move it horizontally. Hold ALT Key and

drag to move in both directions (see image above)

.

3D Object Slide Tool: This tool is used to move the 3D Shape/object

closer or farther away from your perspective by dragging up or down

with the tool selected or side by side to move the 3D object/shape

horizontally.

Use the option bar above to control its position.

Page 39: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 39

3D Object Scale Tool: This tool is used to change the size of the 3D

shape/object. This can be achieved by dragging up or down to scale the

object/shape larger or smaller.

Use the option bar above to control the scale value.

s. 3D Rotate Camera Tool:

This tool is used to move the camera view of the object/shape while still at

affixed point. This tool can be used to merge two (2) or more 3D objects

together.

Assuming you already have a 3D object on your layer

Select the tool by left-clicking on its icon or by pressing the letter

“N”

Click on the 3D object and drag up or down to rotate it around its X axis

or drag it side by side to rotate it around its Y axis, by doing so to take a

camera view of the object, you can leave your mouse at any desired

view.

This tool and its sub-tools.”3D Roll Camera Tool , 3D Pan Camera Tool:

, 3D Walk Camera Tool , 3D Zoom Camera Tool “work the

same way as the “3D Object Rotate Tool” and its Sub-tools.

Page 40: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 40

s. The Hand Tool:

This hand tool allows you to click and drag around the Photoshop canvas

thereby allowing you to move around viewing every part of your

canvas/image.

This tool cannot work if the entire canvas currently fits on the screen; it only

works when the canvas/image is larger than the screen or in a case where the

canvas is zoomed in.

1. To select the Hand Tool, click on the icon on the toolbar or by

pressing on the letter “H”.

2. Click and hold the mouse button, then drag to move to any part of your

canvas/image

3. Use the option bar to adjust the settings “Actual pixels, Fit screen, Fill

screen and print size” of your canvas/image.

SUB-TOOL:

Rotate View Tool: This tool is used to rotate the canvas/image. To

select it just press the letter “R” on your keyboard.

t. The Zoom Tool:

The Zoom tool is used to zoom in and out of Photoshop canvas/image.

1. To select the Zoom Tool, click on the icon on the toolbar or by pressing

on the letter “Z”.

Page 41: Adobe photoshop basic tutorials (Me & my photoshop)

Me & My Photoshop: Adobe Photoshop CS5 Basic Tutorial CEECEECOMPUTERS – http://www.ceeceecomputers.com Contact Us: [email protected] - +2347030445028 Page 41

2. Click on the area of the canvas/image you wish to zoom.

By default the zoom tool only zoom out, so to zoom in;

3. Right-click on the canvas/image, a drop down menu will appear, then

choose “Zoom in”

4. After that, click on the area of the canvas/image you wish to zoom.