INTRODUCING

BASIC TOOLS
 Tools
Photoshop has a large array of distinct tools Below you will see the names of all the various tools and how they
.

will appear in Photoshop Below are some further explanations of a few of the more commonly used ones
. .

Move Tool - U Se t K i S TOO l t O GRRB OM TO TK e c URR e MT l Y S electe O l RY e R RMO ORRG it RROUMO TK e imRGe UMT il
YOU'Re SRT i S fie O W it K it S POS iti OM .

Lasso Tool - U S e t O S elect R SP ecific S ecti OM O f R l RY e R .

Quick Selectio N Tool - Attem PTS TO CR eRTe R S electi OM RROUMO RM OBJ ect BRS e O OM TK e RR e RS YOU S elect.
W OR k S B e ST WK e M O e R li MG W i t K SO li O CO l ORS .
Magic WaNd Tool - LOCRTe O UMOe R TK e RSSOC i RTe O TOO l S W it K TK e Q U ick Selecti OM T OO l. T K i S TOO l w OR k S
S imil RR l Y TO TK e Q U ick Selecti OM T OO l, KOW eve R it R elie S OM OM l Y OMe POiMT TO MRke R S electi OM SUGG e ST i OM ,
RMO W i l l S ele CT RS MUCK RReR it POSS i B l Y CRM RS l OMG RS TK e RRe RS RRe t OUCK i MG RMO CO l ORS RRe Simil RR
e MOUGK RCCORO i MG TO TK e S et T O le RRMC e.

Cr OP T OOl - U S e t O K ig K lig KT R SP e C ifi C R e CTRMGU l RR RRe R O f RM imRGe RMO TKe M CROP TK e imRGe OOWM iMTO
t KRT RRe R.
Pai Nt Brus K T OOl - U S e t O ORRW like YOU WOU l O W i t K R PR i MTBRUSK . T Ke R e RRe R VRR iet Y O f BRUSK STRO ke SKRP e
RMO S ize OPT i OMS iM TK e t OO l BRR RT TK e t OP WK e M RCT iv RT e O .

TyPe TOOl - U Se t K e t YP e t O O l t O CReRTe R T ext l RY e R f OR YOUR imRGe. Text RTTRi BUTeS SUCK RS f OMT , CO l OR , S ize,
STY le, RMO ORieMTRTiOM CRM R l l Be m OO ifie O .

Eye DrOPPer T OOl - U S e t K i S TOO l t O GRRB CO l OR f ROM OMe P l RC e iM RM imRGe RMO US e it SOM e WK e R e el S e. Wit K
t K i S TOO l RCTiv RTe O , S im Pl Y C li C k OM RM RReR O f t K e imRGe RMO TK e CO l OR O f t KRT RReR W i l l Be SeMT TO TK e
CO l OR PR lette.
TKe Recta N gular Marquee t OO l i S US e O f OR MRkiMG Re CTRMGUl RR S ele CT i OMS W it K i M RM imRGe. It i S RMOMG
t K e mOST BRS i C O f t OO l S , RMO RPPeRRS iM MOST eveRY imRGe e O iti MG PROGRRM RVR il RB le. It CRM Be US e O TO
PRePRRe RM imRGe f OR CROPP i MG , WK ile t K e S imil RR C ROP TOO l RUTOMRT i CR ll Y COMP lete S TK e CROP WK e M
US e O .

TKe Heali N g Brus K t OO l let S YOU CORR e CT im Pe Rfe CTi OMS , CRUS i MG TKem t O Oi SRPPe RR iMTO TK e SURROUMO i MG
imRGe. Like t K e C l OM i MG TOO l S , YOU US e t K e He R li MG B RUSK TOO l t O PRiMT W it K SRMP le O P ixel S f ROM RM imRGe
OR PRTTeRM
 TKe Cl ON e Sta MP t OO l PRiMTS OMe PRRT O f RM imRGe OV e R RMOTKe R PRRT O f t K e SRM e imRGe OR OV e R RMOTKe R PRRT
