COMPETENCY BASED LEARNING MATERIAL

IN
GRAPHIC DESIGN
(ADOBE PHOTOSHOP)

Page 1
 The Photoshop Environment

Photoshop
Toolbox
The Photoshop toolbox is the most important user interface
with this complex program, and includes the primary tools
to work with graphics. These include the tools that let you
use type, and select, paint, draw, sample, edit, move,
annotate, and view images. Other tools in the toolbox allow
you to change foreground/background colors, go to Adobe
Online by either clicking the feather Adobe logo at the
top of the pallet or by going to File > Adobe Online.

Overview of the
tools
To view the name of a tool
button, hold your mouse
pointer over the tool you
want to see, and the name
will appear as a tool tip.
(See the image right.)
Some tool buttons
have multiple
tools combined into
one button. Tool buttons
with multiple tools have a
small triangle in the lower
right hand corner o f the
button.
Right click and hold this button to view the
alternate tools.

Rectangular and Elliptical Marquee Tools (M)

Make rectangular, Elliptical selections.

Single Row and Single Column Marquee Tools

The tools don’t have Shortcut Keys
Make Single Row and Single Column selection.

Move Tool (V) moves selections, layers, and guides.

Page 2
 Lasso Tool (L) make freehand, polygonal
(straight-edged), and magnetic (snap-to)
selections .

Magic Wand Tool (W) selects similarly colored areas.

Crop Tool (C) trims images.

Slice Tool (K) creates slices. (Slices are what allow you to actually split up a
larger image in Photoshop so it loads faster on the internet.)

Spot Healing Brush Tool (J) removes

blemishes and other imperfections
in your photos by sampling pixels
from around the retouched area.
Healing Brush Tool (J) repairs
imperfections in a selected area of
an image using a selected sample
or pattern.
Patch Tool (J) like the healing brush 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.
Red Eye Tool (J) fixes red eyes with one click. Set options to adjust
pupil size and darkening amount.

Brush Tool (B) paints brush

strokes.
Pencil Tool (B) paints hard-edged strokes.
Color Replacement Tool (B) replaces specific colors in
your image. You can paint over a targeted color with a corrective color.

Clone Stamp Tool (S) paints with a sample of an image.

Pattern Stamp Tool (S) paints using part of an image
as a pattern.

History Brush Tool (Y) paints a copy of the selected

State or snapshot into the current image window.
Art History Brush Tool ( Y ) paints with stylized
Strokes that simulate the look of different
Paint styles, using a selected state or snapshot.

Page 3
Eraser Tool (E) erases pixels and restores parts of
an image to a previously saved state.
Background Eraser Tool (E) erases areas to transparency
Magic Eraser Tool (E) erases solid-colored areas to
Transparency with a single click.

Gradient Tool ( G ) create straight-line, radial,

Angle, reflected, and diamond blends between colors.
Paint Bucket Tool (G) fills similarly colored
areas with the foreground color.

Blur Tool (R) blurs hard edges in an image.

Sharpen Tool (R) sharpens soft edges in an image
Smudge Tool (R) smudges data in an image.

Dodge Tool (O) lightens areas in an image.

Burn tool (O) darkens areas in an image.
Sponge Tool (O) changes the color saturation of an area.

Path Selection Tool (A) makes shape or segment selections showing anchor
points, direction lines, and direction points.

Horizontal Type Tool / Vertical Type Tool (T) creates type of text on an image.

Horizontal Type Mask Tool / Vertical Type Mask Tool (T)

Selections in the shape of type.

Page 4
 Pen Tool (P) let you draw smooth-edged paths.
Shape Tools (U) makes customized shapes selected from a custom shape list.

Notes tool / Audio Annotation Tool (N) makes

notes and voice annotations that can be attached to an image.

Eyedropper Tool (I) samples any color in an

image and sets the foreground (drawing) color
to it.
Color Sampler Tool (I) samples colors in an image
and records them for reference.
Measure Tool measures distances, locations,
and angles.

Hand Tool (H) moves an image within its window.

Zoom Tool (Z) magnifies and reduces the view of an image.

Page 5
 SELF CHECK #1

IDENTIFY THE FF. TOOLS:

1. Erases areas to transparency.

2. Removes blemishes and other imperfections i n yo u r p h o t o s b y sampling pixels

from around the retouched area.
3. Makes notes and voice annotations that can be attached to an image.
4. Like the healing brush 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.
5. Make rectangular, elliptical, single row, and single column selections.
6. Make freehand, polygonal (straight-edged), and magnetic (snap-to) selections.
7. Makes customized shapes selected from a custom shape list.
8. Creates slices. (Slices are what allow you to actually split up a larger image in
Photoshop so it loads faster on the internet.)
9. Paints with stylized strokes that simulate the look of different paint styles, using a
selected state or snapshot.
10. Removes blemishes and other imperfections i n yo u r p h o t o s b y sa mp l i n g
p i xe l s f r o m around the retouched area.

Page 6
 ANSWER KEY#1

1. The background eraser tool

2. The spot healing brush tool
3. The annotations tool
4. The patch tool
5. The marquee tools
6. The lasso tools
7. The custom shape tool
8. The slice tool
9. The art history brush tool
10. The spot healing brush tool

Page 7
Using the tool options bar
Below Photoshop’s menu bar is the tool options bar:

The Options Bar is where you adjust settings for the currently active tool. The options
bar is context-sensitive, meaning that it changes depending on which tool you have
selected. Some settings in the options bar are common to several tools (such as
painting modes and opacity), and some are specific to one tool (such as the Auto Erase
setting for the pencil tool).
You can move the options bar anywhere in the work area, or dock it at the top or
bottom of the screen. If you’d like to move the options bar, click on the small line on
the far left of the toolbar and drag it to a new position.
The options bar includes a palette well to the right, for storing other palettes, providing
quick access to palettes such as Swatches and Actions that you reference briefly while
using the application. The palette well is only available when using a screen resolution
greater than 800 pixels x 600 pixels (a setting of at least 1024 x 768 is recommended).

To display the tool options bar:

Do one of the following:
• Choose Window > Options.
• Double-click a tool in the toolbox.

To return a tool or all tools to the default settings:

Right-click the tool icon on the options bar, then choose Reset Tool or Reset
All Tools from the context menu.

Page 8
Using palettes
Palettes help you monitor and modify images. By default,
palettes appear stacked together in groups. Palettes groups
can be separated by “undocking” a certain palette and
rejoined by “docking” it into a group. Click and drag on the
palette title to move a palette from one group to another.

