You are on page 1of 152

MO D U L A R S YS T E M

ADOBE PHOTOSHOP CS3

Ali Evren ACUN


Savaş ÖZTÜRK
Muhterem DİNDAR

http://book.zambak.com
Copyright © Sürat Basým Reklamcýlýk
ve Eðitim Araçlarý San. Tic. A.Þ.
All rights reserved.
No part of this book may be
reproduced, stored in a retrieval
system, or transmitted in any form of
recording without the prior written
permission of the publisher.
Digital Assembly
Zambak Typesetting & Design
Editor
Osman AY
Proofreader
Andy MARTIN
Page Design
Edip TÜRK
Publisher
Sürat Basým Reklamcýlýk ve Eðitim
Araçlarý San. Tic. A.Þ.
Printed by
Çaðlayan A.Þ. Sarnýç Yolu Üzeri No. 7
Gaziemir / Izmir, May 2010
Tel.: 0-232 274 22 15
ISBN: 978-975-266-940-6
Printed in Turkey

D IS TR I B U T I O N
Sürat Basým Reklamcýlýk ve Eðitim
Araçlarý San. Tic. A.Þ.
Cumhuriyet Mah.
Haminne Çeþme Sok. No. 13
34696 Üsküdar / ÝSTANBUL
Adobe, the Adobe logo, and Photoshop are either registered trademarks or
Tel : +90-216 522 09 00 (pbx)
trademarks of Adobe Systems Incorporated in the United States and/or other
Fax : +90-216 443 98 39 countries.
http://book.zambak.com
1. INTRODUCTION Magnetic Lasso Tool . . . . . . . . . . . . . . . . . . . . . 23

Magic Wand Tool . . . . . . . . . . . . . . . . . . . . . . . . . 23


Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Quick Selection Tool . . . . . . . . . . . . . . . . . . . . . . . 24
Photoshop CS3 Toolbox . . . . . . . . . . . . . . . . . . . . 9
Refine Edge . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Overview of Photoshop CS3 . . . . . . . . . . . . . . . . 10
Deleting a Selection . . . . . . . . . . . . . . . . . . . . . 25
Digital Imaging . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Move Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Color Modes . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Auto Select Layer . . . . . . . . . . . . . . . . . . . . . . . 26
Pixel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Show Transform Controls . . . . . . . . . . . . . . . . . 26
Resolution . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Resizing Image with Move Tool. . . . . . . . . . . . . 27
Anti-Aliasing . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Rotating Image with Move Tool . . . . . . . . . . . . . 27
File Operations . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Alignment Buttons . . . . . . . . . . . . . . . . . . . . . . . . 27
New Image . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Distribute Buttons . . . . . . . . . . . . . . . . . . . . . . . . 28
Color Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Select Menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Background Contents . . . . . . . . . . . . . . . . . . . . 12
File Formats. . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Practice: Making a Sphere . . . . . . . . . . . . . . . . . . 30

Saving Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Transforms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30


Opening Files . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Free Transform . . . . . . . . . . . . . . . . . . . . . . . . . 30
Browsing Files . . . . . . . . . . . . . . . . . . . . . . . . . . 15 The Transform Commands . . . . . . . . . . . . . . . . 31

Info Palette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Practice: Creating a Logo . . . . . . . . . . . . . . . . . . . 32


Batch Rename Files . . . . . . . . . . . . . . . . . . . . . 16 Practice: Selecting an Image . . . . . . . . . . . . . . . . 33
Practice: File Processing . . . . . . . . . . . . . . . . . . . 17 Practice: Resizing an Image . . . . . . . . . . . . . . . . . 33
Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

2. SELECTION 3. IMAGE SETTINGS


Selection Tools . . . . . . . . . . . . . . . . . . . . . . . . . 20
Image Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Marquee Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Canvas Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Lasso Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Crop and Trim . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Lasso Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Rotation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Polygonal Lasso Tool . . . . . . . . . . . . . . . . . . . . 22
Adjustments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Practice: Tearing Photos . . . . . . . . . . . . . . . . . . . . 22
Levels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Curves . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 Opacity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Color Balance . . . . . . . . . . . . . . . . . . . . . . . . . . 40 Fill Opacity. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Desaturate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40 Layer Order . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Brightness and Contrast . . . . . . . . . . . . . . . . . . 40 Blending Mode . . . . . . . . . . . . . . . . . . . . . . . . . 56

Practice: Modifying a Car . . . . . . . . . . . . . . . . . . . 41 Layer Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

Hue and Saturation . . . . . . . . . . . . . . . . . . . . . . 41 Practice: Positioning Layers . . . . . . . . . . . . . . . . . 57


Match Color . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 Practice: Vegetable Woman . . . . . . . . . . . . . . . . . 57
The Shadow/Highlight command . . . . . . . . . . . 42
Selective Color . . . . . . . . . . . . . . . . . . . . . . . . . 42
Channel Mixer . . . . . . . . . . . . . . . . . . . . . . . . . . 42
5. BRUSH, PAINT, ERASER TOOLS
Gradient Map. . . . . . . . . . . . . . . . . . . . . . . . . . . 43 BRUSH TOOLS. . . . . . . . . . . . . . . . . . . . . . . 60
Replace Color . . . . . . . . . . . . . . . . . . . . . . . . . . 43 Brush Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Photo Filter . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 Changing Preset Brush Options . . . . . . . . . . . . 60
Exposure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Practice: Invitation Card . . . . . . . . . . . . . . . . . . . . 61
Threshold. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Pencil Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Posterize . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Color Replacement Tool . . . . . . . . . . . . . . . . . . . 63
Color Modes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Using the Color Replacement Tool . . . . . . . . . . 63
Practice: Oranges . . . . . . . . . . . . . . . . . . . . . . . . . 46
Practice: Coloring a Vase . . . . . . . . . . . . . . . . . . . 63
Practice: Mountain . . . . . . . . . . . . . . . . . . . . . . . . 47
History Brush Tool . . . . . . . . . . . . . . . . . . . . . . . . 64
Using the History Brush Tool. . . . . . . . . . . . . . . 64
4. LAYERS Practice: Color Replacement and History Brush . 64
PAINT AND EDIT TOOLS . . . . . . . . . . . . . . . 65
Layer Essentials . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Layer Window . . . . . . . . . . . . . . . . . . . . . . . . . . 50 Paint Bucket Tool . . . . . . . . . . . . . . . . . . . . . . . . . 65

New Layer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 Using the Paint Bucket Tool . . . . . . . . . . . . . . . 65

Renaming a Layer . . . . . . . . . . . . . . . . . . . . . . . 51 Filling and Stroking. . . . . . . . . . . . . . . . . . . . . . . . 66


Moving a Layer . . . . . . . . . . . . . . . . . . . . . . . . . 51 Filling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Duplicating a Layer . . . . . . . . . . . . . . . . . . . . . . 52 Stroking . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Deleting a Layer . . . . . . . . . . . . . . . . . . . . . . . . 52 Gradient Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Hide/Show Layers . . . . . . . . . . . . . . . . . . . . . . . 52 Applying a Gradient Fill . . . . . . . . . . . . . . . . . . . 68
Merging Layers . . . . . . . . . . . . . . . . . . . . . . . . . 53
Practice: Making a Lollipop . . . . . . . . . . . . . . . . . 69
Linking Layers . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Clone Stamp Tool . . . . . . . . . . . . . . . . . . . . . . . . 70
Grouping Layers . . . . . . . . . . . . . . . . . . . . . . . . 53
Practice: Cloning Boat . . . . . . . . . . . . . . . . . . . . . 70
Background Layers . . . . . . . . . . . . . . . . . . . . . . 54
Patch Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 7. PEN & SHAPE TOOLS
Spot Healing Brush Tool . . . . . . . . . . . . . . . . . . . . 71 PEN TOOLS . . . . . . . . . . . . . . . . . . . . . . . . . 92
Practice: Removing the Face Mole. . . . . . . . . . . . 71 Basic Controls of the Pen Tool . . . . . . . . . . . . . . . 92
Healing Brush Tool . . . . . . . . . . . . . . . . . . . . . . . . 71 Practice: Drawing a Heart . . . . . . . . . . . . . . . . . . . 93
Red Eye Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 SHAPE TOOLS . . . . . . . . . . . . . . . . . . . . . . . 94
Removing Red Eyes . . . . . . . . . . . . . . . . . . . . . 72 The Custom Shapes . . . . . . . . . . . . . . . . . . . . . . . 95
Blur, Sharpen, and Smudge Tools . . . . . . . . . . . . 72 Displaying Custom Shapes. . . . . . . . . . . . . . . . 95
Dodge, Burn and Sponge Tools . . . . . . . . . . . . . . 72 Loading Custom Shape Sets to Photoshop . . . 96

Practice: Making a Flame . . . . . . . . . . . . . . . . . . . 73 Practice: Custom Shapes . . . . . . . . . . . . . . . . . . . 97


ERASER TOOLS . . . . . . . . . . . . . . . . . . . . . . 74 Practice: Pen Tool . . . . . . . . . . . . . . . . . . . . . . . . . 97
Eraser Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74 WEB IMAGES (GIF - JPG) . . . . . . . . . . . . . . 98
Using The Eraser Tool . . . . . . . . . . . . . . . . . . . . 74 ANIMATIONS . . . . . . . . . . . . . . . . . . . . . . . . 100

Background Eraser Tool . . . . . . . . . . . . . . . . . . . 74 Practice: Loading Sign Animation . . . . . . . . . . . . 101


Magic Eraser Tool . . . . . . . . . . . . . . . . . . . . . . . 75

Practice: Brush Presets. . . . . . . . . . . . . . . . . . . . . 76


8. CHANNELS & MASKS
Practice: Repair the Photo . . . . . . . . . . . . . . . . . . 77
CHANNELS . . . . . . . . . . . . . . . . . . . . . . . . . 104
Understanding Channels. . . . . . . . . . . . . . . . . . . 104
6. TYPING Displaying Channels . . . . . . . . . . . . . . . . . . . . . . 104

Type Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 The RGB/CYMK Color Channels . . . . . . . . . . . . . 105

Text Tool Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 Alpha Channels . . . . . . . . . . . . . . . . . . . . . . . . . . 105


Some Character Palette Applications . . . . . . . . 82 Creating an Alpha Channel . . . . . . . . . . . . . . . 106

Horizontal and Vertical Type Tools . . . . . . . . . . . . 83 3D Effects With Alpha Channels . . . . . . . . . . . 107

Horizontal and Vertical Type Mask Tools . . . . . 83 MASKS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

Rasterizing the Text . . . . . . . . . . . . . . . . . . . . . . 85 What‘s a Mask? . . . . . . . . . . . . . . . . . . . . . . . . . . 109

Practice: Giving Layer Styles to Texts . . . . . . . . . . 85 Quick Masks . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

Practice: Type Tools . . . . . . . . . . . . . . . . . . . . . . . 88 Practice: Applying Quick Mask to an Image. . . . 110

Practice: Cheese Text . . . . . . . . . . . . . . . . . . . . . . 89 Practice: Color Transition. . . . . . . . . . . . . . . . . . . 111

Layer Masks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113


Creating and Editing Layer Masks. . . . . . . . . . 113
Applying a Mask. . . . . . . . . . . . . . . . . . . . . . . . 116
Deleting a Mask . . . . . . . . . . . . . . . . . . . . . . . . 116 Work 6: Combining Texts . . . . . . . . . . . . . . . . . . . 141

Vector Masks . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116 Work 7: Chocolate . . . . . . . . . . . . . . . . . . . . . . . . 142


Rasterize a Vector Mask . . . . . . . . . . . . . . . . . . 117 Work 8: Photo Montage . . . . . . . . . . . . . . . . . . . . 144
Practice: Baby . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 Work 9: Snow on a Text . . . . . . . . . . . . . . . . . . . . 145
Practice: Zambak . . . . . . . . . . . . . . . . . . . . . . . . . 119 Work 10: Photomerge . . . . . . . . . . . . . . . . . . . . . 146

Work 11: Web Photo Gallery . . . . . . . . . . . . . . . . 147

9. FILTERS

Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122 ANSWER KEY AND INDEX


Filter Gallery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122 Answer Key . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Extract . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123 Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Changing the Background Color with Extract . 123

Liquify. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Applying the Liquify Tools to the Same Image 124
Masking in the Liquify Menu . . . . . . . . . . . . . . 125

Pattern Maker. . . . . . . . . . . . . . . . . . . . . . . . . . . . 125


Making Patterns From Daisies . . . . . . . . . . . . . 126
Using Saved Patterns . . . . . . . . . . . . . . . . . . . . 127

Vanishing Point . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Some Other Filters. . . . . . . . . . . . . . . . . . . . . . . . 128

Practice: Creating a Maze with Filters . . . . . . . . . 129

Practice: Abstract Design with Filters . . . . . . . . . 130

Practice: Lightning with Filters. . . . . . . . . . . . . . . 131

10. LAB WORKS

Work 1: Lightning . . . . . . . . . . . . . . . . . . . . . . . . . 134

Work 2: Wallpaper . . . . . . . . . . . . . . . . . . . . . . . . 135

Work 3: Changing Skin Color. . . . . . . . . . . . . . . . 136

Work 4: Candy Text. . . . . . . . . . . . . . . . . . . . . . . . 137

Work 5: Burnt Paper . . . . . . . . . . . . . . . . . . . . . . . 139


Introduction
Adobe Photoshop is one of the most powerful image modification programs
published by Adobe Systems.
Layer Although Photoshop is a professional software for photographers, graphic
designers and web designers, amateur users can use Photoshop easily. The file
A layer is a component of an format of Photoshop is PSD. PSD files keep layer information to maintain the
image. Images consist of original image for future use. Photoshop can work with different color modes:
multiple layers. Layers might be Bitmap, Grayscale, Duotone, Indexed Color, RGB Color, CMYK Color, Lab Color.
background, texts, logos,
shapes, pictures etc. The most recent version Photoshop CS3 was released in 2007. CS stands for
Creative Studio. CS3 works faster and uses less hardware resource then earlier
versions. The following pictures were created by using Photoshop.
There are two kinds of graphics. One is “raster graphics”, the other is “vector
graphics”. Their difference lies under encoding the data file for a graphics image.
Raster graphics describe images as arrays of colored pixels. It is like preparing
a mosaic artwork. You place stones with different colors on your canvas to
produce different shapes and illustrations. The more stones you place in a
certain area to describe an image, the more clear artwork you will have. In Tibet,
an An Asian nation; people have an amazing art called Mandalas. They place
billions of different colors of sands on big plates to form artwork describing their
culture as shown on the left.

Mandala art
As you see on this plate each grain of sand has a specific
place to represent a color. The point here is to use very
small particles and not leave any empty place on the
plate. Think as if that the plate under the Mandala sands
is flexible and if you try to increase the size of the plate by
pulling, there will be empty spaces between grains of
sand and the visual appeal will be impoverized. And if
you make the plate smaller by force, sands will overlap
each other making the artwork less attractive.
The same concept is true for Raster Graphics Editing
Programs (Photoshop). You use as many pixels as you
can in a certain area to make sharp images when
printing. But if you increase or decrease the size of the file
after creating the document the quality of the images will
decrease. Therefore mostly Raster Graphics programs
are used on Photo images and in giving special effects to
Some Photoshop Artwork pictures.
Vector graphics based upon mathematical equations to represent images in
computer graphics. You can increase the size of your canvas as much as you want
without losing the visual quality of your vector image. Vector graphics are mostly
used in big format printing. But their ability is limited in Photo editing.

8 Photoshop CS3
Photoshop CS3 Toolbox

The black triangle on the right bottom of tools means that the toolbox includes additional tools. To
open a sub tool menu you can either right click on it or just keep t and hold it, and then by clicking on
any tool on the menu will be able to change your tool.

Shortcut: Pressing on the shortcut letters on the keyboard helps


us to select the tools swiftly. For additional tools you have to keep
pressing on the shortcut letter.
Adobe Online
Move Tool

Crop Tool

Hand Tool
Default colors

Zoom Tool

Edit Ýn Quick Mask Mode


Set Foreground and Background colors

Full Screen Mode


Full Screen Mode with Menu Bar

Toolbox

Chapter 1 - Introduction 9
Overview of Photoshop CS3

Menus

Tool Pane

Image Window Palettes

Photoshop Interface

Title Bar Close Button

Maximize Button

Minimize Button

Image

Scroll Bars

View Size Resize bar


The Image Window

10 Photoshop CS3
Digital Imaging