O f RMY OPeM OOCUM e MT TKRT KRS TK e SRM e CO l OR MOO e. Y OU CRM R l SO PRiMT PRRT O f OMe l RY e R OV e R RMOTK e R l RY e R .
T Ke Cl OM e St RMP TOO l i S US ef U l f OR OUP li CRT i MG OBJ e CTS OR RemOViMG R O efe CT iM RM imRGe.

TKe Hist O ry BrusK t OO l R ll OWS YOU TO R e STOR e PRRTS O f RM imRGe t O RM e RR lie R K i STORY STRTe BY PRiMTiMG OVe R
t K em.
TKe Eraser t OO l CKRMG e S P ixel S TO eit K e R TK e BRC kg ROUMO CO l OR OR TO TRRMSPRReMT. If YOU’Re WOR ki MG OM R
BRC kg ROUMO OR iM R l RY e R W i t K TRRMSPRR e MCY l OC ke O , t K e P ixel S CKRMG e t O TK e BRC kg ROUMO CO l OR ; OTK e RW i S e,
t K e P ixel S RRe e RRS e O TO TRRMSPRRe MCY.

TKe Gradie Nt t OO l CRe RT e S R GRROUR l B le MO Bet Wee M MU lti P le CO l ORS . Y OU CRM CKOOS e f ROM PR e S et gRROieMT
f i l l S OR CRe RTe YOUR OWM.

t K e Blur TOOl i S US e O TO PRiMT R B l UR effe CT . E RCK STROke mROe USi MG TK e Bl UR T OO l W il l l OW e R TK e COMTRRST BetWeeM
R ffe CT e O P ixel S , mRkiMG TKem RPPeRR B l URR e O .

TKe DOdge t OO l RMO TK e BurN t OO l lig KT e M OR ORRkeM RReRS O f t K e imRGe. T K e Se t OO l S RRe BRSe O OM R TRRO iti OMRl
ORR k ROOM T e CKM i QU e f OR R eg U l RT i MG ex POSUR e OM SP e C ifi C RReRS O f R PRiMT. P KOTOGRRPK e RS K O l O BRC k lig KT TO lig KT e M
RM RReR OM TK e PRiMT (OOOGiMG) OR iMCReRSe t K e ex POSUR e t O ORRkeM RReRS OM R PRiMT (BURMiMG). T K e mORe YOU PRiMT
OV e R RM RReR W it K TK e D OOG e OR BURM TOO l, t K e lig KT e R OR ORRke R it B e COM e S .
 TKe PeN TOOl CRe RTe S PRTKS RMO SKRP e S WK i CK CRM Be OUP li CRT e O RMO MRM iPUlRT e O TO CReRTe COMP lex
S ele CT i OMS , mRSkS RMO OBJ e CTS .

P at K S electi ON t OO l US e t O S ele CT RMO MOV e PRTK . PRTKS CRM Be CRe RTe O W it K PeM TOO l. W it K TK e PRTK MOO e
RCT ivRT e O. TK e f O ll OW i MG TOO l S R l SO Be US e O TO CReRTe PRTK:
- Re CTRMGUlRR TOO l
- ROUMO e O Re CTRMGle t OO l
-elli PS e t OO l
-li M e t OO l
- CUSTOM SKRP e t OO l

TKe HaNd t OO l R ll OWS YOU TO MOV e YOUR imRGe WK ile YOU'Re z OOM e O iM TO MOR e t KRM L00% RMO PRRT O f t K e
imRGe i S OUT O f vie W .
t K e zOOM t OO l R ll OWS YOU TO z OOM iM OM TK e imRGe t O G et R B ette R i Oe R O f t K e RCTUR l P ixel mRkeUP O f R Se CT iOM YOU
RRe WOR ki MG OM . It i S f R i R l Y e RSY TO US e t K e t O O l.
Introduction
Photoshop is the industry-standard photo editing program from Adobe. This booklet is designed to introduce you to the
essential skills you need to get started using Photoshop. These instructions were created using Photoshop CC 2018 for
Windows; the Mac OS X version is similar.

Learning Objectives