Displaying palettes
You can display or hide palettes as you work.
On the right in the Options Bar is the palette well. This is a
space where you can keep palettes that you don't use as
frequently or don't want occupying your workspace. It
keeps them easily accessible, but hidden from view until
you need them.
In the default workspace, you should have title tabs for the
Brushes, Tool Presets, and Layer Comps palettes in the
palette well. You can drag other palettes to this area and
they will remain hidden there until you click on the palette
tab to reveal it. When you need access to one of these
palettes, just click on the title tab and the full palette will
expand below its tab.

To show or hide Palettes:

Do one of the following:
• To show or hide all open palettes, the
options bar, and the toolbox, press Tab.
• To show or hide all palettes, press Shift +Tab.

To show or hide one pallet:

Choose Window > then the pallet to hide or show. A
Check mark will appear beside palettes that are visible.

Page 9
Correcting mistakes
Most operations can be undone if you make a mistake. Alternatively, you can restore all
or part of an image to its last saved version. But available memory may limit your ability
to use these options.

To undo the last operation:

Choose Edit > Undo. (For most operations you can also hit Ctrl +Z.)
If an operation can't be undone, the command is dimmed and changes to Can't Undo.

To redo the last operation:

Choose Edit > Redo.
To free memory used by the Undo command, the History palette, or the Clipboard:
Choose Edit > Purge, and choose the item type or buffer you want to clear. If already
Empty, the item type or buffer is dimmed.

Important: The Purge command permanently clears from memory the operation
stored by the command or buffer; it cannot be undone. For example,
choosing Edit > Purge > Histories deletes all history states from the
History palette. Use the Purge command when the amount of
information held in memory is so large that Photoshop's performance is
noticeably diminished.

To revert to the last saved version:

Choose File > Revert.
Note: Revert is added as a history state in the History palette and can be undone. To
restore part of an image to it’s previously saved version:
Do one of the following:

• Use the history brush tool ( ) to paint with the selected state or snapshot
on
the History palette.
• Use the eraser tool ( ) with the Erase to History option selected.
• Select the area you want to restore, and choose Edit > Fill. For Use, choose
History, and click OK.
Note: To restore the image with a snapshot of the initial state of the document, choose
History Options from the Palette menu and make sure that the Automatically Create First
Snapshot option is on.

Page 10
 The History palette (F9)
You can use the History palette to revert to a previous state of an image, to delete an
image's states, and to create a document from a state or snapshot.

A. Sets the source for the history brush E. Create new document from current state
B. Thumbnail of a snapshot button
C. History state F. Create new snapshot button
D. History state slider G. Trash button

To delete one or more states of the image

Do one of the following:
• Click the name of the state, and choose Delete from the History palette menu to delete that
change and those that came after it.
• Drag the state to the Trash button ( ) to delete change and those that came after it.
• Choose Clear History from the palette menu to delete the list of states from the History
palette, without changing the image. This option doesn't reduce the amount of memory used
by Photoshop.
• Hold down Alt (in Windows) or Option (in Mac OS) and choose Clear History from the palette
menu to purge the list of states from the History palette without changing the image.
If you get a message that Photoshop is low on memory, purging states is useful, since the command
deletes the states from the Undo buffer and frees up memory. This action cannot be undone.
Choose Edit > Purge > Histories to purge the list of states from the History palette for all open
documents.

Page 11
Using context menus
In addition to the menus at the top of your screen, context-sensitive
menus display commands relevant to the active tool, selection,
Or palette.
To display context menus:
1. Position the pointer over an image or
palette item.
2. Click with the right mouse button
(Windows) or hold down Control and
press the mouse button (Mac OS).

The Color palette (F6)

The Color palette displays the color values for the current foreground and
background colors. Using the sliders in the Color palette, you can edit the
foreground and background colors according to several different color models.
You can also choose a foreground or background color from the spectrum of
colors displayed in the color bar

To display the Color palette:

Choose Window > Color, or click the Color palette tab.
To select the foreground or background color:
From the Color palette menu, choose the color
model you want to use for color readout
values.
To edit the foreground or background color,
make sure that its color selection box is active or
outlined. To make the foreground or background
color selection box active, click the box.
To specify a new color, do one of the following:
1. Drag the color sliders.
2. Drag through the color bar along the bottom. If you want to turn off the
dynamically changing color sliders preview feature to improve
performance, choose Edit > Preferences > General and deselect Dynamic
Color Sliders.
3. Enter values next to the color sliders.
4. Click the color selection box, choose a color in the color picker, and click OK.

Page 12
The Color Pick

Page 13
Working with Layers
Layers allow you to make changes to an image without altering your original image data. For
example, you might store photographs or elements of photographs on separate layers, later to
combine them into one composite image. Think of layers as sheets of acetate stacked one on
top of the other. Where there is no image on a layer (that is, in places where the layer is
transparent), you can see through to the layers below.
A new image in Photoshop has a single layer. This layer is called the background layer and
is analogous to the base layer of a painting. You cannot change the position of the background
layer in the stacking order (it is always at the bottom of the stacking order); nor can you apply
a blending mode or opacity to a background layer (unless you first convert it to a normal
layer).
You can draw, edit, paste, and reposition elements on one layer without disturbing the
others. Until you combine, or merge, the layers, each layer remains independent of the others
in the image. This means you can experiment freely with graphics, type, opacities, and blending
modes. Photoshop supports normal layers and text layers. Additionally, Photoshop supports
adjustment and fill layers. You can apply sophisticated effects to layers using masks, layer
clipping paths, and layer styles.
When you transfer a layered image between Photoshop and its partner program
ImageReady, all layers, layer masks, layer clipping paths, layer styles, and adjustment layers
are preserved. Although adjustment layers and fill layers can be applied and edited only in
Photoshop, they can be viewed in ImageReady. Layer clipping paths can be created with either
Photoshop or ImageReady, but Photoshop provides more support for editing them.

Page 14
The Layers palette (F7)
You can use the Layers palette to create, hide, display, duplicate, merge, link, lock, and
delete layers. The Layers palette lists all layers and layer sets in an image, starting with
the topmost layer. A thumbnail of the layer's contents appears next to the layer name. The
thumbnail is updated as you edit. You can make changes only to the active layer, and
only one layer can be active at a time. When you move or transform the active layer,
those changes also affect any layers linked to it. Additionally, you can fully or partially
lock layers to protect their contents.

You can also use the Layers palette to apply layer masks and layer clipping paths to a
layer. You can also apply layer styles to a layer and create adjustment layers or fill layers.
You can use a clipping group to act as a mask for a group of layers or to specify a
blending mode for a group of layers.
A. Layer lock options (from left to right): J. Show/Hide layer style
Transparency, Image, Position, All K. Effects bar
B. Layer set L. Selected layer
C. Clipping group M. Partially locked layer
D. Text layer N. New layer styles
E. Base of clipping group O. New layer mask
F. Show/Hide Layer P. New layer set
G. Currently editing this layer Q. New adjustment or fill layer
H. Link/Unlink this layer to the one R. New layer
currently selected S. Trash
I. Fully locked layer