Color Modes
Each color you see on your computer screen or on a printed document is a
mixture of other main colors. To produce a color, you need to combine the main
colors in a certain ratio. You may have faced this fact in painting when you were
in primary school. You can add more water to lighten the color, or you can add a
little black to make it darker. In a PC environment there are two different Figure1: RGB Model
standards in defining the main colors. These are called the color models.
Red, Green, Blue: This model refers to a system for representing the colors on a
computer screen. Red, green, and blue are combined to produce other colors.
Color values vary in the range 0-255. Red=0, Green=0, Blue=0 produces black
color and Red=255, Green=255, Blue=255 produces white color. In RGB red
plus green produces yellow, red plus blue produces magenta, blue plus green
produces cyan. Figure 1 shows the three colors used in the RGB color model and
intersection of the colors.
Cyan, Magenta, Yellow, Key (Black): The CMYK model is commonly used for
color printing. If you are using your image editing programs to prepare printing Figure2: CMYK Model
materials, you have to work with CMYK. In CMYK, magenta plus yellow produces
red, magenta plus cyan produces blue and cyan plus yellow produces green.
Figure 2 shows the four colors used in the CMYK color model and the
intersection of the colors. Rasterizing
Pixel Rasterizing is the process of
converting vector image to raster
A pixel (picture element) is a single point in a graphic image. Digital images images.
consist of collocated pixels. The intensity of each pixel is variable; in color
systems, each pixel has typically three or four dimensions of variability such as
red, green, and blue, or cyan, magenta, yellow, and black. It means a pixel can
have only one color.

Resolution
Resolution refers to the sharpness and clarity of an image. Resolution is the
number of pixels on a specific area such as a computer screen or a paper. It is
most often used to define monitors, printers, and images. The higher the resolution
you have means the more pixels you use in defining the image and getting a Rendered Without Antialiasing.
sharper and clearer result. Pixels Per Inch (PPI) is a measurement of resolution of
a monitor displaying an image. Dot per inch (DPI) defines the number of dots will
be put on a specific surface when printing.
Anti-Aliasing
One of the most important techniques in making eye-catching and smooth
graphics is anti-aliasing. In the context of rasterizing images, anti-aliasing refers
to the reduction of the jagged borders between colors.
Rendered Using Antialiasing.

Chapter 1 - Introduction 11
File Operations

New Image
When you run Photoshop for the first time, unlike most of the other programs,
you will not see a blank file. You need to use the New File dialog box to create a
new file.

To create a new file:


Select File -> New. The New dialog box opens.
Name: Write the name of the image file
Preset: To specify the size of image you may either use preset or width -
height options.
Resolution: Resolution refers the number of pixels per inch. Generally
image resolution is 72 dpi, which is well enough for web images. But for
printing purposes we need to create our document at 300 dpi. Increasing
dpi of a image increases the size of the file too. Therefore we use 72 dpi
or web graphics to open the web site fastly on the Internet.
New Dialog Box

Color Mode
Color mode shows how the colors are recorded in the file. For example
RGB : Red, Green, Blue
CMYK : Cyan, Magenta, Yellow, Black
Grayscale : 256 shades of gray
Background Contents
Every image by default has a background layer. It is different than any
other layer that we work with.
White : Background color will be white
Background color : You can set background color on the toolbar
Transparent : Background will be transparent (No color)

Three Background Contents

12 Photoshop CS3
File Formats
Before you save a file in Photoshop, you should decide which file format you will
need. You can save a file in about 20 different file formats. The most common
formats and their usages are listed below.
PSD : PSD is the default file format of Photoshop. PSD files keep layers
information to maintain the original image for future use.
BMP : Windows bitmap file format.
EPS : The most popular file format for publishing.
GIF : Due to it’s low file size, gif is a common web file format and
suitable for animations.
JPG/JPEG : The most used photo and web images format. Difference between
GIF and JPG is supported color. GIF can include 256 colors, JPG
more than 16.7 million colors.
PDF : Adobe's Portable Document Format

TIFF : TIFF and EPS are the two most


accepted file formats for publishing. Format Layers Usage
TIFF also keeps layers information like PSD Yes General (Photoshop format)
PSD.
BMP No Windows applications, Wallpaper
EPS No Publishing
On the table, you can compare the file size of the
GIF No Web design, animation
picture below in different file formats. The image size
of the picture is 580px X 396px. The file size JPG No Web design, Photo
depends on the quality and compression of the file PDF Yes E-book
format and keeping layer information making file size
TIFF Yes Publishing
bigger. That's why PSD and TIFF have such big file
sizes. Usage of File Formats

Format Quality Size


PSD Uncompressed 4050 KB
BMP 24 Bit 672 KB
EPS 1bit/pixel 1197 KB
GIF 126 KB
JPG Maximum 302 KB
JPG High 120 KB
JPG Medium 69 KB
JPG Low 57 KB
PDF 3469 KB
TIFF Uncompressed 4194 KB
TIFF LZW (No layers) 448 KB
Size of the Picture Formats

Chapter 1 - Introduction 13
Saving Files
Saving a file is very important for Photoshop. In Photoshop, you can save a file
in two different file formats to use in the future. PSD and TIFF are the most
important file formats to keep layer information. You have to save your project in
the PSD format to edit in the future. Select File -> Save As and then choose the
file format according to your need.

Save As Dialog Box Supported File Types by PhotoShop CS3

Opening Files
To open an existing file choose
File -> Open. Find the picture and
click on it. The appearance of the
picture will be in the preview
window. Click open if it's the file that
you need. You may also make
multiple selections by pressing the
CTRL Key to open more then one
file.

The Open Dialog Box

14 Photoshop CS3
Browsing Files
Adobe Bridge CS3 is an external program, provided with Adobe
Creative Suite 3 components, to organize and browse images
Filters Panel
easily. From Bridge you can view, search, sort, filter, manage, Images may be filtered by
and process image, video, and audio files. You can sort images keywords, date created, date
by filename, document type, date created or modified, file size, modified, orientation, and
and dimension. You can use Bridge to rename, move, and delete aspect ratio. By clicking on
files; edit metadata; rotate images; and run batch commands. one of the criteria you can
When you rotate an image you only rotate the view of the image. display images containing
Rotating does not affect the image data. You can also view files that criteria.
and data imported from your digital still or video camera.

Browsing Images by Adobe Bridge

Browsing Only Landscape Images

Info Palette
The info palette
(Window - Info)
provides useful
numerical readouts
relative to the position
of your image.

Chapter 1 - Introduction 15
Batch Rename Files
You can rename files and folders in a group, or batch. When you batch rename
files, you can choose the same settings for all the selected files or folders. When
you need to rename files in an order (image01, image02, image03...) batch
rename is the best command to use. Hundreds of files can be renamed in a
minute by using batch rename command.

Selected Files To batch rename files:


 Select the files or folders
 Choose Tools -> Batch Rename
 Set the Destination Folder option.
 Rename in same folder: Renames files' names
 Move to other folder: Renames files' names and moves to another folder.
 Copy to other folder: Renames files' names and copy to another folder.
 Set the New Filenames option.
 Text: Changes filename text.
 Sequence Number: The number automatically increments for each file
named.
Renaming Batch Files  You can click the plus button (+) or minus button (-) to add or delete
elements. A preview of the new filename appears at the bottom of the dialog
box.
 Click Rename button.

Batch Rename Options After Renaming Files

16 Photoshop CS3
Practice
File Processing

Create a new page according to the Open grapes.jpg file.


following criteria:
è save as PSD, BMP, EPS, GIF, PDF and
è Width: 500 pixel TIFF
è Height: 300 pixel è put all the files in a folder
è Resolution: 72 è compare their sizes
è Color mode: RGB è Thick if MS Paint can open or not
è Background contents: White Size MS Paint
è Save as yourname.jpg JPG
PSD
BMP
EPS
GIF
Extract the file seasons.rar. Save the
pictures with the name of the seasons on PDF
them in TIFF format. TIFF

Chapter 1 - Introduction 17
Questions
1. The most recent version of Photoshop is 5. Which of the following can you NOT do with
Photoshop?
a. Photoshop X3
a. Create Flash movies
b. Photoshop 7
b. Restore old photographs
c. Photoshop CS3
c. Create original artwork
d. Photoshop Pro Tools
d. Open jpg files

2. What tool is missing from this pop-up tool list?


6. Which of the file formats can keep layer
information?
a. BMP b. GIF
c. PSD d. JPG
a. Sponge tool
b. Rectangular marquee tool
c. Magnetic lasso tool 7. Which of the following can you NOT define in a
New Dialog Box?
d. Brush tool
a. Resolution b. File extension
c. Color mode d. Width
3. Which of these is not a color mode?
a. RGB
b. Mask Color 8. Clicking and holding the mouse button on a
toolbar icon does what?
c. Grayscale
a. Shows additional tools related to that tool
d. CMYK
b. Opens Save As dialog box
c. Locks that tool

4. Which is NOT one of the tools in the Photoshop d. Shows help text for that tool
CS3 toolbar?
a. Color Range Selection
b. Lasso Tool 9. CS3 stands for
c. Gradient Tool a. Counter Strike
d. Type Mask Tool b. Creative Studio
c. Color System
d. Computer Science

18 Photoshop CS3
1 3 Selection isolates one or more parts of your image. After selecting an area, you
can edit it or apply effects and filters inside the selected area. Unselected areas
will be untouched. A selection is indicated by a dotted white and black line. The
2 4 selected area can be moved by using the move tool.
1. New selection
2. Add to selection
3. Subtract from selection
4. Intersect with selection

New: Creates a new selection. Your current selection Subtract: Removes the new selection area from the
will be replaced. current selection.

Add: Adds a new selection area to the current Intersected: Selects the intersection area of the
selection. current and new selections.

Selection Tools
Marquee tools
Lasso tools
Magic wand tool
Select menu

20 Photoshop CS3
Marquee Tools

The Marquee Tools make rectangular, elliptical, single row, and single column
selections.
Rectangular Marquee makes a rectangular selection.
Elliptical Marquee makes an elliptical selection.
Single Row or Single Column Marquee defines the border as a 1-pixel-
wide row or column.

Rectangular Marquee Elliptical Marquee

Lasso Tools

The Lasso Tools make freehand, polygonal and magnetic (snap-to) selections.
Lasso tools are designed to help you make irregular selections. To finish drawing
a selection, either click on the selection starting point or double-click anywhere. Lasso Tool

Lasso Tool
You can use the Lasso Tool to make freehand selections. When you return
to your starting point your selection will become the familiar marching ants. If
you release the mouse button before the shape is closed, the selection will
complete itself with a straight line automatically.

Chapter 2 - Selection 21
Polygonal Lasso Tool
The Polygonal Lasso Tool allows you to makes straight
sided selection. You can also hold down the Alt key to draw
a freehand sections. The anchor points can be removed by
pressing the delete key. At the end, if you click near the
starting point it will snap to it automatically.

Practice
Tearing Photos Using Polygonal Lasso Tool
è You had a parrot named Ginn.You loved each other so much. He was as free as you at home. You always
let him stay out of his cage whenever he wanted. But one day he left home by escaping from an open
window and never came back. You are very angry with him. You want to destroy everything belonging to
him even the photos. But if he comes back? Maybe he just went to visit his grandfather in Kenya? So we
suggest you to tear his digital photos instead of printed ones. But you don`t know how ? Let`s learn
than.

è This is the Ginn. Time to tear the photo.


Select the Polygonal Lasso Tool from Tools
menu and cover a part of the photo like
shown in the picture. When you are done
with covering the picture, double click on
your start point to convert your drawing
path to a selection.

è Now select the Move Tool, click anywhere


inside the selection and move it up. Do the
same for other parts to make it look like it’s
torn up. This is how we split pictures,
shapes into random parts in Photoshop,
and I hope your Ginn comes back one
day.

22 Photoshop CS3
Magnetic Lasso Tool
We use magnetic lasso tool to separate a part of the image
which has a different color than it’s surrounding. When you
use the Magnetic Lasso Tool, the border snaps to the edges
of defined areas in the image. These anchor points can be
removed by pressing the delete key. When you have finished,
click on the first anchor point to close the selection. At the
end, if you click near the starting point it will snap to it
automatically.

Magic Wand Tool Tolerance


The Magic Wand Tool ( ) selects similarly colored areas. Similarity depends In Photoshop, tolerance
on the tolerance value of the magic wand. The default value of tolerance is 32. describes a color incursion limit
But for complex or colorful images, it is better to use a smaller tolerance. between adjacent (neighboring)
pixels.

To add a selected part to a selection, use the magic wand by pressing Shift, to
subtract from the selection use the magic wand by pressing Alt.

Here are the results of a selection in different tolerances. By using bigger


tolerance values you can make bigger selections.

Tolerance:5 Tolerance:15 Tolerance:32 (Default) Tolerance:100

Chapter 2 - Selection 23
To expand a selection:
 select the first area,
 press the Shift key,
 click on the second area,
 first and second area will be selected.
To subtract from the selection just press Alt key instead of Shift key.

Expanding a Selection

Quick Selection Tool

Quick Selection Tool ( ) is the brush form of the Magic Wand. Magic Wand
works with a touch and fill action. But the new Quick Selection works more like a
continuous brush stroke. Drag the tool through an area and other areas of similar
color are selected. The brush size decides the distance within which Photoshop
looks for similar colors.

Original Initial selection (shift key pressed) Complete Selection

24 Photoshop CS3
Refine Edge
The Refine Edge option improves the quality of a selection's edges and allows
you to view the selection with different backgrounds for easy editing.
1. Create a selection with any selection tool.
2. Click Refine Edge on the selection toolbar to set options for adjusting the
selection.
Option Description
Radius Determines the size of the region around the selection.
Contrast Sharpens the selection edges and removes fuzzy artifacts.
Reduces irregular areas ("hills and valleys") in the selection
Smooth boundary, creating a smoother outline. Enter a value or
move the slider from 0 to 100.
Creates a soft-edged transition between the selection and
Feather
its surrounding pixels.
Contract/Expand: Shrinks or enlarges the selection boundary.

Quick Mask Black Background White Background Alpha Channel

3. Click one of the Selection View icons to change view modes. Description
shows information about each mode.

To preview the selection with To preview the selection with Quick Mask. Double-click the
a standard selection border. Quick Mask preview to change the mask color or opacity.

To preview the selection To preview the selection To preview the selection as


with a black background. with a white background. a mask (alpha channel).

4. To save your selection adjustments, click OK.

Deleting a Selection
Simply, press “delete key” on your keyboard
to delete a selection.

Original

Chapter 2 - Selection 25
Move Tool
The move tool lets you drag a selection or layer to another location in the image
or to another image on your workspace. By using the move tool you can also
copy a selection to another location.
When you select the move tool the following toolbar appears on the top of the
screen.

Moving the Selected Area Copying the Selected Area


1. Make a selection by using selection tools. 1. Make a selection by using selection tools.
2. Select the move tool. 2. Select the move tool.
3. Drag the selection to the desired destination. 3. Press Alt key and hold your finger on it.
4. The moved part will be filled by background color. 4. Drag the selection to the desired destination.
5. The original selected part will not change.

Select Move Copy

Auto Select Layer


The Auto Select Layer automatically selects the layer you click on when the Move
Tool is selected. It's useful when we are working with multiple layers.

Show Transform Controls


When it is selected, displays the transform
controls around an object in the selected
layer. It helps us to see the border of our
selection.

26 Photoshop CS3
Resizing Image with Move Tool
When Show Transform Controls is selected, click on the corner or side points of
image. Drag them out to expand the size of an image, or drag them in to contract
the size of an image. Press Shift key while dragging to resize the object
proportionally.
Resizing Points
Rotating Image with Move Tool
Position the cursor out (but very close) of the boundaries of the image. When the
cursor turns to a rotate icon, you will be able to rotate your image around the
reference points. Also you can change the position of the reference point.

Reference Reference
point point

Reference
point
Rotating an Image Around the Reference Point

Alignment Buttons
The Alignment options let you align the layers as you like. To align layers, first
you need to select the layers you want to align in the layers menu. Holding Ctrl
as you click allows you to multi-select. If you hold Shift as you select, it will select
everything between your first and last click. Alignment Buttons

No Alignment Align Top Edges Align Vertical Centers

Align Bottom Align Left Edges Align Horizontal Centers Align Right

Chapter 2 - Selection 27
Distribute Buttons
Clicking on any distribute button automatically positions selected layers, with
Distribute Buttons equal space between each layer. You have to select at least three layers to
enable this group of buttons. On the following picture, we have five colored
rectangles which have different spaces between each other. After you distribute
them, the spaces between any two neighboring layers will be the same.

Undistributed Distributed