After completing the instructions in this booklet, you will be able to:

 Recognize Photoshop terminology

 Locate tools, panels, bars, and windows in the workspace

 Learn how to crop, rotate, straighten, and adjust an image

 Discover non-destructive editing techniques using layers

 Create and edit text or shapes

 Repair images using various techniques

 Use the history panel to undo any changes made to the image

 Save files in different formats

Important Terms
Basic Terms
 Pixel: the smallest unit of a graphic; a tiny square of color.

 Resolution: the PPI (pixels per inch) of a graphic. 200 - 300 ppi is recommended for print, 72 ppi for web.

 PPI: Pixels per inch; see Resolution.

 Crop: Removing part of an image.

 Resize: Making an image smaller as a whole, without removing any part of the image.

 Layer: Photoshop files can include many layers; the layers stack together to create the final image. Use layers to keep
control over the various parts of your graphic. Layers can be rearranged, modified, hidden, or deleted.

File Formats
 JPG: A commonly-used file format for photos; does not support transparency.

 BMP: A commonly-used file format for photos; does not support transparency.

 PNG: A commonly-used file format for photos with transparency support.

 PSD: The file format for your editable Photoshop files.

Fixing Mistakes
 Undo: Using the function Edit → Undo (or the keyboard shortcut Ctrl-Z) will undo your last step. You can only use Undo
for the single most recent action in Photoshop.

 Step Backward: Using the function Edit → Step Backward will allow you to undo multiple actions in Photoshop.

 History: Photoshop keeps a history of your 20 most recent edits. You can step back to any of these historical steps to
undo your changes. See page 22 for more information about History.

 Revert: Revert changes your file back to the last saved version, undoing all changes made since the last time you saved,
with the function File →Revert.
Opening Photoshop
Follow these steps to launch the Photoshop program on your Windows PC:

1. Click the Windows Start button.

2. Navigate to and click Adobe Photoshop CC 2018

The Photoshop Landing Page

Upon opening Photoshop, you will be taken to the landing page. Here, you can view a list of recently opened files, create
a new file, or open a file. The layout of the landing page is follows:

1. Create New: Create a new graphic (See Figure 1).

2. Open: Open an existing graphic (See Figure 1).

3. View Recent: View recently opened graphics (See Figure 1).

4. View Type: Toggle between grid view and list view (See Figure 1).

5. Sort: Sort the recently opened graphic list (See Figure 1).

6. Filter recent files: Filter recent graphic files (See Figure 1).
Tools & Workspace
When you open a file in Photoshop, your workspace will be laid out in the default configuration, the Essentials
workspace (See Figure 2).

1. Menu Bar: File, Edit, etc. Photoshop functions (See Figure 2).

2. Open Files: You will have a tab for each file you have open (See Figure 2).

3. Workspace area: A workspace is the selection of Photoshop tools laid out on your screen for easy access. The default
workspace is Essentials (See Figure 2).

4. Tools panel: Tools including move, select, type, and shapes. When you over over any tool, it provides a rich tool tip on
how to use that tool (See Figure 2).

5. Open image: The open image appears here (See Figure 2).

6. Layers Panel: Here, you may create, edit, rearrange, and delete layers (See Figure 2)

Cropping an Image
Use the cropping tool to remove the outer parts of an image.

1. Click the Crop Tool in the toolbar.

2. Your cursor changes to the Crop tool.

3. Click and drag to draw a box around the portion of the image you want to keep.
4. Press Enter on your keyboard to complete the crop.

Rotating an Image
Use image rotation to turn an image in the proper direction.

1. Click Image, located on the Menu bar (See Figure 5).

2. Click Image Rotation (See Figure 5).

3. Choose the needed rotation amount, e.g. 90° Clockwise (See Figure 5).
Image Adjustments
Photoshop includes many tools for adjustments. Use the Auto adjustment options to quickly improve your images.

1. Click the Image menu in the top menu bar.

2. Click Auto Tone, Auto Contrast, or Auto Color

3. Photoshop adjusts the tone, contrast, or color of your image.

Use the many options in the Image → Adjustments menu to adjust your image appearance manually.

1. Click the Image menu in the top menu bar (See Figure 9).

2. Click Adjustments (See Figure 9).