Page 15
 SELF CHECK #2

FILL IN THE BLANKS:

1. The ________ displays the color values for the current foreground and
background colors.
2. ______ allow you to make changes to an image without altering your original
image data.
3. The _________ use to revert to a previous state of an image, to delete an
image's states, and to create a document from a state or snapshot.
4. To show or hide all open palettes, the options bar, and the toolbox, press ______.
5. To show or hide all palettes, press _________.

Page 16
 ANSWER KEY #2

1. Color palette
2. Layers
3. History palette
4. Tab
5. Shift + Tab

Page 17
 ACTIVITY SHEET #1

Exercise: To create our little penguin:

Step 1: The Body

Start a new document of size 400x400 pixels at a resolution of 72
pixels per inch. (Click File > New and type in these settings, then
click “OK.”)
Draw an ellipse using the Elliptical Marquee tool and fill it with
black color using the Paint Bucket tool, (on the same button as
the Gradient tool):

Create another layer (Layer > New > Layer, or Shift+Ctrl+N) and
draw another ellipse as shown, then fill it with a smooth white
gradient. To do this, right click on the Gradient tool (on the same
button as the Paint Bucket Tool). Click and drag the Gradient tool
bottom to top and experiment until you achieve the desired
effect:

Step 2: The lower part of the body

Create another layer and draw a new ellipse like this:

Using the Paint Bucket tool, and changing the Opacity on the Options
Bar to 80%, fill in that new ellipse with white color:

Page 18
 ACTIVITY SHEET #1

This step might take a few tries to get right: Now deselect the selected
ellipse (Select > Deselect, or Ctrl + D) and draw another ellipse like
this. Try to get it as close to the outline of your original black ellipse as
possible.

Once you are happy with its position, select the inverse area of this.
(Select>Inverse) and press the delete key on the keyboard to remove
the background image data, and we have this:

Step 3: The Eyes

Again create a new layer, and using the Elliptical Marquee tool and
the Paint Bucket tool, draw one of the eyes, with a white ellipse and a
smaller black ellipse.

Duplicate the layer (Layer>Duplicate Layer) and use the move tool to reposition this layer for
its other eye. Or, alternatively, you can duplicate the layer and then flip it before you reposition
the object (Edit>Transform>Flip Horizontal).

Step4:The Beak

Again create a new layer, and draw a rectangle beak with the Rectangle Marquee tool. Double
click the gradient palette to get to the Gradient Editor Window, then click “Orange, Yellow,

Page 19
 and Orange” from the presets (this is the 8th option in Photoshop CS).

ACTIVITY SHEET #1

Now select the free transform (Edit > transform > perspective), experimenting to make the beak
the shape you want: When you’re finished, click any other tool and select “Apply the
transformation.”

Try using drop shadow (Layer > Layer Style > Drop Shadow) to give a little depth.

Step 5: The Feet

Create another layer and draw an ellipse like we did previously, filling it with a gradient foot
color.

Page 20
Page 21
 ACTIVITY SHEET #1

Using the same process as for the eyes, duplicate the layer to make the other foot and finish the
penguin.

Step 6: Putting it all together

At this time your penguin is still a stack of layers so the last step will be to merge the layers into one
image.
From the Layers Pallet:
Make sure that the layers and groups you want to merge are visible. (Do they have the little
eye symbol next to them?)
Select the layers and groups you want to merge. Now
choose Layer > Merge Layers. (Ctrl + E)

The final effect.

Page 22
 ACTIVITY SHEET #2

In this Photoshop photo effects tutorial, we're going to learn how to easily add a realistic water
reflection to any photo. It's a very easy effect to create and you can add it to any photo you like,
although it tends to work best with images that don't already contain water in them.

We'll be using a simple filter and a displacement map to create the water ripple effect, and a
Hue/Saturation adjustment layer to give our water a little color.

Here's the photo that I'll be working with throughout this tutorial:

The original image.

Page 23
 ACTIVITY SHEET #2

And here's what our image is going to look like after adding the water reflection :

The final result.

Step 1: Duplicate The Background Layer

With our image newly opened inside Photoshop, we can see in the Layers palette that we
currently have one layer, the Background layer, which contains our image:

Page 24
 ACTIVITY SHEET #2

The original image on the Background layer in the Layers palette.

We need to duplicate the Background layer, and we can do that using the keyboard shortcut
Ctrl+J (Win) / Command+J (Mac ). Now when I look in my Layers palette now, I can see that I
now have two layers - my original Background layer on the bottom and a new layer, "Layer 1",
above it which is my duplicate:

Press "Ctrl+J" (Win) / "Command+J" (Mac) to duplicate the Background layer.

Step 2: Add More Canvas Space To The Bottom Of The Document

We're going to add our water reflection below the image, so let's add some canvas space to the
bottom of our document to make room for our reflection. To do that, go up to the Image menu
at the top of the screen and choose Canvas Size. This will bring up Photoshop's "Canvas Size"
dialog box. The easiest thing to do here is to add twice as much canvas space as what we currently
have, but we only want it to appear at the bottom of the document, not above it or on either
side, so we need to tell Photoshop exactly where we want this extra canvas space to go.

First, enter 100 for the Height and set the measurement to percent, as circled in red below. Leave
the Width option set to 0. Then make sure the Relative option is checked, which tells Photoshop
to give us 100% more canvas space than what we already have. Below the "Relative" option is a
3x3 grid of squares. This is where we tell Photoshop where we want to place our additional canvas
space. Click inside the square in the middle of the top row (again as circled below). This tells
Photoshop not to place any of the extra canvas space above the document and instead to place
all of it at the bottom:

Page 25
 ACTIVITY SHEET #2

Add more canvas space using the "Canvas Size" dialog box.

Click OK to exit out of the dialog box, and Photoshop will add the extra canvas space to the
bottom of the image:

The height of the document has now been doubled with the extra canvas space added to the
bottom.

Page 26
 ACTIVITY SHEET #2

Step 3: Flip The Top Layer Vertically

In order to create our reflection, we need to flip our image upside down, so let's do that.

With the top layer selected in the Layers palette, go up to the Edit menu at the top of the screen,
choose Transform, and then choose Flip Vertical.

Photoshop will flip the image upside down in the document:

Go to Edit > Transform > Flip Vertical to flip the image on the top layer upside down.

Step 4: Drag The Flipped Image To The Bottom Of The Document

We need the flipped image to be at the bottom of the document, so grab your Move Tool from
the Tools palette, or press V on your keyboard for the shortcut:

Select the Move Tool.

Then, with the Move Tool selected, click inside the document and drag the flipped
image down to the bottom until the top of it is lined up with the bottom of the
original image above it. Hold down Shift as you drag to make sure you drag down
in a straight line:

Page 27
 ACTIVITY SHEET #2

Drag the flipped image down below the original.

Step 5: Add A New Blank Layer

Now that we have our flipped image in place, we can

begin to create our water ripple effect. First, we need
to add a new blank layer at the top of the Layers
palette, so with "Layer 1" still selected, click on the New
Layer icon at the bottom of the Layers palette:

Page 28
 ACTIVITY SHEET #2

Add a new blank layer to the document.

Step 6: Fill The New Layer With White

We're going to fill our new blank layer with white. If white is not currently your Background color,
press D on your keyboard, which will reset Photoshop's Foreground and Background colors,
making black your Foreground color and white your Background color. Then use the keyboard
shortcut Ctrl+Backspace (Win) / Command+Delete to fill the new layer with the Background
color (white). Your document will be filled with solid white.

The entire image is now filled with white.

Step 7: Apply The "Halftone Pattern" Filter To Create Black And White Horizontal Lines

Go up to the Filter menu at the top of the screen, choose Sketch, and then choose Halftone
Pattern. This brings up Photoshop's Filter Gallery (in Photoshop CS and higher) set to the
"Halftone Pattern" filter options on the right, with a large preview of the effect on the left. We're
going to use this filter to add a series of black and white horizontal lines to the image. These lines
are going to become our water ripples . The more lines we have, the more ripples we'll have.
First, we want to make sure we're creating lines and not dots or circles, so set the Pattern Type
option to Lines. We control the number of lines by adjusting the Size option. Lower values give
us more lines, since we're lowering the size of each line, and higher values give us fewer but
thicker lines. I'm going to set my Size value to 7, which I think works best for my image. You may
want to experiment with this value on your own. The Contrast option below it determines how
sharp the edges of the lines are. Lower values give you softer lines, white higher values give you
hard edge lines. Set this value all the way to 50 to give your lines sharp edges. We're going to
soften them ourselves with the Gaussian Blur filter in a moment:

Page 29
 ACTIVITY SHEET #2

Adjust the Halftone Pattern filter options to create a series of black and white lines through the
image.

Click OK when you're done to exit out of the dialog box, and Photoshop will fill the image from
top to bottom with your black and white lines:

The image is now filled with black and white horizontal lines.

Step 8: Apply The "Gaussian Blur" Filter To The Lines

Before we can use our black and white lines as water ripples , we need to smooth them out and
create nice, smooth transitions between them. To do that, go up to the Filter menu once again,
choose Blur, and then choose Gaussian Blur, which brings up the "Gaussian Blur" dialog box.
Keep an eye on your image and drag the slider at the bottom of the dialog box to increase the
Radius value until the lines have a very soft edge to them. I'm using a small image for this tutorial,
so for me, a Radius value of about 4 pixels works well. If you're using a larger, high resolution
image, you'll need to set yours to a higher value:

Page 30
 ACTIVITY SHEET #2

Use the Gaussian Blur filter to smooth out the edges of the lines.

Click OK to exit out of the dialog box and apply the blur to the lines.

Step 9: Duplicate The Lines Layer As A New Document

We're going to create a brand new document out of our lines layer, which we'll then use as our
displacement map for our water ripples . With the lines layer selected, go up to the Layer menu
at the top of the screen and select Duplicate Layer, which brings up the "Duplicate Layer" dialog
box. In the "Destination" options, click on the down-pointing arrow to the right of the Document
option and set it to New, which will create a new Photoshop document out of our layer:

Set the "Document" option in the "Duplicate Layer" dialog box to "New".

Click OK to exit out of the dialog box, and your layer will open up in a new document on the
screen.

Page 31
 ACTIVITY SHEET #2

Step 10: Save The New Document And Close Out Of It

This new document that we've created is going to become our displacement map, but before we
can use it, we need to save it. We're also going to close out of it after we've saved it, since we
won't need it open anymore, and the easiest way to accomplish both of those tasks is to simply
close out of the document. When you try to close out of it, Photoshop will as you if you want to
save the document before closing it. Click Yes:

Choose "Yes" when Photoshop asks if you want to save the document before closing it.

Photoshop will bring up the Save As dialog box. You can name your new document anything you
like. I'm going to name mine "water-ripples". Make sure you save it as a Photoshop .PSD file,
since those are the only files that Photoshop can use as a displacement map. You'll probably want
to save the document to your Desktop, since we'll need to find it again in a moment.

Step 11: Delete The Lines Layer

Now that we've used our black and white lines to create the file we'll be using as our
displacement map, we can get rid of it. To do that, simply click on it and drag it down onto the
Trash Bin icon at the bottom of the Layers palette:

Click and drag the lines layer ("Layer 2") onto the Trash Bin at the bottom of the Layers palette
to delete it.

Page 32
 ACTIVITY SHEET #2

Step 12: Merge The Two Layers Onto A New Layer

Before we can add use our displacement map, we need to merge our two image layers onto a
new layer above them. To do that, with "Layer 1" selected, use the keyboard shortcut
Shift+Ctrl+Alt+E (Win) / Shift+Command+Option+E. Nothing will appear to have happened in the
document, but if we look in the Layers palette, we can see that both layers have been merged
onto a new layer at the top:

Both layers are now merged onto a new layer, "Layer 2".

Step 13: Use The "Displace" Filter To Create The Water Ripples

We're ready to create our water ripples using the displacement map we just created. With the
new merged layer selected in the Layers palette, go back up to the Filter menu at the top of the
screen, choose Distort and then choose Displace .

This brings up Photoshop's "Displace" filter dialog box. This is where we determine the strength
of our ripple effect, and we do that with the Horizontal Scale option at the top. I'm going to set
mine to a value of 4, which will give me a realistic ripple effect. You may want to experiment with
this value with your own image. Setting it too high though will create too much of a horizontal
distortion and you'll lose the realism.

We don't need any vertical distortion to create our effect, so set the Vertical Scale option to 0.
Also, make sure that Stretch To Fit and Repeat Edge Pixels are selected:

Page 33
 ACTIVITY SHEET #2

Go to Filter > Distort > Displace to bring up the Displace dialog box.

Click OK in the top right corner of the dialog box, and Photoshop will ask you which file you want
to use as your displacement map. Choose the file that you just saved a moment ago, which I
saved to my Desktop as "water-ripples.PSD", and then click Open. Photoshop will then apply the
displacement map to the entire image, creating our water ripples :

The image after applying our displacement map with the "Displace" filter.

Page 34
 ACTIVITY SHEET #2

Step 14: Hide The Ripples On Top With A Layer Mask

Of course, we have a slight problem at the moment. We've added our water ripple effect to the
entire image, and we only wanted it in the bottom half. We can fix that easily though using a
layer mask. First, Ctrl-click (Win) / Command-click directly on the thumbnail for "Layer 1" in the
Layers palette to place a selection around the flipped image at the bottom of the document:

"Right-click" (Win) / "Control-click" (Mac) directly on Layer 1's thumbnail in the Layers palette to
place a selection around the flipped image.

You'll see a selection appear around the bottom half of the image in your document. Now, with
the merged layer still selected, click on the Layer Mask icon at the bottom of the Layers palette:

Click on the "Layer Mask" icon to add a layer mask to the merged layer at the top of the Layers
palette.

Page 35
 ACTIVITY SHEET #2

Photoshop will add a layer mask to the merged layer, and because we had a selection around the
bottom half of our document when we added the layer mask, only the bottom half of the merged
layer remains visible. The top half becomes hidden from view, removing the unwanted water
ripples from that part of the image:

The ripple effect is now hidden from the top half of the image after applying the layer mask.
We're almost done. Let's finish things off by adding a hint of color to the water, which we'll do
next.

Step 15: Apply The "Gaussian Blur" Filter To The Layer Mask

Before we add our finishing touch by colorizing the water , let's soften the edge of the layer mask
a little so there isn't such a harsh dividing line between the image on top and the water below.
We'll use the Gaussian Blur filter for that, and since we want to apply it to the layer mask, we'll
need to first select the mask. We can do that by clicking on the layer mask thumbnail in the Layers
palette:

Page 36
 ACTIVITY SHEET #2

Adobe Photoshop Tutorials: Click on the layer mask thumbnail in the Layers palette to select the
layer mask.

You can tell that the layer mask is now selected by the white highlight box around its thumbnail.
We're going to apply the Gaussian Blur filter to the mask, so go back up to the Filter menu, select
Blur once again, and then select Gaussian Blur. When the dialog box appears, simply click OK to
apply the same Radius value we used previously.

Step 16: Colorize The Water With A Hue/Saturation Adjustment Layer

Let's finish things off now by adding just a hint of blue to our water, and we'll use a
Hue/Saturation adjustment layer for that. We want the adjustment layer to only affect the
bottom half of the image where the water ripples are, so hold down your Alt (Win) / Option (Mac
) key, click on the New Adjustment Layer icon at the bottom of the Layers palette, then select
Hue/Saturation from the list of adjustment layers:

Hold down "Alt" (Win) / "Option" (Mac), click on the "New Adjustment Layer" icon, then drag
your mouse to "Hue/Saturation" to select it.

Page 37
 ACTIVITY SHEET #2

By holding down "Alt/Option", this tells Photoshop to bring up the New Layer dialog box before
adding the adjustment layer. Select the Use Previous Layer To Create Clipping Mask option by
clicking inside the checkbox to the left of it:

Select the "Use Previous Layer To Create Clipping Mask" option in the "New Layer" dialog box.

This option tells Photoshop that we want the adjustment layer to affect only the layer directly
below it in the Layers palette, and since the layer below it is the layer containing our water ripples
, only the water ripples will be colorized, which is what we want. Click OK to exit out of the dialog
box.

This will bring up the Hue/Saturation dialog box. We want to colorize our water, so the first thing
we want to do here is select the Colorize option in the bottom right corner. Then select the color
you want your water to be by dragging the Hue slider at the top. I'm going to drag my slider to
the right to a value of about 218, which I think is a good color for my water :

Use the Hue/Saturation dialog box to colorize the water .

Click OK to exit out of the dialog box , and you'll see that your water on the bottom has now been
colorized, but the color is much too strong at the moment.

Page 38
 ACTIVITY SHEET #2

Step 17: Lower The Opacity Of The Hue/Saturation Layer

To reduce the intensity of the color we just added to the water , all we need to do is go up to the
Opacity option in the top right corner of the Layers palette and lower the opacity value. I'm going
to lower mine all the way down to about 25%, which adds a much more realistic amount of color
to the water :

Lower the opacity of the adjustment layer until the water has only a hint of color to it.

Once you've lowered the opacity of the adjustment layer to reduce the color intensity of the
water , you're done!

Here once again is my original image for comparison:

Page 39
The original image once again.

And here is my final "water reflection" result:

ACTIVITY SHEET #2

The final effect.

Page 40
 ACTIVITY SHEET #3

In this Photoshop Text Effects tutorial, we'll learn how to engulf text in an explosion of light and
color.

There's quite a few steps involved in this text effect, and we'll be using a couple of filters that are
not used very often in everyday Photoshop work, but creating the text effect is quite simple and
the end result is definitely worth the effort.

Here's the text effect we're going for:

The final result.

Step 1: Open A New Photoshop Document

Open a new document in Photoshop by going up to the File menu and choosing New..., or by
using the keyboard shortcut, Ctrl+N (Win) / Command+N. You can choose your own width and
height for your document, but if you want to follow along, I chose the 640x480 size from the list
of available presets to keep things simple. I've also left my Resolution value set to its default of
72 pixels/inch. Since I'm creating this text effect for the web, it makes no difference what I set
the resolution value to, so the default value is fine:

Page 41
 ACTIVITY SHEET #3

Create a new document in Photoshop. To follow along, use the "640x480" preset size.

Step 2: Add Your Text

With your new blank document open, grab the Type tool from the Tools palette or by pressing T
on your keyboard. Make sure black is selected as your foreground color. If it isn't, just press D on
your keyboard to reset it to black. Choose your font in the Options Bar at the top of the screen.
Thick, heavy fonts work best for this effect. Then, go ahead and enter your text. I'm going to use
"Impact", and I'll type the words "LIGHT BURST":

Choose a thick, heavy font, and with black as your foreground color, enter your text.

Page 42
 ACTIVITY SHEET #3

Step 3: Resize Your Text With Free Transform

With your text layer selected in the Layers palette, use the keyboard shortcut Ctrl+T (Win) /
Command+T (Mac) to bring up the Free Transform box and handles around your text. Hold down
Shift+Alt (Win) / Shift+Option (Mac) and drag out any of the corner handles to make your text
larger and fill up more of the document area. Holding Shift constrains the text proportions, and
holding Alt/Option resizes the text from the center:

Resize the text with Photoshop's "Free Transform" command.

Make sure to still leave plenty of room around the text for our light burst effect. Press Enter (Win)
/ Return (Mac) when you're done to accept the transformation.

Step 4: Rasterize Your Text

We're going to be applying several filters to our text, but Photoshop doesn't allow us to do that
without first rasterizing it, which simply means to convert it into pixels. So again with the text
layer selected, go up to the Layer menu at the top of the screen, choose Rasterize, and then
choose Type. This will convert our text into pixels. It will still look the same in the document
window, but in the Layers palette, the Type layer will now be a regular layer:

Page 43
 ACTIVITY SHEET #3

