1 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

2 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Lesson 2: Intermediate Photoshop Image Effects

SPECIFIC LEARNING OUTCOMES

In this lesson, you are expected to:

• Create a Retro 3D Movie Effect with Photoshop

• Create an Image Effects by whitening the teeth of a person in Photoshop
• Create an Image Effects by Changing the Eye Color of a person with Photoshop

PRE-ASSESSMENT

Instruction: Read, analyze and answer each of the questions below by choosing the letter of the
MOST APPROPRIATE answer.

1. When we use Path Selection Tool, what do we call the points in each object sitting at distinct points
around the object?

a. Anchor Link c. Anchor Watt

b. Anchor Points d. TV Anchor

2. What is the shortcut key to create new Adobe Photoshop Document?

a. Ctrl + M c. Ctrl + L
b. Ctrl + N d. Ctrl + K

3. When working with layers in Adobe Photoshop, the eyes symbol means to show or unshow the
layer?

a. True b. False

4. When an image has 4 inches in Width and 4 inches in Height. What kind of orientation or shape
that image has?

a. Portrait c. A square
b. Landscape d. None of the above

5. In working with Adobe Photoshop what is the shortcut to access Free Transform?
3 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

a. Ctrl + Type c. Press T

b. Ctrl + T d. Press Type
6. In working with Adobe Photoshop what is the shortcut to duplicate layer?

a. Ctrl + T c. Press J
b. Ctrl + K d. Press Type

7. It is the Windows equivalent of "ALT" keys on Mac Computers.

a. Alternative c. Shift
b. Option d. Optional

8. When an image has 4 inches in Width and 6 inches in Height. What kind of orientation that image
has?

a. Portrait c. A rectangle
b. Landscape d. None of the above

9. In working with Adobe Photoshop what is the shortcut keys to open Type Tool?

a. Ctrl + T c. Press Type

b. Ctrl + Type d. Press T

10. It is the Windows equivalent of "CTRL" keys on Mac Computers.

a. Control c. Command
b. MaControl d. MaCommand

LESSON MAP
4 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

This lesson map shows Adobe Photoshop Image Effects

and some intermediate exercises with Image Effects.
CORE CONTENTS

ENGAGE

Activity 1: (Explain yourself)

INSTRUCTIONS: What can you say about this image?

Can you recreate this image? Write your thoughts in the box below
5 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

EXPLORE

How to Create a Retro 3D Movie Effect in Photoshop

Long before James Cameron's Avatar transported us to the breathtakingly beautiful world of Pandora with its
state of the art 3D, movie monsters in the 1950's were leaping out of the screen in terrifying red and blue.
And in this tutorial, I show you how to create that same red and blue, retro 3D movie effect with Photoshop!

Of course, since Photoshop works with flat, two-dimensional images, we're a bit limited in what we can do.
Be we can at least make something that looks like it's straight out of a old 3D movie. And it's so easy to
create that once you know the steps, you'll be adding this effect to other images in 30 seconds or less!

I'm using Photoshop 2021 but any recent version will work. Here's an example of what the final effect will
look like when we're done:

The final retro 3D effect.

6 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

The document setup

You can follow along by opening any image into Photoshop. I'll use this image from Adobe Stock:

The original image. Credit: Adobe Stock.

In the Layers panel, the image appears on the Background layer:

The Layers panel.

Related: Learn all the ways to get your images into Photoshop!

Step 1: Duplicate the Background layer

Start by making a copy of the image. In the Layers panel, click on the Background layer and drag it onto
the New Layer icon:
7 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Dragging the Background layer onto the New Layer icon.

A copy appears above the original:

A Background copy layer appears.

Then double-click on the name Background copy to highlight it:

Double-clicking on the layer's name to change it.

And change the layer's name to 3D. Press Enter (Win) / Return (Mac) to accept it:

Changing the name to 3D.

Step 2: Open the Layer Style dialog box

With the 3D layer active, click the fx icon at the bottom of the Layers panel:
8 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Clicking the layer effects icon.

And choose Blending Options from the top of the list:

Choosing "Blending Options" from the menu.

Step 3: Turn off the Green and Blue color channels

Photoshop opens the Layer Style dialog box, with the Blending Options in the middle column. In
the Advanced Blending section, look for the R, G and B checkboxes next to the word Channels:

The R, G and B channel checkboxes.