3. Choose an adjustment type, such as Brightness/Contrast (See Figure 9)

4. Adjust your image using the options; in this example, brightness and contrast can be adjusted separately (See Figure
10).

5. Make sure the Preview box is checked to see a live preview of how the adjustments will affect your image (See Figure
10).
6. Click the OK button to complete the adjustment.

Layers
Photoshop files can include many layers; the layers stack together to create the image. Use layers to keep control over
the parts of your graphic. Layers can be rearranged, modified, hidden, or deleted.

Background Layer
When you first open an image file, you will have a single layer: the Background.

Note: The background layer is locked, indicated by a lock icon. A locked layer cannot be edited.

Duplicating the Background Layer

In order to work with your background layer non-destructively
(maintaining an unedited version of the original image), you will need to
duplicate your background layer before you begin working.

1. Right-click the Background layer in the Layers panel (See Figure 13).

2. Choose Duplicate Layer (See Figure 13).

3. Click OK at the Duplicate Layer prompt. A new layer is created called

Background copy. This layer is unlocked and can be edited. Your original
Background layer is maintained behind the Background copy layer.
Creating a New Layer
Create a new layer to add to your image file without permanently affecting your existing layers.

1. In the Layers panel, select the New Layer icon.

2. A new transparent layer is created.

Layer Opacity
Each layer has a variety of properties and possible effects. Opacity is one of those options, making the layer
transparent. The following section describes how to adjust layer opacity:

1. Click the layer in the Layers panel.

2. Click the arrow next to Opacity, it is set to 100% by default (See Figure 15).

3. Drag the slider to the desired opacity (See Figure 15).

Note: 100% is fully opaque and 0% is fully transparent.

Deleting a Layer
You may quickly delete layers without affecting any other layers on your image. The following section explains how
to delete a layer:

1. Click the layer that you wish to delete in the Layers panel.

2. Click the Delete icon, located on the bottom right side of the Layers panel.

Adding Text to your Graphics

The following section describes how to use the Type Tool to add text to your graphics:

1. In the toolbar, select the Type Tool.

2. Above your image, the Type toolbar will appear.

3. Click the desired formatting for your text, including the font, style (e.g., bold or italic), font size, alignment (e.g.,
left or center), and color.

4. Click once within your image where you would like to enter your text.

5. Type the desired text.

6. Click the check mark next to the type toolbar to commit your changes, or use the keyboard shortcut Ctrl+Enter.

Note: When you create text with the Type Tool, a separate layer is automatically created for the text.

Editing Text

The following section explains how to use the Type Tool to edit text that you have already entered in Photoshop:

1. In the toolbar, select the Type Tool.

2. Click once within your existing text.

3. To make a formatting change, highlight all the text, and then make your changes within the Type toolbar above your
image.

4. To make a change to the typed text: type or delete text as normal.

5. Click the check mark next to the Type toolbar to commit your changes, or use the keyboard shortcut Ctrl+Enter.

Moving Text
Use the Move Tool to move text that you have already entered in Photoshop

1. In the toolbar, select the Move Tool.

2. In the Layers panel, click once to select your type layer.

 3. Click and drag the text placed in your graphic to move it.

4. Use the keyboard arrows to make more precise adjustments.

Adding a Shape
Photoshop includes 6 separate shape tools: rectangle, rounded rectangle, ellipse, polygon, line, and custom shape.

1. In the toolbar, click and hold the shape tool to choose the desired shape, e.g. the Ellipse Tool.

2. Use the foreground swatch at the bottom of the toolbar to choose the color for your shape.
3. Click and drag over your image to create the shape. Hold down the Shift key on your keyboard to create a
perfect circle, straight line, or perfect square, if desired

Note: Your shape appears over your image, automatically receiving its own layer.

Moving a Shape
After creating a shape, you can move it to different areas of the canvas.

1. Click the Move Tool from the toolbar.

2. Select your shape layer in the Layers panel. 3. Click and drag to move the position of your shape.

Resizing a Shape
After creating a shape, you can still resize or transform it.

1. Click your preferred shape layer in the Layers panel.

2. Click Edit in the top menu.