Select Menu
To select the skier easily: Select All: It selects all pixels on a layer within the canvas boundaries. To Select
All, select the layer in the layers palette.
 select outside of the skier
(white area) by using the Magic Select -> All. (CTRL+A)
Wand toll Deselect: It deselects the selected area. To deselect selections do one of the
 click Select -> Inverse following:
Select -> Deselect. (CTRL+D)
If you are using the Rectangle Marquee Tool, the Elliptical Marquee Tool, or the
Lasso Tool, click anywhere in the image outside the selected area.
Reselect: It selects the most recent selection again.
Select -> Reselect. (Shift+CTRL+D)
Inverse Selection: It selects the current unselected part of the image.
Select -> Inverse. (Shift+CTRL+I)
Color Range: The Color Range selects a specified color within an existing
selection or an entire image. To select a color range:
Selecting White Area
Choose Select -> Color Range.
For select, choose the Sampled Colors Tool
Select one of the display options:
Selection Previews only the selection as you build it.
Image Previews the entire image. For example, you might want to sample
from a part of the image that isn't on-screen.
To toggle between the Image and Selection previews in the Color Range
dialog box, press Ctrl key.
Position the pointer over the image or preview area, and click to sample the
colors you want included.
After Inverse Selection
Sampling color

28 Photoshop CS3
Adjust the range of colors using the Fuzziness
slider or by entering a value. To decrease the
range of colors selected, decrease the value.
The Fuzziness option partially selects pixels by
controlling the degree to which related colors
are included in the selection.

Color Range Dialog box Selected to Color Range

Feather Selection: It controls the degree to which the edge of a selection is


faded. In this example we will make a simple photo frame by using feather
selection. There are two ways to make a feather selection:

The First Way:


Make a selection on your photo
Choose Select -> Modify -> Feather, (Alt + Ctrl + D) Changing Feather Radius
Specify Feather Radius (50 pixels) and click OK
Inverse your selection. Select -> Inverse, (Shift + Ctrl + I)
Specify a background color for your frame
Press Delete key
Selecting the Background Color
The Second Way:
Change Feather Radius on the selection toolbar.
Make a selection on your photo
Inverse your selection. Select -> Inverse (Shift + Ctrl + I)
Changing Feather Radius
Specify a background color for your frame
Press Delete key

Selecting with the First Way Selecting with the Second Way Inverse Selection After Deleting Selection

Chapter 2 - Selection 29
Practice
Making a Sphere with Select Menu
è Create a new file with 800x600 pixels, RGB color mode and 72 dpi
resolution.
è Fill the Background layer with blue.
è Select the Elliptical Marquee Tool from Tools and draw a perfect circle by
pressing Shift key while you are drawing.

è Select a bright RED color as the Foreground color.


è Select -> Modify -> Feather and write 20 into the Feather Selection menu.
è Edit -> Fill -> Foreground Color to fill the circle.

è Then go to Select -> Modify -> Contract and set the contract by 40 pixels.
è Select the yellow color as the Foreground and fill the selection with yellow.

è Again you contract the selection 50 pixels and for the last time select white
color as the foreground color, and fill the selection with white.

Transforms

Free Transform
The Free Transform command lets you
use the scale, rotate, skew, distort and
perspective commands without having to
The Original Image Resize Rotate select them from the menu. In Photoshop,
you can also apply a warp transformation.
Instead of choosing different commands,
you simply hold down a key on your
keyboard to switch between
transformation types.

Distort Skew Perspective

30 Photoshop CS3
1. Select the image you want to transform.
2. Choose Edit -> Free Transform. Choosing Transform Style
3. Do one of the following: You can use the Ctrl+t keys
Use both corner handle and side handle to resize. Press Shift to scale combination to switch to free
proportionately. transform functions. Then by
right clicking, you can choose
To rotate by dragging, move the pointer outside the bounding border and transform style.
then drag.
Use corner handle to perform distortion by holding-down Ctrl key while
dragging the handle. While holding down Ctrl key your cursor will turning to
indicate that you are performing distortion.
To skew, press Ctrl+Shift, and drag a side handle. When positioned over a
side handle, the pointer becomes a white arrowhead with a small double
arrow.
To apply perspective, press Ctrl+Alt+Shift, and drag a corner handle.
To finish a transformation you have a applied, press Enter key.
To cancel the transformation, press Esc or click the Cancel button in the
options bar.

The Transform Commands


The commands under the Transform submenu let you apply all of the free
transform objects (scale, rotate, skew, distort and perspective) and warp
(manipulating the shape of an item). There is no difference between Transform
and Free Transform. You can warp by using transform command only.

To warp a selection:
1. Select the image you want to
warp.
2. Choose Edit > Transform >
Warp.
3. Drag the control points.
4. Press Enter or click the
Commit button in the options
bar.

Selected Image Transform Menu Using Warp Transform

Chapter 2 - Selection 31
Practice
Creating a Logo with Selection Tools
è Open the file mta.psd.
è Set Foreground color to Orange and Background color to White.
è Select Elliptical Marquee Tool from Tools and draw an ellipse.
è Press Alt + Delete key combinations to fill inside the selection with orange
color

è By using arrow keys on your keyboard, move the selection (not the shape)
5 pixels (press on the right arrow 5 times) to the right.
è Press Delete key to fill inside the selection with white.

è Move the selection 8 pixels to the right. Press Alt + Delete keys to fill
inside the selection with orange color.
è Move the selection 10 pixels to the right side and press the Delete key.
è Move the selection 8 pixels to the right. Press Alt + Delete keys to fill
inside the selection with orange color.
è Move the selection 15 pixels to the right and press the Delete key. You
should have a crescent moon shape.

è Make a rectangular selection around the shape.


è Click Edit -> Transform -> Warp.
è Try to make a shape like in the picture by changing the positions of the control
points.

è After finishing the shape, unhide the layer Meridian Travel Agency. Save
your work.

32 Photoshop CS3
Practice
Selecting an Image

Open the file rose.psd and make the following changes by using selection tools.

rose.psd Elliptical Marquee Color Range

Feather Magnetic Lasso Magic Wand

Practice
Resizing an Image

Open the file resize.psd and resize and rearrange the images as shown below.

Chapter 2 - Selection 33
Questions
1. Which of the following tool(s) can NOT make a 7. Clicking on the ..........................................
selection? button automatically positions selected layers,
a. Marquee tools with equal space between each layer.
b. Lasso tools a. Alignment
c. Magic wand tool b. Distribute
d. Move tool c. Auto Select Layer
d. Show Bounding Box
2. What selects a specified color within an
existing selection or an entire image. 8. Which is not a selection method?
a. Color range a. Quick masking
b. Feather modify b. Layer masking
c. Inverse selection c. Using the Lasso Tool
d. Reselect d. Color Range

3. The ........................ tool lets you drag a 9. Which of the following is NOT possible to do by
selection or layer to another location in the using the free transform commands?
image or to another image on your workspace. a. Rotate b. Scale
a. Lasso c. Skew d. Filter
b. Move
c. Alignment 10. .............. turns an item around a reference
d. Distribute point.
a. Rotating b. Scaling
4. Which of the following tool is NOT a marquee c. Skewing d. Warping
tool?
a. Rectangular tool 11. .......................... enlarges or reduces an item
b. Single row tool relative to its reference point.
c. Lasso tool a. Rotating b. Scaling
d. Elliptical tool c. Skewing d. Warping

5. By pressing which key can you make a perfect 12. Which of the following transform commands is
circle? used on this picture?
a. Alt b. Shift
c. Ctrl d. Spacebar

6. Which selection makes the edge of a selection


faded?
a. Modify → feather
b. Select all
c. Magnetic lasso a. Rotate b. Scale
d. Marquee tools c. Skew d. Warp

34 Photoshop CS3
Image Size
The Image Size command changes the number of pixels used to create the
image. By changing pixel dimensions in the image size dialog box, you can
Pixel Dimensions change the size of your image. To open the image size dialog box: Image ->
The pixel dimensions (image size Image Size (Ctrl+Alt+I).
or height and width) of a bitmap Now you will change the image size of a picture. The image size of picture is
image is a measure of the 360x540. To make it smaller we need to change the width and height. The
number of pixels along an constrain proportions option automatically changes the width as you change the
image’s width and height. height, and vice versa. So if we change the width to 240 the height will be 360
automatically.

Anchor
Anchor allows you to specify the
direction of expansion. The
arrows will demonstrate the
selected direction.

The Original Image The Image Size Dialog Box With New Size

Canvas Size
The Canvas Size command lets you add or remove work space around an
existing image. You can also use the Canvas Size command to crop an image by
decreasing the canvas area. If you need more space around your image
(border), the Canvas Size command is the best way to do this. To access the
change canvas size dialog box: Image -> Canvas Size. Enter values for width
Dialog Box and height.

Click an Anchor to indicate


where to position the existing
image on the new canvas. The
white square represents the
position of the image, the other
squares with arrows represents
the position of the border.
Canvas Extension Color options
defines the color of the border.

The Original Omage After Applying Blue Canvas

36 Photoshop CS3
Crop and Trim
Cropping deletes part of an image. You can crop an image using the Crop Tool
or the Crop command. Select the Crop Tool from the toolbox. Click and drag to
define the crop area. When you are happy with the position and the size of the
crop area, click the Commit button to apply command.
In addition to the Crop Tool, you can use the Crop and Trim commands to crop
an image.
Use a selection tool to select the part of an image you want to keep and then
Image -> Crop.

The Original Image Selecting Crop Area Cropped Image

Trim removes surrounding transparent pixels, or background pixels of the color


you specify from an image and reduces the image size.
1. Choose Image -> Trim.
2. In the Trim dialog box, select an option:
3. Select one or more areas of the image to trim away: Top, Bottom, Left, or
Right.
In the sample below, after trim the white part around image and text is deleted.

Trim Dialog Box


Trimmed Image

The Original Image

Chapter 3 - Image Settings 37


Rotation
The Rotate Canvas commands let you rotate or flip an entire image. The
commands do not work on individual layers or parts of layers, paths, or
selection borders.
Choose Image > Rotate Canvas, and choose one of the following
commands from the submenu:
180° rotates the image by a half-turn.
90° CW rotates the image clockwise by a quarter-turn.
90° CCW rotates the image counterclockwise by a quarter-turn.
Arbitrary rotates the image by the angle you specify.
Flip Canvas Horizontal flips the image horizontally, along the vertical axis.
Rotate Canvas Options Flip Canvas Vertical flips the image vertically, along the horizontal axis.
Open rotate.jpg file and try to do following rotations. Save as them
rotation1.jpg, rotation2.jpg.

The Original Image Flip Horizontal Flip Vertical

Rotate 90° CW Rotate 180° Rotate 90° CCW

38 Photoshop CS3
Adjustments

Color adjustment tools work essentially the same


way: by mapping an existing range of pixel values to
a new range of values. The difference between the
tools is the amount of control they provide. Some of
the tools work automatically. Auto Levels, Auto
Contrast and Auto Color let you automatically adjust
tonal range of an image. These tools are usually
used to correct color on scanned photos.

Original Image
Adjustment Menu

Levels
The Levels dialog box lets you correct the tonal
range and color balance of an image by
adjusting the intensity levels of image shadows,
midtones, and highlights.
The Levels histogram is a visual guide for
adjusting the image key tones.
Image -> Adjustments -> Levels
After Applying Levels

Curves
The Curves dialog box lets you adjust the entire
tonal range of an image. But unlike Levels, which
has only three adjustments (shadows, midtones,
and highlights), Curves lets you adjust up to 14
different points throughout an image's tonal
range.
Image -> Adjustments -> Curves

Curves Dialog Box After applying Curves

Chapter 3 - Image Settings 39


Color Balance
Photoshop allows you to change the levels of colors within an image. You can
adjust the levels of cyan-red, magenta-green and yellow-blue colors.

If there is too much blue in your image, you can


remove blue color by dragging the yellow-blue
slider toward yellow.
Image -> Adjustments -> Color Balance

After Applying Color Color Balance Dialog Box


Balance

Desaturate
The Desaturate command converts a color image to grayscale values, but leaves
the image in the same color mode.

By changing Color Balance settings you can


color the desaturated area.
Image -> Adjustments -> Desaturate

After Desaturating Choosing Desaturate


Image

Brightness and Contrast


The Brightness/ Contrast command lets you make simple adjustments to the
tonal range of an image. Unlike Curves and Levels, which apply proportionate
(nonlinear) adjustments to the pixels in an image, Brightness Contrast makes the
same amount of adjustment to every pixel (a linear adjustment).
Image -> Adjustments -> Brightness/Contrast

After Applying Brightness and Contrast Dialog Box


Brightness/Contrast

40 Photoshop CS3
Practice

Modifying a Car by Using Brightness/Contrast


è Open he car_modify.tif file.
è By using one of the selection tools, select the hood of the car.
è Image -> Adjustment -> Desaturate
è Image -> Adjustment -> Brightness/Contrast
è Select less brightness and more contrast to make the picture
darker.
è Save as your final image.

Hue and Saturation


The Hue/Saturation dialog box allows us to change
colors (hue), enrich or dull colors (saturation),
lighten or darken colors (lightness). Hue, saturation
and lightness are the three characteristics of light.
Hue is what most people call color. For example, a
green car has the hue green. Saturation is how
pure the hue is. Lightness refers to how bright, or
not bright, something is. A light green car and a dark
green car have two different lightness values even
though the hue is the same. Image -> Adjustments Hue and Saturation Dialog Box
-> Hue/Saturation. If you tick the colorize box, it will
make the image monotone.

Match Color
The Match Color command matches colors
between multiple images, between multiple layers,
or between multiple color selections. It also lets you
adjust the colors in an image by changing the
luminance, changing the color range, and
neutralizing a color cast. The Match Color command
works only in RGB mode.
Image -> Adjustments -> Match Color.

Match Color Dialog Box

Chapter 3 - Image Settings 41


The Shadow/Highlight command
The Shadow/Highlight command is suitable for correcting photos with
silhouetted images due to strong backlighting or correcting subjects that have
been slightly washed out because they were too close to the camera flash. The
adjustment is also useful for brightening areas of shadow in an otherwise well-lit
image. The Shadow/Highlight command does not simply lighten or darken an
image; it lightens or darkens based on the surrounding pixels (local
neighborhood) in the shadows or highlights. For this reason, there are separate
controls for the shadows and the highlights. The defaults are set to fix images
with backlighting problems.

The Shadow / Highlight command also has a Midtone


Contrast slider, Black Clip option, and White Clip option
for adjusting the overall contrast of the image.
Image -> Adjustments -> Shadow/Highlight
After Applying Shadow/Highlight Shadow and Highlight
Dialog Box

Selective Color
Selective Color correction is a technique used by high-end scanners and
separation programs to increase and decrease the amount of process colors in
each of the additive and subtractive primary color components in an image. Even
though Selective Color uses CMYK colors to correct an image, you can use it on
RGB images as well as on images that will be printed.
Image -> Adjustments -> Selective Color

After Applying Selective Color Selective Color Dialog Box

Channel Mixer
The Channel Mixer command lets you create
high-quality grayscale images by choosing
the percentage contribution from each color
channel. You can also create high-quality
sepia-tone or other tinted images. Using the
Channel Mixer, you can also make creative
color adjustments not easily done with other
color-adjustment tools.
Channel Mixer Dialog Box Image -> Adjustments -> Channel Mixer After Applying Channel Mixer

42 Photoshop CS3
Gradient Map
Gradient Maps are a great way to add color to a grayscale image, or to fine tune
the existing color of an image. This is a handy way of getting a photographic
image to have a gradient effect, whereby you can specify the exact colors you
would like the image to appear in.
Image -> Adjustments -> Gradient Map

Gradient Map Dialog Box After Applying Gradient Map

Replace Color
The Replace Color command lets you create a mask
around specific colors and then replace those colors in the
image. You can set the hue, saturation, and lightness of the
area identified by the mask. The mask is temporary.
Image -> Adjustments -> Match Color.
After Applying Replace Color Replace Color Dialog Box

Photo Filter
The Photo Filter command mimics the technique of putting
a colored filter in front of the camera lens to adjust the color
balance and color temperature of the light transmitted
through the lens and exposing the film. The Photo Filter
command also lets you choose a color preset to apply a
hue adjustment to an image. If you want to apply a custom
color adjustment, the Photo Filter command lets you
specify a color using the Adobe Color Picker.
Image -> Adjustments -> Photo Filter.
Photo Filter Dialog Box After Applying Photo Filter

Chapter 3 - Image Settings 43