R, G and B stand for Red, Green and Blue, which are the three primary colors of light. Each primary color
gets its own color channel in Photoshop, and all three channels are mixed together to create every color we
see in the image. We'll use these color channels to create our retro 3D effect.

Uncheck the G and B boxes to turn the Green and Blue channels off, but leave the Red (R) channel
turned on. Then click OK to close the Layer Style dialog box:

Turning off the Green and Blue color channels.

To see what's happened, go back to the Layers panel and hide the Background layer by clicking its visibility
icon:
9 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Clicking the Background layer's visibility icon.

With only the 3D layer visible, and with the Green and Blue channels turned off, the image appears in red:

The image using only the Red color channel.

Turn the Background layer back on by clicking the empty box where the visibility icon normally appears:

Turning on the Background layer.

And now we're back to the full color image:
10 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

The full color image returns.

Step 4: Select the Move Tool

All we need to do now is offset the image on the 3D layer so that it's out of alignment with the original image
below it.

To do that, first select the Move Tool from the Toolbar:

Selecting the Move Tool.

Step 5: Nudge the image to the left

Then with the 3D layer selected in the Layers panel, use the left arrow key on your keyboard to nudge the
image on the layer towards the left. As the image moves, a red outline appears along one side of each
object in the image. And because cyan is the opposite of red, a cyan outline (the other color in those old red
and blue 3D glasses) appears along the other side, creating our retro 3D effect.

The further you nudge the image on the 3D layer, the thicker the red and cyan outlines will appear. So adjust
the effect until you're happy with the result:
11 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Nudging the image on the 3D layer to create the retro 3D movie effect.
And there we have it! That's how easy it is to add a fun retro 3D movie effect to an image with Photoshop!

How To Whiten Teeth In Photoshop

In this tutorial, I'll show you how to whiten teeth in Photoshop using a Hue/Saturation adjustment layer
which lets us both whiten and brighten teeth at the same time. We'll start by learning how to whiten teeth for
a single person in an image, and then we'll learn how to whiten the teeth for two or more people in the same
photo using separate adjustment layers.

To follow along, you can use any photo where someone's teeth could look whiter. I'll use this image that I
downloaded from Adobe Stock:
12 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

The original image. Credit: Adobe Stock.

If I zoom in for a closer look, we see some yellow in the teeth, especially with the man on the left. Both
people's teeth could also use some brightening. We can do both of these things (whiten and brighten teeth)
using a single Hue/Saturation adjustment layer:

Both people's teeth could be whiter and brighter.

Let's get started!
13 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Step 1: Select The Lasso Tool

Start by drawing a selection around the teeth. Select the Lasso Tool from the Toolbar:

Selecting the Lasso Tool.

Step 2: Draw A Selection Around The Teeth

If you're working on a photo with two or more people in it, as I am here, you may be tempted to select and
whiten everyone's teeth at once. But the problem is, everyone's teeth are different and usually need different
amounts of whitening. You'll get better results by whitening one person's teeth at a time. I'll start with the man
on the left.

Draw a selection around the teeth. Don't worry if it's not the most accurate selection because we can easily
clean it up later. Just trace around the teeth, staying as close to the edges as possible:

Drawing a selection outline around the teeth with the Lasso Tool.

Step 3: Add A Hue/Saturation Adjustment Layer

Click the New Fill or Adjustment Layer icon at the bottom of the Layers panel:
14 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Clicking the New Fill or Adjustment Layer icon.

Choose Hue/Saturation from the list:

Selecting a Hue/Saturation adjustment layer.

A Hue/Saturation adjustment layer appears above the Background layer:

The adjustment is added above the image.

Step 4: Change The Edit Option To Yellows

The controls and options for the Hue/Saturation adjustment layer are found in Photoshop's Properties
panel. By default, Hue/Saturation affects all colors in the image equally, and that's because the Edit option is
set to Master:
15 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

The Edit option is set to Master by default.

To edit only the yellows in the image so we can remove the yellow from the teeth, change the Edit option
to Yellows:

Changing the Edit option from Master to Yellows.

Step 5: Lower The Saturation Of The Yellow

Click on the Saturation slider and begin dragging it to the left. The further you drag, the more you'll
desaturate the yellow in the teeth, making them whiter. Keep in mind, though, that teeth naturally have some
yellow in them. If you drag the Saturation slider all the way to the left, as I'm doing here:

Dragging the Saturation slider to -100.

You'll remove the yellow completely, resulting in teeth that look dull and lifeless:
16 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Grayish-white is not a healthy look for teeth.

Instead, keep an eye on your image as you drag the slider and leave just enough yellow to keep the teeth
looking natural. The setting you need will depend on how yellow the teeth were to begin with. For my image,
a Saturation value of around -80 works well:

Dialing back the Saturation value.

Whitening The Teeth: Before And After

To better judge the results, compare the whitened version of the teeth with how they looked originally. In the
Layers panel, click the Hue/Saturation adjustment layer's visibility icon. Click it once to temporarily hide the
effects of the adjustment layer and view the original image. Click it again to turn the adjustment layer back on
and view the whitened version:

Toggling the adjustment layer on and off with the visibility icon.
Here's a before-and-after comparison showing the improvement so far. The left half of the teeth are how they
looked originally. The right half are how they look after removing most (but not all) of the yellow:
17 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

A before (left) and after (right) comparison of the teeth whitening.

Step 6: Change The Edit Mode Back To Master

We've whitened the teeth, so now let's brighten them. Change the Edit option in the Properties panel from
Yellows back to Master so we can adjust all colors at once, not just the yellows:

Setting Edit back to Master.

Step 7: Drag The Lightness Slider To Brighten The Teeth

Click the Lightness slider and begin dragging it towards the right. The further you drag, the lighter the teeth
will appear. Keep an eye on your image as you drag the slider so you don't brighten them too much. For my
image, a Lightness value of around +20 works well:
18 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Increasing Lightness to brighten the teeth.

The teeth are now looking brighter. But depending on how accurate you were when selecting the teeth with
the Lasso Tool, you may notice some areas around the teeth that have also been brightened. In my case,
there's some unwanted brightening in the lips and gums along the top and bottom of the teeth. We'll clean up
these areas next:

The teeth have been brightened, but so have areas around the teeth.

Step 8: Select The Brush Tool

A nice feature of adjustment layers in Photoshop is that they include a built-in layer mask. In the Layers
panel, we see the layer mask thumbnail on the Hue/Saturation adjustment layer. The thumbnail is filled
mostly with black, with only a small area filled with white. The black represents the areas in our image that
are not being affected by the adjustment layer. The white is the area that is being affected. Photoshop used
our initial Lasso Tool selection to create the layer mask for us, filling the area we selected (the teeth) with
white and filling everything else with black:
19 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

The layer mask thumbnail for the Hue/Saturation adjustment layer.

To clean up the areas around the teeth, all we need to do is paint on the layer mask with a brush. Select
the Brush Tool from the Toolbar:

Selecting the Brush Tool.

Step 9: Set Your Foreground Color To Black

We need to paint over the unwanted areas with black. Photoshop uses our current Foreground color as the
brush color, which means we need to set our Foreground color to black. The current Foreground and
Background colors appear in the color swatches near the bottom of the Toolbar. The swatch in the upper
left is the Foreground color. The swatch in the lower right is the Background color. First, press the letter D on
your keyboard. This resets your Foreground and Background colors to their defaults, making your
Foreground color white and your Background color black. Then, to swap them and set your Foreground color
to black, press the letter X on your keyboard:

The Foreground color (upper left) should be set to black.

Step 10: Paint Around The Teeth To Clean Up The Area

Paint around the teeth to clean up any problem areas. A small, soft-edge brush will work best. You can adjust
the size of your brush from the keyboard. Press the left bracket key ( [ ) repeatedly to make the brush
smaller or the right bracket key ( ] ) to make it larger. To make the brush softer, press and hold Shift while
pressing the left bracket key, or hold Shift and press the right bracket key to make the brush edges
harder.
20 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Example: Cleaning Up Around The Teeth

Here, I'm painting along the upper lip and gum line above the teeth to remove the whitening and brightening
from those areas. Since we're painting on the layer mask, not on the image itself, we don't see the brush
color as we paint. Instead, the effects of the Hue/Saturation adjustment layer disappear:

Cleaning up the areas above the teeth.

I'll paint along the bottom edges of the teeth as well to remove the whitening and brightening from the lower
lip:

Cleaning up the areas below the teeth.