3. Click Free Transform.

Note: Alternatively, you may select your preferred shape layer and press Ctrl+T on your keyboard.

4. Resize/transform your shape, using the squares at the corners and sides of your shape.

5. Click the check mark in the top toolbar to commit your change.

Removing Unwanted Elements with Content-Aware Fill

Before you can use Content-Aware Fill, you must first select the area of your image to remove. There are a variety of
tools in Photoshop to make selections, including the Marquee tools, the Lasso tools, the Magic Wand tool, and the Quick
Selection tool. This example uses the Rectangular Marquee tool.

1. Click the Lasso Tool from the toolbar.

2. Click and drag to draw around the object you wish to remove.

3. Click the Edit menu item.

4. Choose Fill.

5. The Fill menu appears. Content-Aware should be selected (See Figure 30).

6. Click OK (See Figure 30)

7. Your selected object will be removed.

8. To de-select the area you outlined with the elliptical marquee, choose Select in the top menu, and then click Deselect.

Saving Files
The following sections explain how to save your Photoshop file and image files for print or web:

Saving Your Photoshop File (PSD)

When working with an image in Photoshop, always save your work in Photoshop’s native format, the PSD file format. The
PSD file keeps all layers intact so you can edit your work later.

1. Click File in the menu bar.

2. Click Save As.

3. The Save As dialog box appears. Choose the location where you would like to save your file.

4. Name your file in the File name field.

5. In the Save as type drop-down, make sure Photoshop (*.PSD;*.PDD) is selected.

6. Under Save Options, make sure Layers is checked.

7. Click the Save button.

Saving Your File for Print

Print files should be saved at a high resolution. The recommended resolution is 300 ppi (pixels per inch). While a lower-
resolution photo may look crisp on-screen, it will appear pixelated when printed. First, verify that your image file is at
least 200 to 300 ppi:

1. Click the Image menu in the menu bar.

2. Click Image Size.

3. Verify that the resolution is between 200 – 300 pixels/inch.

4. Click the OK button. Note: For resolution less than 200 ppi, your file ŵay Ŷot be suitable for priŶt. See Adobe’s ǁeb
page Photoshop / Image size and resolution for information. You may be able to increase resolution while decreasing
size, as long as you maintain pixel dimensions equal to or smaller than the original.

After verifying your resolution, save a copy of the image:

1. Click the File menu.

2. Click Save As.

3. Choose the desired image file format in the Save as type drop-down, such as JPG, PNG, or BMP.

4. Choose the location where you would like to save your file.

5. Name your file.

6. Click the Save button

SAMPLE ACTIVITY:
Removing background using Quick Selection Tool

1. Open flower.jpg in Adobe Photoshop

2. Duplicate the background layer

3. Remove the background of the image by using Quick Selection Tool

4. Refine the area by using Quick Selection (New Selection, Add to Selection and Subtract from Selection) on the Option
Bar

5.Refine the edge by (Select > Modify > Smooth) and set the sample radius to 3 pixel
6. Select (ctrl+x) to remove the background

7. Crop the picture using Crop Tool

8. Delete the background layer. (You are now only having the Background copy layer)
9. Open red.jpg in Adobe Photoshop

10. Drag the background copy layer into red.jpg document

11. Adjust the position of the flower using Move Tool and lastly save the file

Text Effect using Type Tool

1. Open sunset.jpg in Adobe Photoshop

2. Add new layer and select Horizontal Type Too

3. Type the word “Sunset”. You can change the font, size and color on the Option Bar

4. Select (ctrl+t) to adjust the text

5. Select Normal menu on layer tab and choose Soft Light

6.Select ctrl key and click on text layer, then click Select > Inverse

7. Select Adjustment layer, choose Solid Color and click Ok

8. Select Color Fill 1 layer and set the opacity to 45%

9. Select Layer thumbnail on the Layer tab and choose color on Color Picker window

10. Finally save the file

Exercise 1.
●Create a cover for a new magazine
●Select appropriate text font to create eye-catching headings that will appeal to teen readers
●Save your file as FULLNAME.psd and export the file in PNG format and upload it to the google drive.