Exposure
The Exposure dialog box is designed for making tonal adjustments to HDR
images, but it works with 8-bit and 16-bit images. Exposure works by performing
calculations in a linear color space (gamma 1.0) rather than the image's current
color space.
Image -> Adjustments -> Exposure

After Applying Exposure Exposure Dialog Box

Threshold
The Threshold command converts grayscale or color images to high-contrast,
black and white images. You can specify a certain level as a threshold. All pixels
lighter than the threshold are converted to white; all pixels darker are converted
to black. The Threshold command is useful for determining the lightest and
darkest areas of an image.
Image -> Adjustments -> Threshold

After Applying Threshold Threshold Dialog Box

Posterize
The Posterize command lets you specify the number of tonal levels (or
brightness values) for each channel in an image and then maps pixels to the
closest matching level. For example, choosing two tonal levels in an RGB image
gives six colors: two for red, two for green, and two for blue.
This command is useful for creating special effects,
such as large, flat areas in a photograph. Its effects are
most evident when you reduce the number of gray
levels in a grayscale image, but it also produces
interesting effects in color images.
Image -> Adjustments -> Posterize Posterize Dialog Box After Applying Posterize

44 Photoshop CS3
Color Modes
An image's color mode depends on your purpose. There are eight different
image color modes in Photoshop. RGB and CMYK are the two major color
modes. Images are usually in RGB mode. RGB mode is for use on the web, on
monitors, on office programs and with most inkjet printers. CMYK mode is
required for publishing.

Eight Different Color Modes in Photoshop:


Bitmap
Grayscale
Duotone
Indexed Color
RGB Color
CMYK Color
Lab Color
Multichannel
CMYK

GRAY RGB BITMAP

Chapter 3 - Image Settings 45


Practice
Oranges

Open the file oranges.tif and make the following


pictures.
Use the following features:
è Crop
è Canvas size
è Rotations

Original Picture

1 2 3

4 5
6

46 Photoshop CS3
Practice
Mountain

Open the file mountain.psd and make the following


changes by using the adjustment tools.

Original Picture

Chapter 3 - Image Settings 47


Questions
1. What command would you use to turn figure 1 5. Which of the following is NOT a color mode?
into figure 2? a. CMYK b. KRC
c. RGB d. Bitmap

6. Which adjustment setting was applied to Figure


1 to turn to Figure 2?

Figure 1 Figure 2
a. Trim b. Crop
c. Image Size d. Canvas Size Figure 1 Figure 2
a. Brightness/Contrast
b. Exposure
2. The ....................... command can be used to c. Threshold
change the number of pixels used to create the
d. Channel Mixer
image.
a. Image size b. Canvas size
c. Crop d. Trim

7. Which settings of the Figure 1 was changed to


make Figure 2?

3. Levels in Photoshop are


a. filters that have been applied to the image
b. images stacked on top of each other
c. previous versions of an image
d. color and brightness correction

Figure 1 Figure 2
4. Which is NOT a property of adjustment menu?
a. Match color b. Brightness/contrast
a. Hue/Saturation b. Curves
c. Photo filter d. Gradient Map
c. Rotate d. Color Balance

48 Photoshop CS3
Layers Panel Layer Essentials
To display layers panel click on Layers in Photoshop are just like layers of acetate where each image has its own
Window -> Layers layer to build up a composite image. Each layer has its own transparency,
position and can be edited independently.

Layers are fundamental part of Photoshop and it is essential


for us to learn how they interact well if we want to use
Photoshop effectively. To understand benefit of layers, we can
think of an artist creating his masterpiece. He must work with
zero mistakes to finish his job. Because applying a small brush
stroke to a wrong part or using an inappropriate color on small
surface can spoil the whole work and he has to start from the
beginning again. But in photoshop we have layers to help us
edit, modify, colorize different parts of artworks free from their
other parts. So any mistake you make only effects a limited
area that can be fixed easly.
In these pictures you see a clown. As you see his nose is a
different layer (nose). Because photoshop only does changes
on selected layer(s) we are able to change his nose to blue.

Layer Window
1. Set the blending mode for the layer
2. Layer opacity
3. Fill opacity affects pixels painted in a layer or shapes
4 drawn on a layer without affecting the opacity of any layer
1 effects that have been applied to the layer.
2

3 4. Layer options window

5
5. Hide/Unhide
6
6. Layer preview and layer name
7. Link layers
8. Add a layer style
9. Add layer mask
10. Create new fill or adjustment layer.
11. Create a new group
7 9 11 13
12. Create a new layer
Layer Palette 8 10 12 13. Delete layer

50 Photoshop CS3
New Layer
To create a new layer, we simply click on Layer −>New' Layer. Once we do that,
a new layer is created on the top of our layer stack.

New Layer Dialog Box

Layer Menu

Open the file daisies.psd and create a new layer.

New Layer Button


We can also click on “new layer”
icon on the layers panel to create
a new layer.

Lilies.psd

Renaming a Layer
To rename a layer, simply double click on the layer name and change it’s name.
On daisies.psd rename the new layer you created as empty layer.

Moving a Layer
The easiest method to move a selection or a layer from one
document to another is the drag and drop method. Using the move
tools drag and drop the layer on any part of the other document. You
will see the moved layer on top of all the layers. To do this both of the
documents should be open and the document windows should be in
restore mode.
Open daisies.psd and butterflies.psd. When butterflies.psd is the
active window click on butterfly 1 layer and drag it into daisies.psd,
and Save As daisies and butterflies.psd.

Chapter 4 - Layers 51
Duplicating a Layer
By duplicating a layer, we produce a copy of all items in that layer. To duplicate
a layer, first we select the layer by clicking on it once then we follow the Layer −
> Duplicate Layer path. The other way for duplicating a layer is right-clicking on
the layer and dragging the layer to the New Layer icon.

Open the file daisies and


butterflies.psd and duplicate
butterfly 1 layer. Then by using the
move tool move the duplicated
butterfly somewhere else in the
picture.
Duplicating a Layer

Deleting a Layer
To delete a layer we click on Layer −> Delete layer or we drag and drop the layer
to the trash bin which is located at the right bottom corner of the panel.

Open the file daisies and


butterflies.psd and delete butterfly
2 layer.

Deleting a Layer

Hide/Show Layers
To hide a layer, we first select the layer by clicking on it once
then we follow Layer −> Hide layers path. The shortest way to
hide a layer is to click on the eye icon on the left side of the
layer. To unhide a layer, we click to Layer −> Show layers or
click on the empty box on the left side of the layer to bring back
the eye symbol for making the layer visible.

Hide/Unhide Layers

52 Photoshop CS3
Merging Layers
Sometimes we need to combine all layers in one layer. This is
called “merging layers” in Photoshop. Merging layers do not
change any effect given to the layers. To merge layers, we first
select the layers by pressing the Shift key while clicking on
them. Then we follow Layer −> Merge Layers path.

Linking Layers Before Merging After Merging


We link layers to move them all together. To link layers, we select
all the layers we want to link by pressing the Shift key while
clicking on them. Then we follow the Layer −> Link Layers path.
The better option for linking layers is clicking on the Link Layers
icon after selecting the layers. To unlink layers, select layers and
follow the Layer −> Unlink Layers path or just select the layers
and click on the Link Layer icon again.
Open the files daisies.psd and butterflies.psd. On the
butterflies.psd, link butterfly 1 and the butterfly 2 layers, and
move them to the file daisies.psd. As you will see both of the
layers will be moved to the daisies.psd file together.
Link Layers Icon After Linking

Grouping Layers
Grouping layers has two main advantages.
1. Grouped layers can be edited, modified, moved, given
effects together.
2. Grouping layers helps us to organize the Layers panel
when we are working with many layers.
To group layers, first we select the layers and click Layer −>
Group Layers. The second way is to drag the selected layers
Group Layers Icon Hide/Show Grouped Layers to the Group Layers icon below the Layers panel.

We can hide/show grouped layers by clicking on the arrow


given above.

To move a layer out of a group, drag and drop the layer


above the group folder.

To give a name to a group, same as renaming layers,


double click on the group name and type it’s new name.

Moving Layers Out of a Group

Chapter 4 - Layers 53
Background Layers
There are three kinds of background layers in Photoshop. These are
transparent backgrounds, color backgrounds and picture backgrounds.
When creating a new file, if we define the Background Content as transparent,
there will be no color on the background. For colored background, before
Transparent Background creating a new file we change the background color from toolbox. Then we
select background color from the Background Contents box while creating a
new file. When we open a new picture in Photoshop, by default picture
becomes the background layer.

The background layers do not support transparency, which means when we


make a selection on the background layer and delete it, we fill the selection
with the current background color.

If we want the background layer to be editable, we need to convert it to a


layer. To do this, we need to double click on the Background layer on the
Color Background Layers Panel and give it a name. The converted layer will support
transparency.

Sometimes we might need to convert a layer to a background layer as well.


In such cases you need to follow Layer -> New -> Layer from Background.

Picture Background

Deleting a Selection on the Background Layer Deleting a Selection on a Layer Which is Converted from
Background Layer

54 Photoshop CS3
Opacity
A layer's opacity determines to what degree it
obscures or reveals the layer beneath it. A layer with
1% opacity appears nearly transparent, whereas one
with 100% opacity appears completely opaque.
Open the wall_clock.psd. As you see on the picture
we have four wall clocks which all have an opacity of
100 percent.

Wall_clock.psd File

Now select the layers one by one and


change their opacity to different values.

Fill Opacity
While opacity affects the opaqueness of the whole layer including layer effects,
fill only affects the layer content, but not layer effects.
You see two clocks and their opacity and fill values on the left. After giving drop
shadow effect, we see that because opacity is applied even to effects the
shadow is a bit lighter than the one on it’s left.

Layer Order
On layers panel, the layer above is always in front of the other.

Chapter 4 - Layers 55
Blending Mode
The blending mode controls how pixels are affected after painting or editing. By
changing the blending mode of a layer, we mix the colors of the layer with the
layer beneath it. Each mode gives a different result, since ways of mixing is
different for each blending mode.
Example
Open the images red_tulips.psd and sea.psd.
Drag and drop the Red Tulips onto the sea file by using the Move tool. Place
the red tulip so as to cover the whole of canvas.
Change the blending mode of the Red Tulips layer to the Lighten and the
Vivid Light modes.

Red_tulips.psd Sea.psd Lighten

Vivid Light

Layer Style
Layer Style menu allows us to customize various layer effects and blend selected
contents from multiple layers.
If we have a look at the Layer Style menu, on the left side we see different layer
effects. To apply any of those effects, we click on it’s name on the left side and
change the settings of the effects which will come to the middle of the menu. To
apply more than one effect, we tick on the box of each effect we want to add.
Here are some effects given to the file clover.psd.

56 Photoshop CS3
Practice

Positioning Layers
Open the file badge.psd and make a security officer badge.

Practice

Making a Vegetable Woman by Using Layers


è Open all pictures under the vegetable folder.
è Open pumpkin.psd.
è Move the vegetables into pumpkin.psd file and by using
the layer features, try to make a vegetable woman like in
the picture.

Chapter 4 - Layers 57
Questions
1. Layers in Photoshop are 5. Which Layer Style effects are given to the
a. filters that have been applied to the image shape below?
b. images stacked on top of each other
c. color models
d. color and brightness correction

2. Which of the following ways cannot bring up


the Layer Styles/Blending Options dialog box?
a. Double click on the layer's longbar in the layers
palette (not the name)
b. Right click on the layer longbar and choose I. Drop shadow
Blending Options
II. Bevel and Emboss
c. Use the lower left fly-up menu and choose a
layer style III. Outer Glow
d. Double click on the layer name IV. Pattern overlay
a. I-II b. I-IV
c. I-II-III d. I-III-IV

3. If we want to give the same Layer Style to more


than one layer, which one is the best method
given below? 6. You see a diamond, an empty circle and a star
a. Duplicating them b. Grouping them on the picture below. All shapes are in different
c. Linking them d. Merging them layers. Which one is the correct order of the
layers?

4. Which cannot be done by using the icon


below?

a. Creating a new layer a. circle, star, diamond


b Creating e layer group b circle, diamond, star
c. Duplicating layer groups c. star, diamond, circle
d. Duplicating layers d. star, circle, diamond

58 Photoshop CS3
A
B

BRUSH TOOLS
C
D Brush Tool
E
The Brush Tool applies the foreground color on your image. The brush preset
picker makes quick access to size (B), hardness (D), and preset of brushes (E).
Diameter changes the brush size. Drag the slider (B) or enter a value (A).
Hardness (D) sets the amount of anti-aliasing for the brush tool. At 100% (C), the
brush tool paints with the hardest brush tip, but is still anti-aliased.

Brush Preset Picker Dialog Box

Changing Preset Brush Options


 Open the image file cherry.jpg.
 Select the Brush Tool
 Right click on the picture or click the Brush Preset Picker to
open the brush preset.
 Set the Master Diameter to 30 px
 Set the Hardness to 50%.
 Write Cherry on the bottom of the picture
 Paint two of the cherries. Use a smaller brush to paint the stalk
of the cherries.

Cherry.jpg  Save your image.

Writing by Using the Brush Tool Painting Cherries by Using the Brush Tool

60 Photoshop CS3
Pencil Tool
The Pencil Tool creates hard-edged lines. It uses the same preset as a brush
tool. But the value of hardness is 100%. You can't change it even if you select the
soft-edged pencil.
è Open your modified cherry
file.
è Select Pencil Tool
è Right click on the picture or
click Brush Preset Picker to
open the brush preset.
è Set the Master Diameter to
30 px.
è Write Cherry on the top of
picture.
è Save your image.
Writing with the Pencil Tool Pencil Preset Picker Dialog Box
è Compare the brush and
pencil writings.

Practice
Invitation Card with Brush Tool
Your little sister has a birthday party next week and
she is asking for your help to prepare a nice
invitation letter to her friends. This practice will help
you to prepare simple but cool invitation letters and
greeting cards.

è Create a new document: 500*400 px


è Select the Brush Tool from Toolbox.
è Just below the menu bar you will see the Tool
Presets menu for the Brush Tool.
è Click on the arrows circled to expand the menus
è Select Special Effects Brushes from the coming
menu. Click OK when it prompts.

Chapter 5 - Brush, Paint, and Eraser Tools 61


è Select the first brush(flower) and change its size
to 25 px.
è Click on te foreground and background colours
and select two bright colours.

è Draw a borderline with the flowers. è Select the butterflies brush and draw some butterflies.

è Select the Scattered Roses brush and apply


those settings: Brush 215, Mode normal, Opacity
42%, and Flow 100%.
è Draw a single rose to the center of the canvas.
Here is the result.

62 Photoshop CS3
Color Replacement Tool
The Color Replacement tool simplifies the replacing of specific colors in your
image. You can paint over a targeted color with a corrective color.
Using the Color Replacement Tool
1. Select the Color Replacement tool.
2. Choose a brush tip in the options bar.
3. For tolerance, enter a percentage value (ranging from 0 to 255) or drag
the slider. Choose a low percentage to replace colors very similar to the pixel
you click, or raise the percentage to replace a broader range of colors.
4. Choose a foreground color that replaces the unwanted color.
5. Click the color you want to replace in the image.
6. Drag in the image to replace the targeted color.

Color Replacement Dialog Box

Practice
Coloring a Vase With Color Replacement Tool
è Open the file vase.psd.
è Select the Color Replacement Tool and define an average size brush with %0 hardness.
è Select a new color you want the vase to be by changing the foreground color.
è Move the brush on all parts of the vase to apply the new color.

vase.psd After Color Replacement

Chapter 5 - Brush, Paint, and Eraser Tools 63


History Brush Tool
The History Brush Tool paints from an earlier version of the image. First it
makes a copy of the image as it was, then uses the content of this copy to
paint with.
Using the History Brush Tool
Select the History Brush Tool .
Choose a brush from the Brush Presets Picker, and set the brush
options.
Drag in the image to paint.

History Brush Tool Dialog Box

Practice

Using the Color Replacement and History Brush Tools


è Open the image children.jpg.

è Select the Color Replacement Tool.


è Set the foreground color to white.
è Choose a big brush size.
è Color the entire image. The appearance will be grayscale.

è Select the History Brush Tool.


è Choose a small brush size.
è Color only the girl carefully.
è Save the image.

64 Photoshop CS3
PAINT AND EDIT TOOLS

Paint Bucket Tool


The Paint Bucket Tool fills adjacent pixels that are similar in color value to the
pixels you click. It works in a similar way as the magic wand tool, but in this case
filling adjoining pixels that fall within the tolerance setting. You can use the Paint
Bucket Tool within a selection or on the entire image.