If you make a mistake and accidentally paint over the teeth, press the letter X on your keyboard to swap your
Foreground and Background colors. This sets your brush color to white. Paint over the mistake to bring back
the whitening, and then press X again to set your brush color back to black and continue painting.

I'll paint away the remaining problem areas on the left and right sides of the teeth, and here's the result. The
teeth are now looking whiter and brighter while the areas around them are back to normal:
21 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

The result after cleaning up the surrounding areas.

Adjusting The Brightness Of Specific Teeth

The teeth are looking good, except for one area. There's three bottom teeth on the right that were initially
darker than the others because of shadows being cast on them. After brightening the teeth with the Lightness
slider, those three teeth now look faded and washed out:

A few of the teeth are looking unnaturally light.

To fix a problem like this, you can reduce the effect of the Hue/Saturation adjustment layer on specific teeth
by painting over them with black using a lower brush opacity. You'll find the Opacity option in the Options
Bar. I'll lower mine from 100% (the default setting) down to 50%:

Lowering the brush opacity.

22 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Then, with my brush color still set to black, I'll paint over those teeth to restore some of their original
brightness. When you're done, remember to set the opacity back to 100%, otherwise you'll get unexpected
results the next time you use the brush:

Painting over those three teeth to bring back some of the original shadows.
I'll zoom out so we can see the final result. So far, so good. The man's teeth are looking whiter and brighter.
By comparison, the yellow in the woman's teeth has become more noticeable:

The result after whitening and brightening the man's teeth.

Learn more: Understanding Layer Masks in Photoshop

Whitening Teeth For More People In The Photo

As I mentioned earlier, for best results when whitening teeth for two or more people in the same photo, you'll
want to use a separate Hue/Saturation adjustment layer for each person. We've already gone through the
details of each step when I corrected the man's teeth, so I'll go through them again quickly here with the
woman's teeth just so we can see how to work with multiple adjustment layers in Photoshop.
23 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Selecting The Teeth

First, I'll reselect the Lasso Tool from the Toolbar. You can also select the Lasso Tool by pressing the
letter L on your keyboard:

Reselecting the Lasso Tool.

Then, I'll draw a selection outline around the woman's teeth:

Selecting the woman's teeth with the Lasso Tool.

Adding A New Hue/Saturation Adjustment Layer

I'll click the New Fill or Adjustment Layer icon at the bottom of the Layers panel:
24 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Clicking the New Fill or Adjustment Layer icon.

Then I'll once again choose Hue/Saturation from the list:

Adding a separate Hue/Saturation adjustment layer for the woman's teeth.

A second Hue/Saturation adjustment layer is added. The one at the top is the one I'll be using to whiten the
woman's teeth. The one below it is the original adjustment layer I used for the man's teeth:

The second adjustment layer appears above the first one.

Whitening The Teeth

With the second adjustment layer added, the steps for whitening and brightening her teeth are the same as
before. In the Properties panel, I'll change the Edit option from Master to Yellows. Then I'll drag
the Saturation slider to the left to reduce, but not completely remove, the yellow from her teeth. For the
man's teeth, I lowered the saturation to a value of -80. This time, I don't need to go quite that far. A value of
around -70 should do it:

The woman's teeth need less whitening than the man's.

25 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Brightening The Teeth

To brighten her teeth, I'll change the Edit option from Yellows back to Master, then I'll increase
the Lightness value by dragging the slider towards the right. Her teeth are already fairly bright so I won't
push the Lightness value as far this time. I'll increase it to +10:

Adding just a hint of brightening with the Lightness slider.

Cleaning Up Around The Teeth

Finally, I'll select the Brush Tool, either from the Toolbar or by pressing the letter B on my keyboard:

Selecting the Brush Tool.

Then I'll paint with black on the layer mask using a small, soft-edge brush to clean up the areas around the
teeth:
26 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Cleaning up the areas around the teeth by painting with black on the layer mask.

Before And After

And with that, we're done! Both people's teeth are now whiter and brighter. To compare the edited version of
the image with the original version, press and hold the Alt (Win) / Option (Mac) key on your keyboard and
click the Background layer's visibility icon:

Clicking the Background layer's visibility icon while pressing Alt (Win) / Option (Mac).
This hides all layers in the document except the Background layer, revealing the original photo:
27 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Viewing the original image for comparison.