After rasterizing the text, the Type layer in the Layers palette becomes a normal layer.

Step 5: Add A Selection Around Your Text And Save It

Ctrl-click (Win) / Command-click directly on the thumbnail preview area of the text layer in the
Layers palette to quickly load a selection around your text:

"Ctrl-click" (Win) / "Command-click" (Mac) directly on the text thumbnail in the Layers palette.

Your text will now have a selection around it:

Page 44
 ACTIVITY SHEET #3

The text is now selected.

With the text selected, go up to the Select menu at the top of the screen and choose Save
Selection. When the Save Selection dialog box appears, just click OK. There's no need to name it
or make any changes to the options.

Once you've saved your selection, press Ctrl+D (Win) / Command+D (Mac) to deselect your text.

Switch over to your Channels palette for a moment (it's grouped in beside the Layers palette)
and you'll see your selection saved as a new channel named "Alpha 1" at the very bottom. We'll
be coming back here a bit later to load our selection again:

Page 45
 ACTIVITY SHEET #3

The selection is now saved as a new channel, "Alpha 1", in Photoshop's Channels palette.

Step 6: Use "Fill" To Fill Your Text Layer With White And Set The Blend Mode To
"Multiply"

Switch back to your Layers palette once again, and with the text layer selected, go up to the Edit
menu at the top of the screen and choose Fill, or press Shift+F5 on your keyboard to quickly bring
up Photoshop's Fill dialog box. When the dialog box appears, set the Contents to White and
change the Blending Mode to Multiply:

Photoshop's "Fill" dialog box".

Click OK when you're done. Nothing will seem

to have happened in your document window,
but if you look at your text layer's thumbnail in
the Layers palette, you'll see that all of the
empty space around the text has now been
filled with white, while leaving the text black
thanks to that "Multiply" mode.

Page 46
 ACTIVITY SHEET #3

Step 7: Apply The Gaussian Blur Filter To The Text

Go up to the Filter menu at the top of the screen, choose Blur, and then choose Gaussian Blur.
When the Gaussian Blur dialog box appears, enter a Radius value of about 4 pixels and click OK
to apply a slight blurring to the text:

Apply the Gaussian Blur filter to the text.

Here's the text after applying Gaussian Blur:

The text is now blurred slightly.

Page 47
 ACTIVITY SHEET #3

Step 8: Apply The "Solarize" Filter To The Text

With the text layer still selected, go back up to the Filter menu and this time choose Stylize, and
then choose Solarize. This will turn the document black, and your text will appear as a white
stroke:

The image after applying the Solarize filter.

Step 9: Lighten The Text With Levels

The text is looking a little dark, so let's lighten it. Use the keyboard shortcut Ctrl+L (Win) /
Command+L (Mac ) to bring up Photoshop's Levels command, and drag the white point slider
on the right in towards the left until you reach the right edge of the histogram:

Page 48
 ACTIVITY SHEET #3

With the Levels dialog box open, grab the white point slider on the right and drag it to the right
edge of the histogram to brighten the text.

Click OK. The text will now appear much brighter:

The text is now much brighter after applying Levels.

Step 10: Make A Copy Of The Text Layer

We need to make a copy of the text layer at this point, so to do that, with the text layer selected,
use the keyboard shortcut Ctrl+J (Win) / Command+J (Mac), which will add a copy of the layer
above it in the Layers palette:

The Layers palette now showing both the text layer and the copy above it.

Page 49
 ACTIVITY SHEET #3

Make sure the copy of the text layer is selected because all of these next steps are to be done on
the copy. We won't be touching the original again until near the end.

Step 11: Apply The "Polar Coordinates" Filter To The Text

Go back up to the Filter menu, and this time choose Distort, and then Polar Coordinates. We're
going to send our text to the North Pole. Alright, no we're not. What we are going to do is make
it look very strange. When the Polar Coordinates dialog box appears, select the Polar To
Rectangular option at the very bottom and then click OK:

Photoshop's "Polar Coordinates" dialog box.

Your text will now look very strange indeed:

The text after applying the "Polar Coordinates" filter.

Page 50
 ACTIVITY SHEET #3

Step 12: Rotate The Canvas 90 Degrees Clockwise

Go up to the Image menu at the top of the screen, select Rotate Canvas, and then choose 90°
CW to rotate the canvas 90 degrees clockwise:

Rotate the canvas 90 degrees clockwise.

Step 13: Invert The Image

Use the keyboard shortcut Ctrl+I (Win) / Command+I (Mac ) to invert the image, so black
becomes white and white becomes black:

Invert the image with "Ctrl+I" (Win) / "Command+I" (Mac).

Page 51
Page 52
 ACTIVITY SHEET #3

Step 14: Apply The "Wind" Filter Three Times

Go back up to the Filter menu once again, choose Stylize, and then choose Wind. When the Wind
filter's dialog box appears, make sure Method is set to Wind and Direction is set to From the
Right:

Photoshop's "Wind" filter.

Click OK to apply the Wind filter once. Then press the keyboard shortcut Ctrl+F (Win) /
Command+F twice to apply the same filter two more times.

Page 53
 ACTIVITY SHEET #3

Step 15: Invert The Image Again

Press Ctrl+I (Win) / Command+I (Mac) to invert the image once again:

Invert the image once again using "Ctrl+I" (Win) / "Command+I" (Mac).

Step 16: Apply The "Wind" Filter Three More Times

With the image inverted, press the keyboard shortcut Ctrl+F (Win) / Command+F (Mac) three

more times to apply the filter to the image three more times. Appply the "Wind" filter to the
image three more times.

Page 54
 ACTIVITY SHEET #3

Step 17: Brighten The Image Again With Levels

We need to brighten the image again using Levels, but this time, we'll let Photoshop do the work
for us by using Auto Levels. To do that, press Shift+Ctrl+L (Win) / Shift+Command+L (Mac) to
apply the Auto Levels command to the image, which will brighten it up:

Apply the "Auto Levels" command to brighten the image.

Step 18: Rotate The Canvas 90 Degrees Counterclockwise

Go back up to the Image menu at this point, choose Rotate Canvas once again, and this time
choose 90° CCW to rotate the canvas back to the way it was originally:

Rotate the canvas 90° CCW.

Page 55
 ACTIVITY SHEET #3

Step 19: Apply The "Polar Coordinates" Filter Again

Go back up to the Filter menu again, choose Distort, and then choose Polar Coordinates. This
time choose the Rectangular to Polar option and click OK:

Apply "Polar Coordinates" again, this time choosing "Rectangular to Polar".

Your image should now look something like this:

The image after applying the "Polar Coordinates" filter a second time.

Page 56
 ACTIVITY SHEET #3

Step 20: Set The Layer Blend Mode To "Screen"

Go up to the blend mode options in the top left of the Layers palette and change the blend mode
of the text copy layer from "Normal" to Screen by clicking on the down-pointing arrow and
selecting "Screen" from the list:

Change the blend mode of the text copy layer to Screen.

This reveals the original text layer beneath it:

The original text layer is now visible as well.

Page 57
 ACTIVITY SHEET #3

Step 21: Apply A Gradient Fill Layer To Add Color

Click on the New Fill Or Adjustment Layer icon at the bottom of the Layers palette:

Click the "New Fill Or Adjustment Layer icon.

And select "Gradient" from the list:

Select a Gradient fill layer.

When the Gradient Fill dialog box pops up, click inside the gradient preview area at the top:

Click inside the gradient preview area.

Page 58
 ACTIVITY SHEET #3

This will bring up the Gradient Editor dialog box. Click on the gradient swatch in the top left, the
black to white gradient first, and this will make sure that both colors on either side of the gradient
have their opacity set to 100%:

Select the black to white gradient swatch in the top left to make sure both colors are set to 100%
opacity first.

Then set your gradient colors to whatever you like. I've set the color on the left to a reddish-
orange, and the color on the right to a yellowish-orange:

Set your gradient colors.

Exit out of the gradient dialog boxes once you've chosen your colors.

Step 22: Change The Blend Mode Of The Gradient Fill Layer To "Color"

With the Gradient fill layer selected, go back to the blend mode options in the top left of the
Layers palette and change the layer's blend mode to Color:

Change the blend mode of the Gradient fill layer to "Color".

ACTIVITY SHEET #3

Page 59
The image is now colorized with the colors from the gradient:

The gradient colors are now applied to the image.

Step 23: Apply A Radial Blur To The Original Text Layer

We're done with the text copy layer at this point. We're going to finish off the last few steps by
working on the original text layer, so click on it in the Layers palette to select it. Then go up to
the Filter menu, choose Blur, and then choose Radial Blur:

Photoshop's "Radial Blur" dialog box.

Set the Amount to about 65 pixels, the Blur

Method to Zoom, and the Quality to Best, as
circled above, and then click OK to apply the filter
to the original text:

Page 60
 ACTIVITY SHEET #3

The Radial Blur applied to the image.

Step 24: Load The Saved Text Selection

Only a couple of things left to do. First, switch over to your Channels palette again like we did
earlier. We're going to reload that selection we saved. To do that, simply right-click (Win) /
Control-click anywhere on the Alpha 1 channel at the very bottom, which will load the selection
back into the document window:

Right-click (Win) / Control-click (Mac) anywhere on the

"Alpha 1" channel to load the saved text selection.

Switch back to the Layers palette when you're done. The

selection is now loaded in the image:

Page 61
 ACTIVITY SHEET #3

The selection now loaded into the image.

One thing left to do...

Step 25: Fill The Selection With Black

With the original text layer selected in the Layers palette and black still as your foreground color,
press Alt+Backspace (Win) / Option-Delete (Mac) to fill the selection with black and finish the
effect.

Press Ctrl+D (Win) / Command+D (Mac) to remove the selection, and you're done!

After all that, here's the final "light burst" text effect:

The final "Light Burst"

effect.

And there we have it!

Page 62
 ACTIVITY SHEET #4

In this tutorial we will create a beautiful nature inspired text effect in Photoshop.

Tutorial Details

Step 1 - Create a new file with 2000px width and 1100px height.

Page 63
 ACTIVITY SHEET #4

Step 2 - Open the valley image mentioned above and paste it on our file.

Step 3 - Now select the Text Tool and add the text.

Page 64
 ACTIVITY SHEET #4

Step 4 - Now change the text color to # 141414.

Step 5 - Select the Text Tool again and add the same text but this time with color # fff1e4

Page 65
 ACTIVITY SHEET #4

Step 6 - Now select the Move Tool and move the second layer of text over the black text. So it
can give us almost 3D look.

Step 7 - Now we will add some styles to our second text layer. We will start with drop shadow.
So for this click on Layer> Layer Style> Drop shadow.
Page 66
 ACTIVITY SHEET #4

Step 8 - We need to add some “Inner Glow”. So click on Layer> Layer style> Inner Glow.

Step 9 - Now click on Stroke and add a stroke with color # 779300

Page 67
 ACTIVITY SHEET #4

Step 10 - Now we will create the reflection of the text. For this simply duplicate the text layer.
Right click on the layer and select Duplicate Layer. Make sure you duplicate the black layer.

Step 11 - Press Command/ Ctrl + T then right click on it and select Flip Vertical.

Page 68
 ACTIVITY SHEET #4

Step 12 - Now simply place it under the text and select Eraser Tool. Then with soft round brush
erase the lower part of the text. And if you want you can reduce the opacity to 75%.

Step 13 - Now let’s decorate our text. So open the sky image and reduce the opacity so we can
get the outline of our text. Now select the pen tool and create a path along our first letter.

Page 69
 ACTIVITY SHEET #4

Step 14 - Now right-click on the path and select “Make selection. Then simply copy and paste
the selection.

Step 15 - Now open the valley image and repeat the same process.

Page 70
 ACTIVITY SHEET #4

Step 16 - Now open the tree image and roughly select the free and place it on our G and our
“G” is ready.

Step 17 - Now open the Rock image and place it over our “R”. Select it using the pen tool.

Page 71
 ACTIVITY SHEET #4

Step 18 - Copy the select area and paste it on our “R”.

Step 19 - Once again add the sky on pour “O” and then open the tree image and paste it on the
letter. Remove the part covering the middle with Eraser Tool.

Page 72
 ACTIVITY SHEET #4

Step 20 - Now open the stair image and select them. After that paste the stairs on the left side
of our “O”.

Step 21 - If you want you can copy the top of the tree and paste it down on the stairs. You can
adjust the color using Command/Ctrl + U.

Page 73
 ACTIVITY SHEET #4

Step 22 - open the Water fall image and paste it on our “W”.

Step 23 - Now select the pen tool and make a selection.

Page 74
 ACTIVITY SHEET #4

Simply adjust the brightness, for this click on Images> Adjustment> Brightness/ Contrast and
we are done.

Page 75
 ACTIVITY SHEET #5

Flaming Meteor Collision Effect in Photoshop

In this tutorial, you will learn how to create a fiery collision effect in outer space using Photoshop. We
will learn how to create a flaming meteor collision photo manipulation.

Page 76
 ACTIVITY SHEET #5

Tutorial Details

Tutorial Assets

 Star Brush Set

 Earth Image
 Blue Image
 Flame Image

Now we have everything we need we can start.

Step 1:- Open your Photoshop and create a new file with 2000px Width and 2000px Height.

Page 77
 ACTIVITY SHEET #5

Step 2:- Now for the background, select the “Gradient Tool” and click on Gradient editor. Then
adjust the color stops. Keep the color #000000 on left and # 2a270f on right.

Step 3:- Now create a new layer, for this click on Layer> New> Layer. And use star brushes
randomly on the background with different colors. I’ve used # 505b63 and 443341.

Step 4:- Open the earth

image then copy and paste
the earth on our main file.
And now we’ll add some
outer glow to our earth so
for this click on Layer> Layer
style> Outer Glow.

Page 78
 ACTIVITY SHEET #5

Step 5:- Now once again create a new layer and select the “soft round brush” with foreground
color #f16523. Use it on the upper right corner of our earth.

Now change the “Blending mode” of the layer to “Color”.

Page 79
 ACTIVITY SHEET #5

Step 6:- Now open the flame image and paste it on the upper right corner as well. And this time
change the blending mode to “Overlay”.

Step 7:-Select the “Ellipse Tool” and create a small circle, fill it with #ffffff. Now we need to add
outer glow to our circle so click on Layer> Layer style> Outer Glow.

Page 80
 ACTIVITY SHEET #5

Step 8:- Now open the Blue earth image and paste it on top of our circle.

Step 9:- Once again we need to use some of the star brushes. So select the star brush with
foreground color #ffffff and use it to create the smoke.

Page 81
 ACTIVITY SHEET #5

Step 10:- Create another new layer. Then select soft round brush and use on the upper right
corner over the blue earth with color # f5901d and #ffffff.

Now change the blending mode to “Color”.

Page 82
 ACTIVITY SHEET #5

Step 11:- Now copy and paste the flame all over our meteorite. And change the blending mode
to “Overlay”.

Step 12:- Create a new layer,

and then change the
foreground color to # ef6422.
Select the Soft Round brush
and use it on the lower right
side. And then change the
blending mode to “Color”.

Page 83
 ACTIVITY SHEET #5

Step 13:- Now copy white circle we have created above and paste it on the lower right corner.
And reduce the opacity to 50%.

Step 14:- Now once again

paste the flames on it and
change the blending mode to
“Overlay”.

Page 84
 ACTIVITY SHEET #5

Step 15:- Create another layer and select a star brush and use it with fore ground color # ffffff.
Then click on Layer> Layer Style> Outer Glow. And add outer glow to our start with color #
ffa200.

Step 16:- Now select the “Lasso

Tool” and select a few pieces of
the earth. Then copy and paste
them randomly. You can also
add texture to some or a little
bit of drop shadow.

Page 85
 ACTIVITY SHEET #5

Step 17:- Now once again paste the flames over it and change the blending mode to “Overlay”.

And now our Fiery Cosmic

Collision Effect photo
manipulation is done. We
hope you guys enjoyed it and
learned how to create a
powerful visual impact with
this tutorial!

Page 86
 ACTIVITY SHEET #6

Selecting Hair from a picture

A. Selecting hair from a white background picture.

Step 1: Select a picture that you want to edit using adobe photoshop.

Step 2: Click Channel on the Layer Palette.

Step 3: We’re going to create a mask its

either black or white by clicking through
the channels and choosing which one
has the most contrast like the picture
shown below. (Recommended channel:
Blue).

Page 87
Step 4: Duplicating the selected channel. Click the Image menu then click calculation. Make sure
that the source 1: should be the blue channel and source 2: should also be the blue channel,
Blending mode should be Overlay, result should be new channel.

The result should have a new channel which is Alpha 1.

Step 5: Increasing the contrast. Press Ctrl L to go to levels.

Page 88
The goal is to increase the dark part of the image. To do that, move black controller to the right
side until you achieve the picture shown below.

Step 6: Press B to go to brush. Right

then choose a circular solid edge
brush.

Step 7: Select the black color in your foreground color. Paint the image all black using the brush
tool.

Step 8: Change the foreground color into white Step 9: Invert the color of the channel
then paint the background of the image into white. by pressing Ctrl I

Page 89
Step 10: Click and select the original channel to go back to the original picture

then click the layer panel. Hold the alt key then
double click the thumbnail of the background layer
to make it an ordinary layer.

Step 11: Click the Select menu then click Load selection. The channel should be Alpha 1. The
image now should have a selection around it as shown on the picture below.

Page 90
Step 12: Press Ctrl C to Copy the image then press Ctrl V to Paste the image to a new layer.

Step 13: Click the channel panel then

click the Alpha 1 channel. Hold Ctrl then
click the thumbnail of the of the Alpha 1
channel.

Step 14: Click select menu, click modify, and then click
contract. The value of contract by should be 1.

Step 15: Click select menu, click modify, and then click feather. The value of the feather should
be .2

Page 91
Step 16: Press Ctrl shift I to inverse
the selection of the image or go to
Select menu then click
inverse. Use the brush tool then
paint the selected area with the
color black on your
foreground color.

Step 17: Press Ctrl shift I to inverse

the selection of the image or go to
Select menu then click inverse. then select and highlight
the original channels.

Page 92
Step 18: Click the layer panel to go back to the original image. Pres Ctrl C to Copy the image
then press Ctrl V to paste it into a new layer.

Step 19: Click the layer 0 then press Ctrl Shift

N to have a new layer. Click the foreground
color then choose the color red. Pres Alt
Delete to apply the color on foreground to
your new layer.

Step 20: Click the burn tool on the toolbox and apply it on the edge of the image especially on
the edge of the hair.

Page 93
ACTIVITY SHEET #7

Page 94
 Creating Animated Pictures

For this animated picture we will be using a basketball. We will make it move using animation in
photoshop.

Step1. In creating an animated picture click the Window menu then click Animation.

After you click animation you will see the animation panel at the bottom portion of photoshop.

Step2. To make it move from left to right, you must click duplicate selected frame.

Page 95
 You will notice that at the start of the animation the only available
tool is duplicate selected frame

After you click the duplicate selected frame you will see an additional frame at the panel.

Step3. Using the move tool move the ball image from left to right.

You will notice that when you move the basketball from left to right the first frame won't be
affected. All of the tools on the frame panel are now accessible. You can test your animation by
clicking Plays animation.

Page 96
Step4. To add effects on your animation click Tweens animation frames.

Choose "Previous Frame" in Tween With:, the

number of frames in Frames to add: is up to you .
click "All Layers" in Layers, Click all the option in the
parameter then click ok.

NOTE: The higher the number of frames in your

Frames to add the slower your animation becomes.

Page 97
 OPTIONAL: You can add frame delay on each frame to
manipulate the timing in your animation. To do that click
Select frame delay time.

You can choose from list seconds or if you want to customize the number of seconds click "other"
to type the number of delay seconds you want.

Step5. Repeat step 2 to 4 until you finish your animation but change the direc

Page 98