Tolerance
Using the Paint Bucket Tool
The tolerance defines how similar
Choose a foreground color. in color a pixel must be to be
filled. Values can range from 0 to
Select the Paint Bucket Tool. 255. A low tolerance fills pixels
Enter the tolerance for the fill. within a range of color values
very similar to the pixel you click.
Click the part of the image you want to fill. All specified pixels within the A high tolerance fills pixels within
specified tolerance are filled with the foreground color or pattern. a broader range.

Original Image Paint Bucket Dialog Box The Result

Chapter 5 - Brush, Paint, and Eraser Tools 65


Filling and Stroking

Filling
You can use the Fill Dialog Box to fill a whole layer or a
selection. The main difference between the Fill Dialog Box
and the Paint Bucket is tolerance. There is no tolerance on
the Fill Dialog Box. It means your layer or selection will be
covered by the color that you specify in the fill dialog box.
In the fill dialog box you can use your foreground color,
background color or specify the color. It's also possible to
use a pattern.

Fill Dialog Box

Original Image Paint Bucket Applied Fill Color Applied

66 Photoshop CS3
Stroking
You can use the Stroke command to paint a colored border around a selection,
layer, or path. Stroke can be used to set off a photo with a frame or highlight a
section of an image or stroke an image layer.
By using stroke you can do followings:
èSet a frame for your photo
èHighlight a section of an image
Stroke an Image Layer
1. Select the area or layer.
2. Choose Edit -> Stroke.
Stroke Dialog Box
3. In the Stroke Dialog Box, specify the width of the border.
4. For Location, specify whether to place the border inside, outside, or
centered over the selection or layer boundaries.

After Applying Stroke Command

Chapter 5 - Brush, Paint, and Eraser Tools 67


Gradient Tool

The Gradient Tool creates a gradual blend between multiple colors. You can
choose from preset gradient fills or create your own.
You can fill an area with a gradient by dragging in the image. The starting point
and ending point affect the gradient appearance, depending on the Gradient
tool used.

Applying a Gradient Fill


1. To fill part of the image, select the desired area. Otherwise, the gradient fill will
be applied to the entire active layer.
2. Select the Gradient Tool .
3. Choose a Gradient Fill in the options bar.
4. Decrease the Opacity of the gradient a bit.
5. Select an option for applying the gradient fill in the options bar.

Linear Radial Angle Reflected Diamond

6. Position the pointer in the image where you want to set the starting point of the
gradient, and drag to define the ending point.

Original Image Gradient Dialog Box After Applying Gradient Fill

68 Photoshop CS3
Practice
Making a Lollipop
As you know a lollipop consists of two parts: Sweet and the Stick. Let’s make them separately and then
combine.

è Click File -> New and create a 300 x 400 pixels file with a resolution of 72
pixel/inch.
è Then select the Rectangle Marque Tool and draw a small stick.
è Click on the gradient tool. You will see a menu for editing your gradient styles
on top.
è Open the Gradient Edit Box.

è You put the colors in given order on the picture and click OK. It seems
not easy at first, but after a few tries you will see it is not that difficult.

è How are we going to apply the gradient to our stick? First be sure that
you`ve selected the Linear Gradient. Then from one vertical side to
another keep pressing your cursor. Try not to exceed the
circumference. Exactly start and stop on the lines. You can press Shift
while drawing so you have a Straight Gradient.
è Now the sweet part of the lollipop. Select the Elliptical Marquee Tool
and draw a circle. Make it a bit oval.
è Go to the Gradient Editor and apply the settings on the picture.
è Once you`ve selected your colors click OK.
è Then select the Radial Gradient style.

è Click to the center of the oval and draw a line to any side. You may exceed the boundaries of the oval to
apply/exclude some colors.
è It is time to combine two shapes now. As you see my lollipop is still selected. Position it somewhere at
the middle. To move the stick select the Rectangle Marquee Tool and draw a rectangle that covers all
parts of the stick. Select the Move Tool and put the stick under the sweet.

Chapter 5 - Brush, Paint, and Eraser Tools 69


è Save your lollipop.

Clone Stamp Tool

The Clone Stamp Tool takes a sample of an image, which you can then apply
over another image or part of the same image. You can also clone part of one
layer over another layer. The size of the area copied depends on the brush size.
The clone stamp tool is useful for duplicating an object or removing a fault on an
image.

Practice
Cloning Boat
èOpen the file clone.jpg. èDrag over the area of the
image you want to copy.
èYou can release your finger
and continue from another
part at any time.
èIf you copy more than you
need, you can use the Art
Brush Tool to correct your
mistake instead of going
back and redoing cloning.
èSelect the Clone Stamp Tool.
èPress Alt key and hold your
finger. The mouse icon will
change to the target sign.
èSave your image.
èSet the duplicating point by
positioning the pointer on the
image and click.

70 Photoshop CS3
Patch Tool
The Patch Tool lets you repair a selected area with pixels from another area or a
pattern. Like the Healing Brush Tool, the Patch Tool matches the texture,
lighting, and shading of the sampled pixels to the source pixels. You can also use
the Patch tool to clone isolated areas of an image. The Patch Tool can be useful
for removing date and time stamps on the bottom of a photo.

Original Image Selected Patch After Applying Patch

Spot Healing Brush Tool


The Spot Healing Brush works similarly to the Healing Brush. Unlike the Healing
Brush, the Spot Healing Brush doesn't require you to specify a sample spot. The
Spot Healing Brush automatically samples from around the retouched area.

Practice
Removing the Face Mole of a Woman
èOpen the file face.psd and select the Spot Heal Brush Tool.
èSelect a brush big enough to cover the mole.
èClick on the mole once or twice. The mole will disappear.

face.psd Result

Healing Brush Tool


The Healing Brush works same as the Clone Stamp Tool. But it also copies the
texture, lighting, and shading of the sampled pixels to the source pixels.

Chapter 5 - Brush, Paint, and Eraser Tools 71


Red Eye Tool
The red-eye effect is the common appearance of red eyes on photographs taken
with a photographic flash when the flash is too close to the lens. This simple tool
repairs red eyes. The only thing you need to do is to select the eyes of the people
then it will reduce the red color automatically.
red_eye.psd
Removing Red Eyes
è Open the file red_eye.psd.
è Select the Red Eye Tool in the tool bar.
è Remove the red in each eye by making a selection.
è Sometimes the Red Eye Tool leaves some red behind. In that case just undo
Selecting Eyes
and try again.

Blur, Sharpen, and Smudge Tools


Blur: The blur tool blurs hard edges in an image.
Sharpen: The sharpen tool sharpens soft edges in an image.
The Happy End
Smudge: The smudge tool smudges the data of an image.

Original Blurred Sharpened Smudged

Dodge, Burn and Sponge Tools


Dodge: The Dodge Tool allows you to lighten an image by dragging your
mouse across it. It sets highlights to lighten your image.
Burn: The Burn Tool works the opposite of the dodge tool. This tool allows
you to darken portions of the canvas by dragging over them. The Burn
Tool is used to give shadows to darken your image.
Sponge: The Sponge Tool enables you to desaturate/saturate your image.

Original Dodged Burned Sponged

72 Photoshop CS3
Practice
Making a Flame

è Create a new document (400x300 px.).


è Set the background color to black.
è By using the Marquee Tool make a rectangular shape near the bottom.

è Set foreground color to orange and the background color to red.


è Fill your rectangle by using the Gradient Tool.
è Deselect. (Ctrl + D)

è Select the Smudge Tool.


è Click inside the red area and drag your mouse upward.
è Repeat dragging till the end of your rectangle.

è Use a small brush of the Paint Tool.


è Set foreground color to yellow.
è Paint near the top ends of your flames.

è Select the Smudge Tool and reduce the brush size.


è Blend the tops of the flames.
è Drag downward to blend the color.
è Use short random strokes.

è Select the Burn Tool.


è Set the range of the burn tool to Highlights and Exposure to 9%.
è Set a large brush size and add some shaded areas.
è Save your flame.

Chapter 5 - Brush, Paint, and Eraser Tools 73


ERASER TOOLS
Eraser Tool
The Eraser Tool changes pixels in the image as you drag through them. If
you're working in the background or in a layer with transparency locked, the
pixels change to the background color; otherwise, the pixels are erased to the
transparency. You can also use the eraser to return the affected area to a
state selected in the History Palette.

Using The Eraser Tool


1. Select the Eraser Tool.
2. Do the following in the options bar:
Choose a brush and set brush options. This option is not available for
Block mode.
Choose a mode for the Eraser-Brush, Pencil, or Block.
Specify an opacity to define the strength of the erasure. An opacity of
100% erases pixels completely. A lower opacity erases pixels partially.
In Brush Mode, specify a flow rate. Flow specifies how quickly paint is
applied by the tool.
In Brush Mode, click the Airbrush Button to use the brush as an
airbrush.
To erase to a saved state or snapshot of the image, click the left
column of the state or Snapshot in the History Palette, and then select
the Erase To History in the options bar.
3. Drag through the area you want to erase.
Original
Background Eraser Tool
The Background Eraser Tool lets you erase pixels on a layer to a
transparency as you drag; this allows you to erase the background while
maintaining the edges of an object in the foreground. By specifying different
sampling and tolerance options, you can control the range of the
transparency and the sharpness of the boundaries.

The Background Eraser samples the color in the center of the brush, also
called the hot spot, and deletes that color wherever it appears inside the
brush. It also performs color extraction at the edges of any foreground
Deleting the Background
objects, so that color halos are not visible if the foreground object is later
with the Background Eraser. pasted into another image.

74 Photoshop CS3
Magic Eraser Tool
When you click in a layer with the Magic Eraser tool, the tool automatically
changes all similar pixels. If you're working in the background, or in a layer
with a locked transparency, the pixels change to the background color;
otherwise, the pixels are erased to transparency. You can choose to erase the
contiguous pixels only or all similar pixels on the current layer.

1. Select the Magic Eraser tool .


2. Do the following in the options bar:
Enter a tolerance value to define the range of colors that can be
erased. A low tolerance erases pixels within a range of color values
very similar to the pixel you click. A high tolerance erases pixels within
a broader range.
Select Anti-aliased to smooth the edges of the area you erase.
Select Contiguous to erase only pixels contiguous to the one you click,
or deselect to erase all similar pixels in the image.
Select Sample All Layers to sample the erased color using combined
data from all visible layers.
Specify an opacity to define the strength of the erasure. An opacity of
100% erases pixels completely. A lower opacity erases pixels partially.
3. Click in the part of the layer you want to erase.
4. Even you can fill the empty sky with a gradient to make the sky brighter.
Original Image

After Applying the Magic Eraser on the Sky After Applying a Gradient

Chapter 5 - Brush, Paint, and Eraser Tools 75


Practice
Brush Presets
Create a document with a width:400, a height 400 and the resolution: 72 dpi.
Select the Brush tool from the Toolbox and click Window -> Brushes
You will see the Brush Presets menu. This menu enables you to change many dynamics of your brush.
Select a brush with a width at 13 px. And modify the dynamics of the brush by changing the default
values of the given dynamics and effects on the left side of the presets menu.

The Results

76 Photoshop CS3
Practice
Open the damaged_photo.jpg file Open the damaged_road.jpg file and repair the road by
and repair the photo by using the using the Patch Tool. Then by using the Selection Tools and
Clone Stamp Tool. the Color Replacement Brush to change the car’s color.

Chapter 5 - Brush, Paint, and Eraser Tools 77


Questions
1. Which of the following is not a way to fill a 6. The tool that lets you select an area of an image
selection? and then paint with that area is called
a. Edit > Fill > Foreground Color a. Clone
b. Alt + Backspace b. Duplicate
c. Paint Bucket c. Copy
d. Select > Inverse d. Patch

2. What does the Eyedropper tool do? 7. "B" is the keyboard shortcut for:
a. Fills the selection a. Blur
b. Selects the color with the cursor b. Lasso tool
c. Removes red-eye c. Brush tool
d. Selects the eyes of people on the picture d. Bevel

3. Which of the following is NOT correct? 8. The ................... tool paints with stylized
a. The Pencil tool can create hard-edged lines. strokes, using the source data from a specified
history state or snapshot.
b.The Brush tool can create soft-edged lines
a. Art History Brush
c. The Brush tool can create hard-edged lines.
b. Brush
d. The Pencil tool can create soft-edged lines.
c. Paint Brush
d. Pencil

4. You can use the ..................... to paint a colored


border around a selection, layer, or path.
a. Clone tool 9. Master diameter determines the brush
...................... .
b. Stroke command
a. Opacity
c. Patch tool
b. Size
d. Fill command
c. Hardness
d. Color

5. Which of the following tool is NOT an eraser


tool?
a. Eraser tool
b. Magic eraser tool
c. Background eraser tool
d. Foreground eraser tool

78 Photoshop CS3
Type Tool
Like a word processing program by using the Type Tool, you can change font
type, size, color, leading, tracking, vertical scale, horizontal scale, baseline shift,
case (bold, italic, underline, strike through, superscript, subscript, all caps, small
Type Tool caps), anti-aliasing method, alignments (left, center, right, justify), paragraph
indents and automatic hyphenation properties.
To edit text select the Horizontal Type tool. Click directly into the text you want to
change.
You do not need to create a New Layer when using the Horizontal and the Vertical
Type Tool. The program itself creates a new layer by default when you click on
the canvas to type.
You can create and edit the type directly in the image window. The type you
create is preserved as a vector image which means you can change the font size
without loosing clarity.

Text Tool Bar


1 3 5 7

2 4 6 8

1 Font: We can choose from a huge selection of fonts from the fonts menu.
Times New Roman Comic Sans MS Cooper Black Swis721 BT Square 721

2 Font Style: To use regular, bold, italic, bold-italic styles we need to use this menu.
Regular, Bold, Italic, Bold-italic
3 Font Size: We define the size of the fonts from this menu.

8 pt 10 pt 18 pt 8 pt 10 pt 18 pt 8 pt 10 pt 18 pt
4 Antialiasing Method: In this menu we can select antialising methods such as strong, sharp, and smooth.

None: , Strong:
5 Text Alignment: Text alignment icons are for aligning the text to left, right or center.
Left Center Right
Aligned Paragraph Aligned Paragraph Aligned Paragraph

6 Text Color:
Blue Orange Black Green Red Purple Yellow

80 Photoshop CS3
7 Warp Text: Photoshop provides a variety of preset type warps that you can use
to customize the shape of your text.

Warp Text Dialog Box

Applied Warp Text Warp Text Menu

8 Character and Paragraph Palette


Character Palette: The character palette is a very useful feature of
Photoshop that helps us to change the typsettings of a selected text.

1 2
1. Font 6. Tracking refers to the
amount of space
3 4
2. Font style between a group of
letters to affect density
5 3. Font size in a line or block of text.
6
4. Leading (The space 7. Vertical scale
8
7 between two text lines) 8. Horizontal scale
10 5. Kerning (The amount of 9. Superscript
9
space between text 10. Font color
11 characters. Kerning 11. Text presets
12 varies between fonts.)
12. Anti-aliasing method
Character Palette

Chapter 6 - Typing 81
Some Character Palette Applications

Zambak Zambak Zambak Zambak


Publication Publication Publication
Publication

Leading: Auto Leading: 20 Tracking: 0 Tracking: 100

Zambak Zambak Zambak Zambak


Publication Publication Publication
Publication
Vertical Scale: %150 Horizontal scale: %200 Superscript Underline

Paragraph palette: The paragraph palette is very useful when we are working with
text which consists of one or more paragraphs.

1. Indent left margin


2
1 2. Alignment buttons
4
3. First line indentation
3
4. Indent right margin
5. Space before paragraph
5 6
6. Space after paragraph
Paragraph palette

Indentation

The paragraph palette is very useful


when we are working with text which
consists of one or more paragraphs.
The paragraph palette is very useful when we
are working with text which consists of one or Kerning contrasts with tracking. While tracking increases
more paragraphs. the space between characters evenly, regardless of the
The paragraph palette is very useful characters, kerning increases the space based on
when we are working with text which character pairs.
consists of one or more paragraphs.

82 Photoshop CS3
Horizontal and Vertical Type Tools
You do not need to create a New Layer when using Horizontal
and the Vertical Type Tool. The program itself creates a new
layer by default when you click on the canvas to type.

Type Tool

Horizontal and Vertical Type Mask Tools