To turn the adjustment layers back on, press and hold Alt (Win) / Option (Mac) and click again on the
Background layer's visibility icon. And here, after whitening the woman's teeth using a separate adjustment
layer, is my final result:

The final result.

How To Whiten Teeth In Photoshop - Quick Summary

We covered a lot in this tutorial. Here's a quick summary of the steps for how to whiten teeth in Photoshop:
28 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

• First, select the Lasso Tool and draw a selection around the teeth.
• In the Layers panel, click the New Fill or Adjustment Layer icon and choose
a Hue/Saturation adjustment layer.
• In the Properties panel, change the Edit option from Master to Yellows.
• Drag the Saturation slider to the left to reduce the yellow in the teeth.
• Still in the Properties panel, change the Edit option from Yellows back to Master.
• Select the Brush Tool, set your Foreground color to black, then paint around the teeth on the layer
mask to hide the effects of the adjustment layer in the lips and gums.
• For images with two or more people, use a separate Hue/Saturation adjustment layer for each person
for best results.

How To Change Eye Color With Photoshop

In this tutorial, I show you how to change eye color in Photoshop using a Hue/Saturation adjustment layer!
Whether you know which eye color you need or you just want to play around and experiment, a
Hue/Saturation adjustment layer makes changing eye color easy, fast and fun! And because we'll be working
with an adjustment layer, we won't make any permanent changes to the image. You'll still have your original,
unedited version, with the original eye color, even after we're done.

I'll be using Photoshop CC but the steps are fully compatible with Photoshop CS6. To follow along, you can
use any image where you want to change the person's eye color. I'll use this photo that I downloaded from
Adobe Stock:

The original photo. Credit: Adobe Stock.

Let's get started!
29 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Step 1: Zoom In On The Eyes

Before we begin, let's make it easier to see what we're doing by zooming in on the eyes. Select the Zoom
Tool from the Toolbar:

Selecting the Zoom Tool.

Click a few times on the area between the eyes to zoom in on both eyes at once. To center the eyes on your
screen after you've zoomed in, press the H key on your keyboard to switch to Photoshop's Hand Tool, and
then click and drag the image into position:

Zooming in on the eyes and centering them on the screen.

Watch the video tutorial on our YouTube channel!

Step 2: Select The Lasso Tool

To change the eye color without affecting the rest of the image, we first need draw a selection around the
eyes. Select the Lasso Tool from the Toolbar:
30 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Selecting the Lasso Tool.

Step 3: Draw A Selection Around The Eyes

Draw a selection around one of the eyes. We don't need the entire eye, just the iris (the colored area) in the
center. Don't worry if your selection outline isn't perfect. We'll clean things up later:

Selecting the first eye.

With the first eye selected, press and hold your Shift key. A small plus sign ( + ) appears in the lower right
of your Lasso Tool cursor. Holding the Shift key tells Photoshop to add the selection you're about to draw to
the selection you've already drawn. Draw a selection around the second eye. Both eyes should now be
selected:
31 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Press and hold Shift, then draw a selection around the other eye.
Related: How to add, subtract and intersect selections in Photoshop

Step 4: Add A Hue/Saturation Adjustment Layer

To change the eye color, we'll use a Hue/Saturation adjustment layer. In the Layers panel, click the New Fill
or Adjustment Layer icon:

Clicking the New Fill or Adjustment Layer icon.

Choose Hue/Saturation from the list:

Selecting a Hue/Saturation adjustment layer.

Step 5: Select The "Colorize" Option

The controls and options for the Hue/Saturation adjustment layer appear in Photoshop's Properties panel.
Turn on the Colorize option by clicking inside its checkbox:
32 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Selecting "Colorize" near the bottom of the Properties panel.

As soon as you select Colorize, the person's eyes will turn red. Red is probably not the color you're going for,
so we'll learn how to change it next:

The eyes instantly change color, although red isn't a great choice.

Step 6: Choose A New Eye Color With The Hue Slider

To choose a different color for the eyes, drag the Hue slider. "Hue" is what most of us think of as the actual
color itself, and dragging the slider from left to right cycles you through all the colors of the rainbow, moving
33 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

from red on the far left to oranges and yellows, greens, blues, magentas, and so on, all the way back to red
on the far right. You'll see the eye color changing in the image as you drag the slider. I'll set my Hue value to
around 200 for a nice blue, but of course you can choose whichever color you need:

Choosing a new eye color by dragging the Hue slider.

Here's what the new eye color looks like so far. The color is too intense, so we'll fix that next:

The result after dragging the Hue slider.

Step 7: Lower The Saturation Of The New Color

Once you've chosen a new eye color with the Hue slider, drag the Saturation slider to the left to lower the
intensity until the color looks more natural. A Saturation value of between 10 and 15 usually works well:
34 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Lowering the saturation of the new eye color.

Here's my result after lowering the saturation:

The eye color now looks less intense and more natural.

Step 8: Change The Blend Mode To Color

In the Layers panel, the Hue/Saturation adjustment layer sits above the image on the Background layer. At
the moment, the adjustment layer's blend mode is set to Normal, which means that it's affecting not only the
color of the eyes but also their brightness. To change only the color, change the blend mode from Normal
to Color:
35 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Changing the blend mode of the adjustment layer to Color.

The difference can be subtle, but you should see more of the original detail in the eyes after switching to
the Color blend mode. In my case , the eyes now appear a bit brighter than they did with the blend mode set
to Normal:

The result after changing the blend mode to Color.

Step 9: Select The Layer Mask

A great feature of adjustment layers in Photoshop is that they include a built-in layer mask, and whether
we've known it or not, we've been using the layer mask ever since we added the Hue/Saturation adjustment
layer. Photoshop used our initial Lasso Tool selection to create the mask for us, and we can see the layer
mask thumbnail in the Layers panel.

Notice that the thumbnail is filled mostly with black, with only two tiny areas of white. Black represents the
areas where the Hue/Saturation adjustment layer is having no effect on the image. In other words, those
areas are still showing their original color. The two small white areas are the selections we made around the
eyes with the Lasso Tool. Those are the only areas in the image that are being colorized by the adjustment
layer.

Notice also that the thumbnail has a white highlight border around it. The border tells us that the layer mask
is currently selected. If you're not seeing the border around the thumbnail, click on the thumbnail to select the
mask:
36 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Making sure the layer mask is selected.

Step 10: Select The Brush Tool

If your initial Lasso Tool selection wasn't perfect (mine certainly wasn't), some of your new color probably
extends into the white parts of the eyes, and maybe into the eyelids as well. If we look closely at one of the
eyes in my photo, we see some of the blue around the edges of the iris extending into the white areas and a
little bit into the eyelids:

Some of the new color extends into the surrounding areas.

To clean those areas up, all we need to do is paint on the layer mask. Select Photoshop's Brush Tool from
the Toolbar:

Selecting the Brush Tool.

37 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Step 11: Set Your Foreground Color To Black

To hide the color from around the iris, we need to paint with black. Photoshop uses our Foreground
color as the brush color, and we can see our current Foreground and Background colors in the color
swatches near the bottom of the Toolbar. Press the letter D on your keyboard to reset the Foreground and
Background colors to their defaults. This will set your Foreground color to white and the Background color to
black:

The Foreground (upper left) and Background (lower right) color swatches.
Then press the letter X on your keyboard to swap the colors, making your Foreground color (and the brush
color) black:

The Foreground color is now set to black.

Step 12: Paint Around The Iris In Each Eye

Paint around the iris in each eye to clean up any problem areas. For best results, use a small, soft-edge
brush. You can adjust the size of your brush from the keyboard by pressing the left bracket key ( [ )
repeatedly to make the brush smaller or the right bracket key ( ] ) to make it larger. To change the hardness
of the brush, press and hold Shift while pressing the left bracket key to make the brush edges softer.
Holding Shift while pressing the right bracket key will make the edges harder.

Since we're painting on a layer mask, not directly on the image itself, we don't see our brush color as we
paint. Instead, the new eye color disappears from the areas we've painted over:
38 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Painting with black around the edges of the iris.

We also don't want the color to appear inside the pupil (the dark center of the eye), so resize your brush if
needed and paint inside the pupil with black to remove the color from that area. Once you're done with the
first eye, move over the other eye and clean it up as well:

Painting away the color inside the pupil.

Fixing Mistakes

If you make a mistake and accidentally paint away some of the color in the iris, press the letter X on your
keyboard to swap your Foreground and Background colors. This will set your Foreground color to white.
Paint with white over the area to restore the color. Then, press X again to set your Foreground color back
to black and continue painting.
39 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Comparing The New Eye Color With The Original