The Horizontal and Vertical Type Mask Tools allow us to create selections in
the shape of type fonts. Once these selections are made, you can make type
that is filled with a pattern or an image. But when you are using the Type Mask
Tools on canvas No New Layer is created by default.
Open the file newyork.jpg.
Select the Horizontal Type Tool and write City on the image.

Masking Mode

Chapter 6 - Typing 83
As you see our screen is in Masking Mode. Text part shows us our selection
and the red area shows the surface out of selection. Now to switch screen to
the normal mode, just select any tool except the Type Tool.

Normal Mode

Now we click Select -> Select Inverse to select the text’s surrounding and press
the Delete Key to fill it with white.(note that newyork.psd is a background layer
so deleting background layer means filling it with background color)

Result

84 Photoshop CS3
Rasterizing the Text
Photoshop not only enables us to perform typing, but also gives us many
powerful features and menus to apply various effects to texts. Type tools create
vector image texts. But because Photoshop is a raster image editing program,
sometimes we have to convert texts to raster image. To do this after selecting
the text layer on the Layers Panel, follow Layer > Rasterize > Type path or right-
click on the type layer and select Rasterize Type from the pop-up menu. Once
you rasterize the layer you can’t change it’s features such as size or shape from
the Type Toolbar.

Practice
Giving Layer Styles to Texts

è Open the file winter.psd.

è Type winter on the picture with the Horizontal


Type Tool. Font: Gill Sans Ultra Bold,Size:24,
color white.

è Rasterize the Type. Layer > Layer Style. Apply the


following settings.

Applying Bevel and Emboss Styles

Chapter 6 - Typing 85
Applying Outer Glow style

Applying Gradient Overlay style

The Result

86 Photoshop CS3
Style Palette
The Style Palette has different
useful styles. You can apply
default styles of Photoshop here.
You can even save your own styles
for future use.

If you would like to write a paragraph


more than a single line in Photoshop,
after selecting the Horizontal Type Tool,
on the canvas draw a rectangle. That
rectangle will be our paragraph
boundaries.

Chapter 6 - Typing 87
Practice
Type Tools

Create the following images with the Type Tools.

88 Photoshop CS3
Practice

Cheese Text
Create a document : 600 X 400 with 72 dpi resolution. Using the Selection Tools and the Layer Styles
make a cheese text as given.

Chapter 6 - Typing 89
Questions
1. You can NOT 7. What is the difference between Figure 1 and
a. Change the color of text Figure 2?
b. Bend a text
c. Change embedded text on JPG files PHOTOSHOP PHOTOSHOP
d. Change text alignment
Figure 1 Figure 2
a. Leading values are different.
2. The _______________ allows you to create b. Font sizes are different.
complex selections in the shape of type c. Indentations are different.
characters.
d.Tracking values are different.
a. Type mask tool b. Horizontal type tool
c. Vertical type tool d. Warp text tool
8. What is the name of the process of converting
vector texts to raster images?
3. Which of the following is NOT a warp text type?
a. Vectorizing
a. Arc b. Flag c. Fish d. Cat
b. Merging
c. Flattening
4. Which of the following is NOT a way to edit a d. Rasterizing
text?
a. Click directly into the text with text tool.
b. Double click on the 'T' icon on the layer. 9. Which Warp effect was applied to the shape
below?
c. Right click > Edit text
d. Rasterize Type then edit text

5. Which of the following is NOT true about Typing


in Photoshop?
a. You can type both horizontal and vertical.
b. You can change fontsize of texts without loosing
the image quality.
c. You can convert texts to raster images.
d. You have to create a new layer before typing. a. Fish eye
b. Rise
6. What does a Type Mask Tool do? c. Bulge
a. Deletes layers in shape of typed text. d.Wave
b. Makes selections in the shape of typed text .
c. Gives special effects to layers.
d. Creates a copy of the layer in the shape of
typed text.

90 Photoshop CS3
PEN TOOLS
Photoshop`s Pen Tool is used to create vector shapes and to create vector
paths that can be converted to selections. Anchor points are used to define,
modify the segments that make the paths and shapes. In Photoshop, paths are
Pen Tool
the outlines of vector objects. As you see on the left side, when you click on the
Pen Tool icon on the Toolbox, several pen tool options come.These tools are
used to create, modify, add and delete the anchor points.

Path
Basic Controls of the Pen Tool
Before starting to draw a path with the Pen Tool we need to define the path’s
format from the Pen Tool toolbar on top of the screen. While the Shape Layer
icon only creates a vector mask layer, the Path icon creates an empty path on
the current layer.
We will use the Shape Layer feature for now.
Shape
Layer

Take the Pen Tool and click to several points on the empty canvas. Each time you
click you create a new anchor point. The lines that connect to points are called
segments.

Anchor
Point

Select the Delete Anchor Point Tool and


remove one of the anchor points by
clicking on it once.
Select the Add Anchor Point Tool and
add an anchor point.You can only add
new anchor points between two anchor
points on a segment.

Deleting an Anchor Point Adding an Anchor Point

92 Photoshop CS3
Tangent
Press down th CTRL key and click-drag any Line
anchor point to change it`s position.
Select the Convert Point Tool and click on any
anchor point to select and drag the tangent
line to make curved segments.

Moving an Anchor point Curving the Shape

Practice
Drawing a Heart with the Pen Tool
The Pen Tool is one of most creative features of Photoshop. But for beginners
it is not easy to handle. This practice will help you to improve your ability in
controlling the Pen Tool.
1. Start with a document with the size of 400 x 400. We need some extra help
from Photoshop in drawing. Click View −> Show -> Grid. These temporary
lines will help you to draw symmetric paths.
2. Create a new layer. Select the Pen Tool. And be sure that Path is selected
on Pen Tool toolbar.
3. Draw a polygonal shape.

Grids Drawing a Polygonal Shape

4. First, select the Convert Point Tool.Then click once anywhere on our heart
to display the anchor points. Use the Convert Point Tool to smooth the
corners. Start with the right side of the heart and try to curve all segments
until you see a nice heart.

Chapter 7 - Pen-Shape Tools 93


Curving the Shape Completing the Heart Shape

5. How are we going to fill the drawing with colour? When the Pen Tool is still
selected Right-Click on the heart and select Make Selection, then just
press OK and leave the Feather amount 0 from the pop-up menu. Select
any colour as the Foreground colour and Go to Edit -> Fill -> Foreground
color and press OK. To remove the grids: View -> Show -> Deselect Grid.

The Final Image

SHAPE TOOLS
You can use the Vector Shape tools to create geometrical shapes and Custom
Shapes. Vector shapes can be resized without losing clarity because they are
vector images.
By using vector shapes, you can draw rectangle, ellipse, polygon, line, arrows,
Shape Tools frames, talk bubbles, and so on.

Custom Shapes Toolbar

94 Photoshop CS3
The Custom Shapes
Under the Custom Shapes menu you can find variety of ready to use shapes.

Default Photoshop Custom Shapes

Displaying Custom Shapes


To see the display options, click on the small arrow of the Custom Shapes menu.
There are five different views of shapes: Text Only, Small Thumbnail, Large
Thumbnail, Small List, and Large List.
Open
Custom
Shapes

The Small Thumbnail view is the most compatible view to see shapes. The
following pictures show Small and Large Thumbnail views. .

Small Thumbnail View Large Thumbnail View

Chapter 7 - Pen-Shape Tools 95


Loading Custom Shape Sets to Photoshop
The default shape sets of Photoshop are Animals, Arrows, Banners, Frames,
Music, Nature, Objects, Ornaments, Shapes, Symbols, Talk bubbles, Tiles, and
Web. You can add, rename, change, and delete shape sets.You can find many
shape sets on the Internet. To use those sets in Photoshop, copy them into:
C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Custom
Shapes.You will see your Shape Set among the others under the Custom
Shapes menu. Your custom shape set will be in the list permanently. Here we
The Birds Set copied the birds set to the given position and it is seen among other sets.

If you want to load the shape sets for only one time use, click on Load Shapes in
View Selection menu. By using Windows browser on your screen, go to the place
of your set and select it, then click the Load button .

Loading Shapes

Windows Browser

96 Photoshop CS3
Practice

Custom Shapes
è Load the birds and cars
shape sets and use
them on your canvas.

Practice

Pen Tool
è Draw these shapes with the Pen tool and color them.

Chapter 7 - Pen-Shape Tools 97


WEB IMAGES (GIF - JPG)
The size of picture and quality are the most important criteria for web images.
The save for web option is a useful tool to optimize file size. Now you will see how
different optimize types effect the pictures. Depending on the file format, you can
specify image quality, background transparency or matting, and color display.
n gif: GIF is best for vector drawings and screenshots. On high quality pictures
and gradient pictures, it doesn't give good results. Best for 8 bit (256 colors)
images.
n jpg: The most used photo and web images format. JPG supports up to 32
bit(16.7 million colors). Quality determines the distortion of the image. Low
quality will give more distorted images. For web applications 50, or 60 is
quite well. And the file size will be small enough. The following samples show
Save for Web & Devices Menu Item
jpg files in different qualities.

The Original Image Jpg and Gif Images in Different Qualities.

Image Quality Image Type Advance Quality


Properties

98 Photoshop CS3
Save for Web Devices Window

Changing the Image Settings

Chapter 7 - Pen-Shape Tools 99


ANIMATIONS
Animations can range from very simple to very complex. Try to keep your
animations simple at the outset. Remember that animations effect, if used
indiscriminately on Web pages, can be distracting and as a result lose users’
intended impact.

1. Create an image in Photoshop as in the example. Use layers as the basis for
the animation. The layers you create form the basic building blocks for the
animation. Put elements you want to animate on separate layers.

Layers Palette

Creating a New Page Adding the Letters in Separate


Layers

2. Duplicate the layers 5 times. Hide any layers


containing elements you do not want to appear at
the start of the animation.

Duplicating Animation Layers Hiding/Unhiding Layers Settings Frames’ Delay Times.

3. Choose Window -> Animation to show the animation palette if it is not


already showing. Choose New Frame from the palette`s pop-up menu, or
click the new frame button.

The Final Animation

100 Photoshop CS3


Practice

Loading Sign Animation


è You can make a rotating wheel like in the
example, or you can make your own
design.

Chapter 7 - Pen-Shape Tools 101


Questions
1. While drawing with the Pen Tool, outlines of the 7. Which of the following is not a display option
objects are called____)? for the Custom Shapes menu?
a. Anchor points a. Smal Thumbnail b. Small List
b. Edges c. Medium List d. Text Only
c. Paths
d. Raster images
8. Which of the following you can not do by using
the Custom Shapes Menu?
2. We modify paths from their ______________ with a. Reset Shapes
the Pen Tool. b. Load Shapes
a. Segments b. Layer presets c. Replace Shapes
c. Anchor points d. Toolbars d. Export Shapes

3. Which of the following defines the images 9. Which shape set is this custom shape from?
under Custom Shapes menu?
a. Raster image b. non-editable image
c. Monochrome image d. Vector image

4. If you want to fill your shape while drawing with


the Pen Tool, what do you do?
a. Select the Shape Layer option.
b. Switch to the Quick mask Mode. a. Animals b. Web
c. Draw in the Standard mode. c. Arrows d. Banners and awards
d. Select the Path option.
10. Which of the following is a common web image
format?
5. Which tool do we use to curve the paths in
Photoshop? a. PSD b. TIFF
a. Freeform pen tool. c. JPG d. EPS
b. Add anchor point tool.
c. Delete anchor point tool. 11. Animations consist of ______________.
d. Convert point tool. a. Frames b. Sounds
c. Levels d. Colors
6. Which key do we use to move anchor points?
a. ALT. b. SHIFT. 12. Animations can be saved in the ______________
c. WINDOWS. d. CTRL. format.
a. HTML b. EPS
c. GIF d. TIFF

102 Photoshop CS3


CHANNELS
Understanding Channels
When we look at a colored image on our monitor, we are actually looking at a
combination of only three colors: red, green, and blue. It is a combination of the
three colors that produce the millions of colors we see.

An image can be called a channel sandwich. Look at the image above. The
image is three color channels that make up the final picture.

Displaying Channels
The Channels palette is located in the same window as the Layers palette by
default. This location can be easily changed, so if you cannot find the Channels
palette, you can open the window by selecting Window -> Show Channels.
Clicking on the Channels tab at any time will activate the Channels palette.
To work on any channel individually, click on the appropriate channel listing in the
Channels palette. The colored image will change to a grayscale image which
represents the distribution of that color. When a channel is active, any edits in the
main screen will affect only that channel.

104 Photoshop CS3


Open cat.psd. Switch to channels palette and apply a Noise effect only to the
Red channel by selecting Filter -> Noise -> Add noise.
Then switch to the Layers palette. Blur will only effect the red pixels.

Blurred red Channel

The RGB/CYMK Color Channels


The RGB/CYMK color channels are used to give you an indication of the
separate color channels contained within your image. When combined, they
create the full color spectrum of an image. Separated, they produce the
individual color 'plates' that make up the image's color; Red-Green-Blue / Cyan-
Yellow-Magenta-Black.
You can apply most of Photoshop's filters/effects to these channels; to produce
interesting imaging effects. Ones that you can't use will be dimmed out in the
menus. But be careful doing this, as these channels will directly produce a
destructive editing result on your image.

Alpha Channels
Alpha channels are more widely used to either create, edit, or save specific
types of selections .
Alpha channels are not part of your image's color composition, and have no
effect on that directly.
They are 256 grayscale in color.
You can apply most of Photoshop's filters to them to create complex and
interesting types of selections.

Chapter 8 - Channels & Masks 105


Channels are also used as Texture Channels within the Lighting Effects filter,
to create a minimal type of 3D effect on a colored area of a layer, or a specific
selected area of an object on a layer.
Quick Masks & Layer Masks use a temporary Alpha channel to store your
selection/masking information.
You can use any of Photoshop's painting tools to create and/or edit a
channel. Menu options that you can't use will be dimmed (non selectable) in
the menu lists.
Channels can be loaded as active selections in the same manner that layers
can; i.e. by holding the Ctrl key down while clicking on them.

Creating an Alpha Channel


Selection information is kept as channels in Photoshop.
Switch to the Channels Palette and click on the New
Channel icon to create a new channel.

Falcon

Alpha Layer

106 Photoshop CS3


3D Effects With Alpha Channels
It is not easy to understand the use of channels without using channel
applications on an image. In the first versions of Photoshop, channels were very
important in making and extracting selections. But nowadays due to easy and
effective selection options in Photoshop, channels are only used in some
specific actions. Making 3D metal look like images is one of them.
Create a document 500 X 400 with a 72 dpi. black backround in RGB mode.
Type Light with the font Calisto MT Bold,120 pt. color: light grey

Rasterize the type, load the selection of Light text by CTRL+ clicking on the layer
thumbnail and switch to the Channels Palette.
Create a new channel and fill it with white. Any effect we give under the channels
palette will not directly effect the real Light text in the Layers palette.

Now when Light is still selected we will apply the Blur Filter 4 times with the given
settings.
Click on Filter -> Blur -> Gausian Blur.

1. 10 pixels. 2. 5 pixels. 3. 2,5 pixels. 4. 1 pixels.

Chapter 8 - Channels & Masks 107


Switch to the Layers palette and select the Light Layer if not selected. As you see
no effect is applied to our image yet. Now go to Filter -> Render -> Lightning
Effects. And apply the settings given:

We load the Alpha1 layer to apply the effect we have given in the Channels
Palette. Go to Image- > Adjust -> Curves and shine the text. Then select the text
and blur it 1 px. From Filter -> Blur -> Gaussian Blur.

The Result

108 Photoshop CS3


MASKS
What‘s a Mask?
Masks are simply a selection. They perform the exact same
duty as the little marching ants in a selection boundary. The
difference is you can make more complex selections with
mask tools. Masks are incredibly useful for blending photos
and hiding portions of images without altering them directly.
If you have ever painted your house, you know that masking
tape is an essential tool for determining what gets paint on it
and what doesn`t. For example: You will paint door but you
don`t want the door handle to be painted. You cover the
handle with masking tape and after finishing painting the door,
you remove the masking tape. Result: The door handle is paint
free. Masks in Photoshop do the same job as masking tape
does in painting. In conclusion “Masking comes down to one
thing: getting a good transition between what's selected and
what isn't.” Masks help us to do selections that would be
impossible using only selection tools.
In this Chapter we will learn about Quick Masks and Layer
Masks and Vector Masks.

Quick Masks
Quick mask is a special mode in Photoshop that is devoted to defining a
selection. While Photoshop is in Quick mask mode, all Photoshop functions,
tools and commands work for defining the selected area. While in Quick
Mask Mode no matter what you draw on the canvas or which effect tou give,
the drawings and filters will only effect the selection but not the layer.
To switch to Quick Mask Mode:

Click on the Quick Mask Mode icon on the Toolbar.

In quick mask mode there are two main colors; black and white. Black
defines the the area that will not be included to the selection and white means
the area that will be selected. The tricky point here is that when you select
black as the color and try to fill anywhere with black, the color on the screen
will be purple: the default quick mask mode color. So don`t be confused.
You select black but screen color will be purple. The area you cover with
purple will be excluded from the selection and only the parts with no color will
be included in the selection.
To Switch to Standard Mode:

Click on the Standard Mode icon on the toolbar which is located in the
same place where the Quick Mask button is.

Chapter 8 - Channels & Masks 109


Practice
Applying Quick Mask to an Image
è Open the file tiger_eyes.psd.

è By using the Zoom Tool on the toolbox, zoom in on the eyes of the big cat.

è Switch to the Quick Mask Mode. Be sure that black is the foreground color
in this mode. Select an average size brush and fill both of the eyes with
quick mask color. Do not exceed the boundaries of eyes.

è Switch to the 1Standard Mode. Everywhere in the picture except the eyes
is selected now. Click on Image -> Adjustments -> Black and White and
apply these settings.

The Result

Now our tiger has turned to white but the eyes are still the same color. By using
Quick Mask, although eyes and the face are on the same layer, we have
avoided Photoshop applying an effect to the eyes while it was being applied
to the face.

110 Photoshop CS3


Practice
Color Transition with Quick Mask Mode
è Open the file sea.psd.

è Click on the Quick Mask mode icon to switch to the Quick Mask Mode.
è Time to define our selection. Click on the Gradient Tool icon and select the Foreground to
Background gradient, press OK.

è As you see our foreground and


background colors are white and
black. Drag the cursor from the
bottom-right corner to the top-left
corner to draw a gradient.

Chapter 8 - Channels & Masks 111


è Instead of filling the screen with black and white our gradient tool is just applying a quick mask
color and transparent color. On the picture above, the transparent parts show the upcoming
selection. Now click on the Standard Mode button to go to the Standard Mode. You will see a
selection on your canvas.

Define any foreground color on the


Toolbox and
Click Edit -> Fill -> Foreground
color. Here is the result.

The Result

112 Photoshop CS3


Layer Masks
A layer mask in Photoshop is basically a way of hiding and revealing certain parts
of a layer. Layer masks cannot be applied to Background or text layers.
Creating and Editing Layer Masks.
Open the file cat_portrait.psd, select and unhide Layer2. The cat will not be
seen for a while.

Unhide
Layers

Add Layer
Mask

Add Layer
Mask icon

Now to create a layer mask: go to Layer -> Layer Mask -> Reveal All
or click on the Add Layer Mask icon on the Layers Palette. A white
background thumbnail has come to the Layer2 now. This means the
whole of Layer 2 has turned to a mask and is waiting to be cut.
When you paint on the mask using black, you are “cutting” the mask
away to reveal what's beneath. Any white part of the mask is opaque,
and the black part is transparent and any shades of gray are varying
opacities.

Time to cut the mask. Select the brush tool and choose an average
size brush from brush toolbar which is located on top of the
Photoshop screen.

Chapter 8 - Channels & Masks 113


Be sure that your foreground color is black. Decrease the opacity of layer2 a bit
to see beneath it and draw a circle like shape on the canvas to reveal the face of
the cat.

Some parts of the white thumbnail on layer2 has turned to


black now, which means I have cut those parts of the mask.
Change the opacity of layer2 to %100 now.

Now you may ask:


Why did we use
Layer Mask for this
application? We
could have done
this with the Eraser
Tool?
To answer this
question let`s go
forward a few more
steps.

114 Photoshop CS3


Click on the link between the white thumbnail
and the picture thumbnail of Layer2. By doing
this we freed the mask from its background and
mobilized it.
Unlink the
Thumbnails

Click on the white thumbnail to select the mask. Then using the Move Tool position
the mask somewhere different than it`s previous location.

As you see, you can move the position of the mask without moving the wood
texture. This feature is not available in any other selection tools other than masking.

Chapter 8 - Channels & Masks 115


Applying a Mask
When the mask layer is selected follow Layer -> Layer Mask -> Apply. Once you
select “apply” you can`t change the mask`s position anymore.
Deleting a Mask
When the mask layer is selected follow Layer -> Layer Mask -> Delete. The
second way is by dragging the mask thumbnail(white thumbnail) to the Trash bin
on the Layers palette.

Vector Masks
The Custom Shape tools are a kind of layer mask. When you draw a custom
shape, a vector mask layer is created for the shape. As seen on the layers
palette the blue color is only filled to the shape area.

Vector Mask
To make a vector mask with a
custom shape tool, the Shape
Layers option should be active in
the custom shapes toolbar.

Custom Shape

To see the function of the custom shape in a vector mask, when the mask layer
is the active layer, go to Layer -> Vector Mask -> Disable Vector mask.

Because the custom shape is disabled, color is filled to the whole of the image.

Vector Mask Disabled

116 Photoshop CS3


To enable the vector mask go to Layer -> Vector Mask -> Enable.

Rasterize a Vector Mask


To rasterize a vector mask when the mask layer is selected go to Layer ->
Rasterize. Here there are three options.
n Rasterize Shape: This option rasterizes the shape and everywhere
except the shape will be transparent.

n Rasterize Fill content: If Rasterize Shape


you rasterize the fill content ,
the shape will be locked to
it`s position but you will be
free to move the color inside
the shape. To move the
content, select the Move
Tool and drag the content.

Rasterize Fill Content

Chapter 8 - Channels & Masks 117


n Rasterize Vector Mask: By rasterizing the vector mask you mask all parts
of the layer which are out of the shape.

Practice
Baby

Open the file baby.psd and desaturate all parts of the image except the baby. Use the Quick Mask.

The Original Image The Final Image

118 Photoshop CS3


Practice
Zambak

Create a document 900 X 700 with 72 dpi. Create and arrange the layers as given. Apply a rainbow
gradient to a layer. Make a mask from the ZAMBAK text and move it around the canvas.

Chapter 8 - Channels & Masks 119


Questions
1. In Photoshop, selection information is kept in 5. Layer masks cannot be applied to some layers.
which of the following ? Which of the following is one of them?
a. Layers a. Grouped Layers.
b. Channels b. Merged Layers.
c. Filter Menu c. Background Layers.
d. Marching ants d. Adjustment Layers.

2. In the channels palette, if you click any of the 6. In a Layer mask, what do the white parts on the
channels except the full color channel, images layer thumbnail represent ?
will be in which mode?
a. Unmasked parts.
a. CMYK b. Grayscale
b. Masked parts.
c. Bitmap d. RGB
c. Duplicated parts.
d. Deleted parts.

3. In the Quick Mask mode the colored area


shows which part of the image?
7. If you want to change the position of your layer
a. Selected areas.
mask in the future, which of the following
b. Unselected areas. should you not do?
c. Deleted areas. a. Saving a selection on the mask layer.
d. Duplicated areas. b. Creating channels in a layer.
c. Giving Filter Effects to a masked layer
d. Applying a mask to the layer.

4. Which of the following is not a kind of mask?


a. Quick Mask.
b. Layer Mask. 8. Custom shapes in Photoshop are .................
c. Vector Mask. which are a kind of ..................... ?
d. Alpha Mask. a. Layer Masks / Vector Mask.
b. Vector Masks / Layer Mask.
c. Quick Masks / Layer Mask.
d. Raster Images / Vector Masks.

120 Photoshop CS3


Introduction
Filters are little programs within Photoshop that add functionality to Photoshop.
Use filters to clean up or retouch photos, apply special art effects that add
realistic value to images, and make unique transformations.
To use a filter, choose an appropriate submenu command from the Filter Menu.
Before using filters, you need to know that filters are applied to active, visible
layers or selections and also some filters are only applied to images which are
in RGB mode.

Transparent Background Filter Gallery


The Filter Gallery is a submenu which contains various Filter options from
different submenus under the Filters menu. Simply select a Filter folder to open
it and choose a filter. After changing it`s settings click OK. Notice that the Filter
Gallery does not contain all filters of the Filter menu.

Filter
Settings

Filters

Filter
Submenus

Preview
Window

122 Photoshop CS3


Extract
We use the Extract command to make some difficult selections that require a
sophisticated way to isolate a foreground object from its background. Extract is
a kind of artificial intelligence mask and selection tool.

Changing the Background Color with Extract


1. Open the file cat_furry.psd. Open the Extract window from the Filter menu.
Filter -> Extract.
2. Draw the edges of the image with the Highlighter tool.
3. Fill the image with the Fill Tool.
4. Click OK to extract the image and apply a background color.

Highlighter
The Original Image
Tool

Fill Tool

The Extract Window

After Using Highlighter Tool After Using Fill Tool After Extracting the Image With Red Background

Chapter 9 - Filters 123


Liquify
Use the Liquify filter menu to rotate,
push, pull, pucker, reflect, and bloat
Liquifying Tools parts of images. It is a powerful tool for
retouching images and giving artistic
effects. To open the Liquify dialog
box, choose Filter->Liquify.
Tool
Settings The Liquify menu tools are all like
brushes which are applied the same
way as all brushes to images in
Photoshop. You may define their size,
density and other presets on the Tool
Options Menu.

The Liquify Window


Applying the Liquify Tools to the Same Image

Reconstruct tool
The Reconstruct tool undoes the
distortions you have made on the
image.
The Original Image

n Forward Warp tool n Reconstruct tool n Twirl clockwise tool

124 Photoshop CS3


n Pucker tool n Bloat tool n Push Left tool

n Mirror tool n Turbulence tool

Masking in the Liquify Menu


You can distort specified parts of the image by using the mask features of the
liquify menu.

A part of the fish is masked on the image below. The Freeze Mask Tool has
been used for masking. The red area shows the unmasked part of the image.
The unmasked part will not be effected by distortions.

The Original Image After Distorting the Masked Area

Pattern Maker
A pattern is an image that is repeated, or tiled, when used to fill a layer or
selection. By using the Pattern Maker Menu we can make eye catching patterns
to fill our selections and layers.

Chapter 9 - Filters 125


Making Patterns From Daisies
1. Open the file small_daisies.psd.
2. Open the Pattern Maker window, Filter -> Pattern Maker.

There are only three tools on the left side of the pattern maker menu: Hand Tool,
Zoom Tool, and Rectangular Marquee Tool. You can drag out an area to use it
as the pattern sample with the Rectangular Marquee Tool.
The original image

You can change the settings for the pattern


with the Tile Generation options on the
right side of the pane. Click the Generate
button to create a pattern sample.
You can save patterns and generate many
others in the Pattern Maker dialog box.
Click on the Save button at the bottom of
Settings Pane to keep the sample in
computer memory and use arrows to
navigate within saved pattern samples.
You can delete the saved patterns by using
the Trash Bin icon. Once you are satisfied
with your pattern click OK to apply it on the
layer or selection.

The Pattern Maker Window


3. Select a pattern sample in the image by using the Rectangular Marquee Tool.
4. Click the Generate button and save the generated pattern.

Selecting a Pattern Sample in the Image The Generated Pattern

126 Photoshop CS3


Using Saved Patterns
Saved patterns can be used later as we mentioned above.
1. Open the file small_daisies.psd, and make a selection with the Rectangle
Marquee tool.
2. Choose Edit->Fill and select your pattern from the incoming window and
click OK.

Selecting Part of the Image Choosing the Pattern After Applying the Pattern to the
Selected Part.

Vanishing Point
The Vanishing Point filter is an advanced skills filter that deletes and positions
parts of images in perspective. It works somewhat like the Clone Stamp tool.
1. Open the file vanishingpoint.psd.

The Original Image

2. Let`s remove the brush in the picture. Choose


Filter->Vanishing Point. You will see a grid laying
on the picture in perspective. The grid shows the
perspective which is going to be applied by the
Clone Stamp Tool. You can change the
perspective by dragging the grid from it`s
corners.

In the Vanish Point Window

Chapter 9 - Filters 127


3. Select the Clone Stamp tool, arrange the size,
and hardness of the brush and remove the
brush from the image.

After Removing the Brush

Some Other Filters


Learning Photoshop is not memorizing the menu items and the tools.
Learning Photoshop means gaining ability to reflect your mind on canvas.
Close your eyes and imagine any graphic, shape or effect, then try to create
what you imagined in Photoshop. The result of you work is a criterion of your
Photoshop level.
Phoshop CS3 has many filter options. To gain an expertise of filter, you need
to practice on many different images using different filters, tools and
combining them with each other. Here are some of the filters:

The Original Image Artistic->Cutout Noise->Add Noise, Monochromatic

128 Photoshop CS3


Blur->Radial Blur Brush Strokes->Spatter Pixelate->Mezzoint, Medium Dots

Sketch-> Halftone Pattern Stylize->Emboss

Practice
Creating a Maze with Filters
Here is a very easy and fantastic Photoshop work.
1. Create a new document with the size 500 X 500 and resolution 72 dpi.
2. Change the foreground color to green and choose Filter -> Render ->
Clouds.
3. Apply the Mosaic filter with 15 square cell size, Filter->Pixelate ->Mosaic.
4. Lastly choose Filter->Stylize->Find Edges. Here you have a maze.
After Applying Render->Clouds

The Mosaic Window After Applying the Mosaic Filter After Applying the Find Edges

Chapter 9 - Filters 129


Practice

Abstract Design with Filters


è Create a new document with the size 500 X 500 and
resolution 72 dpi.
è Press D on your keyboard to reset the foreground and
background colors to black and white.
è Choose Filter->Clouds.

è Go to Image ->Adjustments -
> Color Balance, and put the
given values on the Color
Balance dialog box.

è Now duplicate your layer by


dragging the current one to
Create a new layer icon.
Change the blending mode of
the upper layer to Color Burn.

130 Photoshop CS3


Practice

Lightning with Filters


è Open the image, Charlie Chaplin.jpeg.

è Go to Filter->Render ->Lightning Effects and choose the appropriate lights to give the given effects.

Chapter 9 - Filters 131


Questions
1. Which of the following can we not do with 6. Which of the following submenu cannot be
Filters? found under the Filter Menu?
a. Retouching images a. Blur
b. Distorting images b. Modify
c. Giving realistic effects to images c. Texture
d. Resizing images d. Noise

2. What is the name of the tool in the Liquify menu 7. Which of the following Filters is not located
that undoes changes done by other tools? under the Stylize Menu?.
a. Mirror a. Glowing Edges
b. Pucker b. Solarize
c. Reconstruct c. Mezzoint
d. Twirl clockwise d. Wind

3. Which Filter do we use to isolate an object from 8. What Filters are applied to the image below?
it`s background?
a. Patter maker
b. Liquify
c. Extract
d. Stylize

4. Which of the following is not a Pattern Maker The Original Image After Applying Filters
menu tool?
a. Mezzoint/Noise
a. Zoom Tool
b. Glowing Edges/Photocopy
b. Hand Tool
c. Ripple/Stamp
c. Rectangle Marque tool
d. Plastic Warp/Conte Crayon
d. Clone Stamp

5. What does a Vanishing point Filter do ?


a. Gives artistic effects to images
b. Deletes and positions parts of images in
perspective.
c. Makes patterns
d. Distorts images

132 Photoshop CS3


Work 1

Lightning
è Create a document with size 600X 600, è Click Filter -> Render -> Difference
300 dpi, in RGB mode Fill the canvas with Clouds.
a black and white gradient.

è Go to Image -> Adjustments -> Levels. è Click Image -> Adjustments -> Invert, then
Make these settings like in the picture Image -> Adjustments -> Hue/Saturation.
below. Give any color a high saturation value.

The Result

134 Photoshop CS3


Work 2
Wallpaper
è Create a new document with size 800 X 600 ,300 dpi RGB mode Press the D key on the keyboard to set
foreground and the background colors to black and white.
è Select Filter -> Render -> Clouds. Duplicate the background layer two times and name the top layer
Layer2 and the middle one Layer1.
è Select layer1 then go to Filter -> Distort -> Twirl (angle:115). Change the layer`s blending mode to
Lighten.
è Select layer2 and go to Filter -> Distort -> Twirl (angle:-115). Change the layer`s blending mode to
Lighten.

è When Layer2 is still selected, go to è Select Layer1 and Go to Image ->


Image -> Adjustments -> Adjustments -> Hue/Saturation. Apply
Hue/Saturation. Apply these settings like the settings like in the picture below.
in the picture below.

The Result

Chapter 10 - Lab Works 135


Work 3

Changing Skin Color


è Open the file man.psd.
è Duplicate the background layer and hide the background layer. Then on the background copy layer,
delete the parts shown in the picture with the Eraser Tool.

è Click Filter -> Blur -> Gaussian Blur (9


è Press the CTRL key and click on the pixels). Unhide the background layer.
background copy layer thumbnail to load Change the blending mode of the
the selection of the retaining area. background copy layer to the screen mode.

The Result

136 Photoshop CS3


Work 4

Candy Text
è Create a document with 800 X
600 pixels and 300 dpi. Type
“CANDY” with the Coop Black
font. Set the fontsize to 125
pixels. Go to Layer Styles and
apply a gradient overlay like in
the picture.

è Apply stroke and Drop Shadow effects in the Layer styles menu.

Chapter 10 - Lab Works 137


è Create a new layer above our Candy text.
Select the Brush tool and color Candy`s
letters with different colors.

è Change the blending mode of this layer


to screen.

The Result

138 Photoshop CS3


Work 5
è Click Filter -> Artistic ->
Sponge. Make the same
settings as below.
Burnt Paper
è Create a new document with a
white background: Width:800,
height:1100, RGB mode, 300
dpi. Create a new layer and
draw a rectangle and fill it with
a matte yellow color.

è Click Filter -> Brush stroke


-> Spatter. Make the settings
like in the picture on the right.

è Go to Layer Style ->


Layer Style -> Inner
Glow.

Chapter 10 - Lab Works 139


è Go to Layer -> Layer
Style -> Outer Glow.

è Select the Eraser Tool with a non-round


è Here is the paper. brush and delete the sides of the paper.

The Result

140 Photoshop CS3


Work 6
Combining Texts
è Create a 800x600 pixels, 72 dpi, RGB
mode document. Select Type tool and
while the color black is selected as
foreground color, type a big T. The
font is Batavia and the font size is 250
pt. The bigger the font size the better
result you will get for this work. Then
change the foreground color to green
and type an S with the same size.

è Move one of the letters over the other one. To combine these letters
we need to save their selections first. Select the T layer and clicking
Select -> Load Selection and clicking OK. You will see marching
ants around T. After that go to Select -> Save Selection and write T
to the name box and click OK. The selection of T is kept in the
computer memory. click the layer of S and do the same procedure,
but give S the name of the selection.

è Here is the important point: when the letter S is still selected (there
are marching ants around it) go Select ->Load Selection and select
T from the drop down menu and check Intersect with the Selection
box. Then click OK. As you see this action will only select the
intersection areas of the two letters.

è Our letters are in vector formats and should be converted to raster


graphics to be edited. Select each Type layer and select Rasterize
Type from the short-cut menu.

è The next step is deleting some parts of the letters to make them
overlap each other. Select the Eraser Tool with a size between 40-50
pt and %100 Hardness. Click on the layer T. Since T is in front, the
intersecting parts of it should be deleted. Delete the areas from T
like on the picture.Then Select -> Deselect.
The Result

Chapter 10 - Lab Works 141


Work 7
Chocolate
è Create a new document with size 800 X 600 pixels, 300 dpi,
RGB mode. Create a new layer and name it Grid. Select the
Grid from Custom Shapes menu. While Path option on
Shape Toolbar is selected, draw a big grid on the canvas.

è Press CTRL+ Enter to select the grid and fill the selection
with a chocolate brown color.

è Create a new layer and name it tiles. On the new layer,


draw a rectangle which has the same size as the grid. It
shouldn’t exceed the grid boundaries. Fill the tiles layer with
the same brown as the grid layer. While the tiles layer is
active, CTRL + click on the thumbnail of the grid layer to
load the selection of the grid and press the Delete key. We
have cleared the parts covering the grid area on the tiles
layer now. But because the grid and the tiles have the same
color, we cannot differentiate the deleted part yet.

è On the tiles Layer, go to Layer Style è Select the grid layer and apply these
menu and apply these settings below. settings for the Layer Style menu.

142 Photoshop CS3


è Our shape really looks like chocolate now. But we are not
finished yet. Take the Type Tool and type YUMMY
somewhere on the canvas with the same chocolate brown
color. It should be small enough to fit in a tile on the
chocolate. Apply the settings below in the Layer Style
menu to the YUMMY layer.

è Duplicate the YUMMY layer and place one onto each tile.
The chocolate bar is ready. Bon Appetite!

The Result

Chapter 10 - Lab Works 143


Work 8
Photo Montage
è Open the file car.psd. Duplicate the
background layer and name it
Layer1. While Layer1 is selected go
to Image -> Adjustments ->
Desaturate. Duplicate Later1 and
name the new layer Layer2.

è While Layer2 is selected,


Image -> Adjustments -
>Invert. Then in the same è Change the blending mode
layer go to Filter -> Blur -> of Layer2 to Color Dodge
Gaussian Blur (4,5 pixels). and Merge Layer1 and
Layer2.

è As you see, we have Layer2 and a è Go to Select -> Modify -> Feather and put 45
background Layer now. On Layer2 select the pixels in dialog box and click OK. Then press
Lasso Tool and make a selection which will the Delete key on the keyboard.
cover half of the car.

The Result

144 Photoshop CS3


Work 9
Snow on a Text
è Create a new image (500 x 300). Fill
the background with a dark color.
Type CS3 with the Type tool. Select
the Lasso tool and start drawing
your selection on the top of the first
letter. Make it look runny/dripping
from the top down. Press the Shift
key to expand your selection. If you
make any mistake on your
selection, press CTRL + Z to undo
your step.

è Switch to the Channels palette


(Windows -> Channels) then create a
new channel by clicking on the New
Channel icon at the bottom of the
palette. Set the foreground color to
white and fill the inside of the selection
with paint bucket. Cancel your
selection (CTRL + D). Select Filter ->
Blur -> Gaussian Blur. Set Radius to 3
px. Select Image -> Adjustments ->
Levels. Move your levels sliders until
your image is sharp and smooth.

è Create a new layer (CTRL + Shift + N). Make sure that the new layer
is above the text layer. Select -> Load Selection. Select Alpha 1 in
the channel field. Fill in the selection the color white and cancel your
selection.

è Select Layer -> Layer Style -> Bevel Emboss. Use the following
settings to add some shade to the snow: Depth: 181, Size: 27,
Soften: 0, Highlight Opacity: 75, and Shadow Opacity: 22.

è Select the text layer and set the following layer style settings: Inner
Shadow (Color: Black, Opacity: 100, Distance: 0, Choke: 0, Size: 2),
Bevel and Emboss (Depth: 1000, Size: 21, Soften: 0, Highlight
Opacity: 41, Shadow Opacity: 15), Gradient Overlay (Opacity: 100,
Gradient: ), Stroke (Size: 2, Opacity: 100, Color: Red).

Chapter 10 - Lab Works 145


Work 10

Photomerge
è PS CS3 has an amazing new feature that helps you create panoramas, which can be very impressive,
because they break out of the usual perspective that we are used to seeing. Wide angle lenses can
create a cool effect, but nothing can beat a well done panorama.The panoramic format has always
interested photographers, and with Photoshop's Photomerge automation, anyone can shoot high-
resolution panoramic photos. Getting it to work smoothly, however, takes practice. With a few simple
procedures on the shooting end, the composited images will work seamlessly together.

è Click File -> Automate -> Photomerge. Click


Browse to find your photos. Choose a layout.
Click OK.

The Result

146 Photoshop CS3


Work 11

Web Photo Gallery


è A web photo gallery is a web site that features a home page with thumbnail images and gallery pages
with full-size images. Each page contains links that allow visitors to navigate the site. For example, when
a visitor clicks a thumbnail image on the home page, the associated full-size image is loaded into a
gallery page. You can use the Photoshop Web Photo Gallery feature to automatically generate a web
photo gallery from a set of images.

è To open the Web Gallery Wizard, go to File -> Automate ->


Web Gallery. The Web Gallery enables you to choose from
many types of templates, most of them are HTML photo
galleries and only two are Flash Galleries (Flash - Gallery
01 and 02). From the template galleries, choose Flash-
Gallery 02. In the email field, add your email. In the source
image section, select the images folder you want to create
the Flash gallery for and the destination where you want to
save your Gallery. The Option section allows you to
optimize the web gallery to fit your needs through the
options.

è Click OK to start generating your Flash Web Gallery. To run your gallery, go to the
destination folder and run the index.htm or index.html file.

Flash - Gallery 2 Centered Frame 1 - Basic Dotted Border - Black on White

Chapter 10 - Lab Works 147


Chapter 1 Chapter 2 Chapter 3 Chapter 4 Chapter 5
1. C 7. B 1. D 7. B 1. B 7. B 1. B 1. D 7. C

2. C 8. A 2. A 8. D 2. D 2. D 2. B 8. A

3. B 9. B 3. B 9. D 3. D 3. D 3. D 9. B

4. A 4. C 10. A 4. C 4. B 4. B

5. A 5. B 11. B 5. B 5. D 5. D

6. C 6. A 12. D 6. C 6. D 6. A

Chapter 6 Chapter 7 Chapter 8 Chapter 9


1. C 7. D 1. C 7. C 1. B 7. D 1. D 7. C

2. A 8. D 2. C 8. D 2. B 8. B 2. C 8. D

3. D 9. C 3. D 9. B 3. B 3. C

4. D 4. A 4. D 4. D

5. D 5. D 5. C 5. B

6. B 6. D 6. B 6. B
A Bloat tool 125 Crop and Trim 37
Add 20, 23
Blur 72, 78 Crop Tool 37
Add Layer Mask 113
BMP 13, 17, 18 Cropping 37
Add a layer style 50
Bridge 15 Curves 39, 40, 48
Add layer mask 50
Brightness and Contrast 40 Custom Shape 116
Adding an Anchor Point 92
Brush Tools 60, 64
Adjustments 39, 40, 41, 42, 43, 44
Burn 72, 73
Adobe Bridge CS3 15 D
Delete layer 50, 52
Alignment Buttons 27
Deleting a Layer 52
Alpha Channel 25, 106 C
canvas 8, 28 Deleting A Mask 116
Alpha Channels 105, 107
Canvas Extension Color 36 Deleting a Selection 25
Anchor 36
Canvas Size 36, 46, 48 Deleting an Anchor Point 92
Anchor Point 92, 93, 102

Channel 104, 105, 106, 107, 120 Desaturate 40, 41


Angle 68

Channel Mixer 42, 48 Deselect 28


Anti-aliasing 11

Character and Paragraph Palette 81 Diamond 68


Antialiasing Method 80

Applying A Mask 116, 120 Clone Stamp Tool 70, 71, 77 Displaying Channels 104

Auto Color 39 CMYK 8, 11, 12, 18 Displaying Custom Shapes 95

Auto Contrast 39 CMYK Color 45 distort 30, 31

Auto Levels 39 Color Balance 39, 40, 43, 48 Distribute Buttons 28

Auto Select Layer 26, 34 Dodge 72


Color Channels 104, 105
DPI 11, 12
Color mode 12, 17, 18
Duotone 8, 45
Color Modes 45
B Duplicate 52
Background color 12 Color Range 28, 29, 33, 34

Background Eraser Tool 74, 78 Color Replacement 63, 64, 77

Contract 25, 27, 30


Background Layers 54
E
batch 15, 16 Contrast 25 Elliptical Marquee 21, 28, 30, 32, 33

Bevel and Emboss 85 Create a new group 50 EPS 13, 17

Bitmap 8, 13, 36, 45, 48 Create a new layer 50, 51 Eraser Tool 74, 75, 78

blending mode 50, 56 Create new fill or adjustment layer 50 Expand 24, 25, 27
Exposure 44, 48 H J Marquee 20, 21, 28, 30, 32, 33,
34
Extract 123, 132 hardness 60, 61, 63, 78 JPG/JPEG 13
MASK 109, 110, 111, 112, 113,
Healing Brush Tool 71
114, 115, 116, 117, 118, 119, 120
Hide/Show Layers 52
Match Color 41, 43, 48
F Hide/Unhide 50, 52
K
Kerning 81, 82 Merging Layers 53
Feather 25, 29, 30, 33, 34
Highlighter Tool 123
Mirror tool 125
Fill content 117
History Brush 64, 78
Move Tool 20, 22, 26, 27, 34
Fill Opacity 50, 55
Hue and Saturation 41 L Moving a Layer 51
Fill Tool 123 Lab Color 8, 45
Moving an anchor point 93
Filling 65, 66 Lasso 20, 21, 22, 23, 28, 33, 34
Multichannel 45
Filter Gallery 122 I Layer 51, 52, 53, 54, 55, 56, 57,
Image Size 36, 37, 48 58
Flip Horizontal 38
Indentation 82 Layer Mask 113, 114, 116, 120
Flip Vertical 38
Layer opacity 50
N
Font 80, 81, 85, 90 Indexed Color 8, 45
New Layer 50, 51, 52, 58
Intersected 20 Layer Order 55
Font Size 80, 81
Inverse Selection 28, 29, 34 Layer Style 50, 56, 58
Font Style 80, 81

Foreground Color 30, 32


Layer Window 50 O
Opacity 50, 55
Leading 80, 81, 82, 90
format 8, 13, 14, 17
Outer Glow 86
Levels 39, 40, 44, 48
Forward Warp tool 124
Lightning Effects 108
Free Transform 30, 31, 34
Linear 68, 69
P
link 115 Paint Bucket Tool 65

G Link layers 50, 53 Paragraph palette 81, 82


GIF 13, 17, 18
Linking Layers 53 Patch Tool 71, 77, 78
Gradient Fill 68
Liquify 124, 125, 132 Path 92, 93, 102
Gradient Map 43, 48
Loading Custom Shape 96 Pattern Maker 125, 126, 132
Gradient Overlay 86
PDF 13, 17
Gradient Tool 68, 69, 73
Pen ToolS 92
Grayscale 8, 12, 18, 40, 42, 43, M
44, 45 Pencil Tool 61, 78
Magic Eraser Tool 75, 78
Grouping Layers 53 perspective 30, 31
Magic Wand 20, 23, 24, 28, 33,
34 Photo Filter 43, 48
Magnetic Lasso 23, 33, 34 Photoshop 8, 9, 10, 12, 13, 14,
16, 18
Polygonal Lasso 22 Resolution 11, 12, 17, 18 Style Palette 87

Posterize 44 RGB 8, 11, 12, 17, 18 Subtract 20, 23, 24

PPI 11 RGB Color 45

preset 60, 61, 68 rotate 15, 27, 30, 31, 34

PSD 8, 13, 14, 17, 18 Rotating Image 27


T
Text Alignment 80, 90
Pucker tool 125 Rotation 38
Text Color 80
Push Left tool 125
Text Tool Bar 80

The Shadow/Highlight 42
S
Save As 14, 17, 18 Threshold 44, 48
Q
Quick Mask 25, 109, 110, 111, Saving Files 14 TIFF 13, 14, 17
112, 118, 120
scale 30, 31, 34 Tolerance 23
quick mask mode 109, 110, 111,
120 Select All 28, 34 Toolbox 9

Quick Selection Tool 24 Select Menu 20, 28, 30 Tracking 80, 81, 82, 90

Selection 20, 21, 22, 23, 24, 25, Transform 26, 27, 30, 31, 32, 34
26, 27, 28, 29, 30, 31, 32, 33, 34
Transforms 30
R Selection View 25
Transparent 12
Radial 68, 69 Selective Color 42
Trim 37, 48
Radius 25, 29 Shape Layer 92, 102
Turbulence tool 125
raster graphics 8 Shape Tools 93, 94, 95, 97, 99,
101 Twirl clockwise tool 124
Rasterize 85, 90
Sharpen 72 Type Tool 80, 83, 84, 85, 87, 90
Reconstruct tool 124
Show Transform Controls 26, 27
Reconstruct tool 124
Single Column Marquee 21
Rectangular Marquee 21
Single Row 21, 34
V
Red Eye Tool 72 Vanishing Point127, 132
skew 30, 31, 34
Reference point 27, 34 vector graphics 8
Smooth 25
Refine Edge 25 Vector Mask 116, 117, 118, 120
Smudge 72, 73
Reflected 68 Vector Masks 109, 116, 120
Sponge 72
Renaming a Layer 51
Spot Healing Brush Tool 71
Replace Color 43

Reselect 28, 34
Standard Mode 109, 110, 112 W
warp 30, 31, 32, 34
Stroke 67, 78
Resizing Image 27
Warp Text 81, 90
Stroking 66, 67
Resizing Points 27

You might also like