To compare your new eye color with the original color, turn the Hue/Saturation adjustment layer off by
clicking its visibility icon in the Layers panel:

Clicking the visibility icon.

With the adjustment layer turned off, the original eye color re-appears:

The original eye color.

Click the visibility icon again to turn the adjustment layer back on and view your new eye color:
40 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

The new eye color.

And there we have it! That's how to easily change eye color in an image using a Hue/Saturation adjustment
layer in Photoshop!

EXPLAIN

Activity 3:

INSTRUCTIONS: Answer the following questions below.

1. In working with Adobe Photoshop, why the hierarchy of layers is essential?

______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
41 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

2. In working with Adobe Photoshop, why is it important duplicate the layer before making any changes to it?
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________

EXTEND:

Activity 4:

1. Create an Image Effect by applying the Retro 3D Movie Effect to your picture.
2. Create an Image Effects by whitening the teeth of your picture.
3. Create an Image Effects by Changing the Eye Color to your picture.

EVALUATE:)

Activity 5:

INSTRUCTIONS:
1. Create an Image Effect by applying the Retro 3D Movie Effect to the photo of your favorite KPOP
Artist.

Sample output:

2. Create an Image Effects by whitening the teeth of a person.

42 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

Sample output:

3. Create an Image Effects by Changing the Eye Color to the photo of your favorite KDrama Artist.
Sample output:

TOPIC SUMMARY
43 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

In this lesson year learned that:

✓ You can create new documents in Adobe Photoshop by pressing Ctrl + N.

✓ You can set the size of the document by specifying its width and height.
✓ You can set the orientation of the document by specifying it as Portrait or Landscape.
✓ You can move any objects in Adobe Photoshop using move tool or Ctrl + V.
✓ You can duplicate or copy any layer by press on Ctrl + J and apply different effect with each layer
to create more visual effects.
✓ You can apply multiple effects on text by converting it into smart object.

POST-ASSESSMENT

Instruction: Read, analyze and answer each of the questions below by choosing the letter of the
MOST APPROPRIATE answer.

11. When we use Path Selection Tool, what do we call the points in each object sitting at distinct points
around the object?

a. Anchor Link c. Anchor Watt

b. Anchor Points d. TV Anchor

12. What is the shortcut key to create new Adobe Photoshop Document?

a. Ctrl + M c. Ctrl + L
b. Ctrl + N d. Ctrl + K

13. When working with layers in Adobe Photoshop, the eyes symbol means to show or unshow the
layer?

a. True b. False

14. When an image has 4 inches in Width and 4 inches in Height. What kind of orientation or shape
that image has?

a. Portrait c. A square
b. Landscape d. None of the above

15. In working with Adobe Photoshop what is the shortcut to access Free Transform?
44 Module 4 | Lesson 2: Intermediate Photoshop Image Effects

a. Ctrl + Type c. Press T

b. Ctrl + T d. Press Type
16. In working with Adobe Photoshop what is the shortcut to duplicate layer?

a. Ctrl + T c. Press J
b. Ctrl + K d. Press Type

17. It is the Windows equivalent of "ALT" keys on Mac Computers.

a. Alternative c. Shift
b. Option d. Optional

18. When an image has 4 inches in Width and 6 inches in Height. What kind of orientation that image
has?

a. Portrait c. A rectangle
b. Landscape d. None of the above

19. In working with Adobe Photoshop what is the shortcut keys to open Type Tool?

a. Ctrl + T c. Press Type

b. Ctrl + Type d. Press T

20. It is the Windows equivalent of "CTRL" keys on Mac Computers.

a. Control c. Command
b. MaControl d. MaCommand

• REFERENCES

Photoshopessentials. Create a Retro 3D Movie Effect with Photoshop. Retrieve from

https://www.photoshopessentials.com/photo-effects/3d/ Retrieved 5 May 2021

Photoshopessentials. Create an Image Effects by whitening the teeth of a person in Photoshop.

Retrieve from https://www.photoshopessentials.com/photo-editing/whiten-teeth/ Retrieved 5 May 2021

Photoshopessentials. Create an Image Effects by Changing the Eye Color of a person with Photoshop.
Retrieve from https://www.photoshopessentials.com/photo-editing/eye-color/ Retrieved 5 May 2021