Translate

Labels

Radial Zoom Enhanced Eyes Effect In Photoshop

In this Photoshop Effects tutorial, we'll learn how to give someone's eyes a fun, easy to create "zoom" effect, with blur streaks that appear to zoom out from the center of the eyes. We'll also bump up the brightness and color saturation of the eyes at the same time, all using Photoshop's Radial Blur filter, a basic selection tool, a simple layer mask, and a layer blend mode!
This version of the tutorial is compatible with Photoshop CS5 and earlier. For Photoshop CS6 and CC (Creative Cloud), check out our fully updated version.
Here's the photo I'll be starting with:

Step 1: Select The Elliptical Marquee Tool

I'm going to start with the eye on the left of the photo. We'll go through the steps needed to create the effect in one eye, then it's simply a matter of repeating the same steps for the other eye. To begin, select the Elliptical Marquee Tool from the Tools panel. By default, it's hiding behind the Rectangular Marquee Tool, so click on the Rectangular Marquee Tool and hold your mouse button down until a fly-out menu appears listing the other tools that are available in that same spot. Choose the Elliptical Marquee Tool from the list:
Selecting the Elliptical Marquee Tool in Photoshop. Image © 2011 Photoshop Essentials.com.
Selecting the Elliptical Marquee Tool.

Step 2: Select The Iris

We're going to use the Elliptical Marquee Tool to draw a selection around the iris (the colored part of the eye). In my case, because the upper part of the iris is covered by the woman's eyelid, selecting the iris with the Elliptical Marquee Tool will be a two-step process.
I'll begin by clicking and dragging out a selection outline around the iris, ignoring for the moment that the top of my selection is extending up into the eyelid. You can reposition the selection outline as you're drawing it, which is often helpful for getting the selection exactly where you need it, by holding down your spacebar, dragging the selection outline into position, then releasing your spacebar and continuing to drag out the selection:
Drawing an elliptical selection around the iris. Image © 2011 Photoshop Essentials.com.
The initial elliptical selection extends up into the eyelid, but we'll fix that next.
To remove the part of the selection that extends over the eyelid, with the Elliptical Marquee Tool still selected, I'll choose the Intersect With Selection option in the Options Bar by clicking on its icon:
The Intersect With Selection option in Photoshop. Image © 2011 Photoshop Essentials.com.
Clicking on the Intersect With Selection icon (fourth icon from the left in the row).
A small "x" will appear in the lower right of my mouse cursor, letting me know I'm in the Intersect With Selection mode. Then, with my initial selection still active, I'll click and drag out a second selection around just the part of my initial selection that I want to keep, which is everything except for the top area that extends over the eyelid. We can see in the screenshot that the top of my second selection is cutting off the unwanted top area of my initial selection:
Drawing a second elliptical selection around the part of the initial selection I want to keep. Image © 2011 Photoshop Essentials.com.
Drawing a second selection around the part of the initial selection I want to keep.
With my second selection outline in place, I'll release my mouse button, and because I was in the Intersect With Selection mode, Photoshop keeps only the part of the initial selection that was surrounded by the second selection. The unwanted top area over the eyelid is now gone:
The unwanted area from the initial selection has been removed. Image © 2011 Photoshop Essentials.com.
The top part of the initial selection has been removed.

Step 3: Copy The Selection To A New Layer

Next, we'll copy our selection to a new layer. Hold down your Alt (Win) / Option (Mac) key and, with the key still held down, go up to the Layer menu in the Menu Bar along the top of the screen, choose New, then choose Layer via Copy:
Choosing the New Layer via Copy command in Photoshop. Image © 2011 Photoshop Essentials.com.
Hold down Alt (Win) / Option (Mac) and go to Layer > New > Layer via Copy.
Holding down the Alt (Win) / Option (Mac) key as we select the command tells Photoshop to first pop open the New Layer dialog box for us so we have a chance to name the new layer before it's added. Name the layer "Left Eye" (or "Right Eye" if you're working on the right eye):
Naming a layer in the New Layer dialog box. Image © 2011 Photoshop Essentials.com.
Name the new layer "Left Eye".
Click OK when you're done to close out of the dialog box. Nothing will seem to have happened in the document window (except that the selection outline will disappear), but we can see in the Layers panel that our selection is now sitting on its own layer directly above the main photo on the Background layer:
The Layers panel showing the selection on its own layer. Image © 2011 Photoshop Essentials.com.
The selection now appears on its own layer above the photo.

Step 4: Draw A Circular Selection Around The Iris

With the Elliptical Marquee Tool still selected in the Tools panel, click in the very center of the pupil (the black area in the center of the eye), then begin dragging out another elliptical selection outline. Once you've started dragging, press and hold Shift+Alt (Win) / Shift+Option (Mac) on your keyboard, then continue dragging. Holding the Shift key down as you drag will force the selection into a perfect circle, while the Alt (Win) / Option (Mac) key tells Photoshop to draw the selection outward from the point you clicked on. Draw your circular selection outward until it's just a bit larger than the iris. When you're done, release your mouse button, then release your Shift and Alt (Win) / Option (Mac) keys (make sure you release your mouse button before releasing the keys, otherwise you won't end up with a circular selection):
Drawing a circular selection around the iris. Image © 2011 Photoshop Essentials.com.
Draw a circular selection slightly larger than the iris.

Step 5: Add Noise To The Selection

Let's add some noise to our selection, which will help to create our blur streaks. For that, we'll use Photoshop's Add Noise filter. Go up to the Filter menu at the top of the screen, choose Noise, then choose Add Noise:
Selecting the Add Noise filter in Photoshop. Image © 2011 Photoshop Essentials.com.
Go to Filter > Noise > Add Noise.
This opens the Add Noise dialog box. Set the noise Amount to around 10%, then make sure the Gaussian and Monochromatic options are both selected at the bottom of the dialog box:
The Add Noise filter's dialog box in Photoshop. Image © 2011 Photoshop Essentials.com.
Set the noise amount to 10% and make sure Gaussian and Monochromatic are selected.
Click OK to close out of the dialog box. The area inside the selection is now filled with noise:
The iris and pupil inside the selection are now filled with noise. Image © 2011 Photoshop Essentials.com.
The image after adding noise to the selected area.

Step 6: Apply The Radial Blur Filter

With the noise added, go back up to the Filter menu at the top of the screen and this time choose Blur, then Radial Blur:
Selecting the Radial Blur filter in Photoshop. Image © 2011 Photoshop Essentials.com.
Go to Filter > Blur > Radial Blur.
This opens the Radial Blur filter's dialog box. Increase the Amount value at the top of the dialog box to around 80 or so, then set the Blur Method to Zoom and the Quality to Best. Don't touch the Blur Center box in the lower right of the dialog box. We want to leave the blur center exactly where it is (in the center) so that our blur streaks will appear to be zooming out from the center of our selection:
The Radial Blur filter's dialog box in Photoshop. Image © 2011 Photoshop Essentials.com.
The Radial Blur dialog box.
Click OK to close out of the dialog box. Photoshop applies the blurring to the selection which creates a "zoom" effect from the center of the eye:
The image after applying the Radial Blur filter to the eye. Image © 2011 Photoshop Essentials.com.
The image after applying the Radial Blur filter.

Step 7: Turn The Selection Into A Layer Mask

We need to clean up the area around the iris to remove the blur streaks that are extending into the white part of the eye, and for that, we'll use a layer mask. With your selection outline still active, click on the Layer Mask icon at the bottom of the Layers panel:
Clicking the Layer Mask icon at the bottom of the Layers panel. Image © 2011 Photoshop Essentials.com.
Clicking the Layer Mask icon.
This adds a layer mask to the "Left Eye" layer, and because we had a selection active, Photoshop used the selection to create the mask. If we look at the layer mask thumbnail in the Layers panel, we see that the mask is filled with black except for a small area of white, which is the area that was inside of our selection outline. White areas on a layer mask represent the areas on the layer that are visible in the document, while black represents areas that are hidden:
A layer mask thumbnail appears on the Left Eyes layer. Image © 2011 Photoshop Essentials.com.
The layer mask thumbnail tells us that a mask has been added to the layer.

Step 8: Select The Brush Tool

We're going to paint away the unwanted blurred areas around the iris, which means we need Photoshop's Brush Tool. Select the Brush Tool from the Tools panel:
Selecting the Brush Tool in Photoshop. Image © 2011 Photoshop Essentials.com.
Selecting the Brush Tool.

Step 9: Paint Away Any Unwanted Areas

Photoshop uses the Foreground color as the color of the brush, so let's make sure the Foreground color is set to black by pressing the letter D on the keyboard, which will reset the Foreground and Background colors to their defaults, making the Foreground color white and the Background color black (the normal default colors are reversed when we have a layer mask selected). Then press the letter X on the keyboard to swap the colors, which sets the Foreground color to black. You can see the current Foreground and Background colors in the color swatches near the bottom of the Tools panel:
The Foreground and Background colors in Photoshop. Image © 2011 Photoshop Essentials.com.
The Foreground (upper left) and Background (lower right) color swatches.
With black as the Foreground color, use a small, soft-edge brush and paint around the outer edge of the iris to clean up the unwanted blur streaks in the white part of the eye. Since we're painting on the layer mask, not on the layer itself, any areas we paint over with black will disappear from the image. You can adjust the size and edge hardness of the brush directly from the keyboard. Pressing the left bracket key ( [ ) will make the brush size smaller by 5 pixels each time you press the key, while pressing the right bracket key ( ] ) will make the brush larger by 5 pixels. If you hold down your Shift key while pressing the left bracket key, you'll make the brush edge softer by 25% each time you press the key. Holding Shift and pressing the right bracket key will make the edge harder by 25% each time :
Painting with black on the layer mask. Image © 2011 Photoshop Essentials.com.
Paint with black to clean up the white part of the eye around the iris.
If you make a mistake and accidentally paint over the iris, simply press the letter X on your keyboard to swap the Foreground and Background colors, which makes your Foreground color white. Paint over the mistake to bring back the blur effect, then press X again to change your Foreground color back to black and continue painting around the iris.
We also want to remove the blur streaks inside the pupil, so again using a small, soft-edge brush, paint with black over the pupil to clean up that area. When you're done, the blur streaks should be visible only inside the iris itself:
Painting away the blur streaks in the pupil of the eye. Image © 2011 Photoshop Essentials.com.
Painting away the blur streaks in the pupil.

Step 10: Add A Hue-Saturation Adjustment Layer

We've created our zoom effect, so now let's brighten the iris and increase its color saturation. Hold down your Alt (Win) / Option (Mac) key and click on the New Adjustment Layer icon at the bottom of the Layers panel:
The New Adjustment Layer icon at the bottom of the Layers panel. Image © 2011 Photoshop Essentials.com.
Hold Alt (Win) / Option (Mac) and click on the New Adjustment Layer icon.
Choose Hue/Saturation from the list of adjustment layers that appears:
Selecting a Hue/Saturation adjustment layer. Image © 2011 Photoshop Essentials.com.
Select Hue/Saturation from the list.
Holding down the Alt (Win) / Option (Mac) key while selecting the adjustment layer tells Photoshop to first pop open the New Layer dialog box, the same dialog box we saw back in Step 3. You can leave the adjustment layer's name set to its default, but select the option directly below the name, Use Previous Layer to Create Clipping Mask, by clicking inside its checkbox. Then change the Mode (the layer blend mode) of the adjustment layer from Normal to Screen:
Selecting the Use Previous Layer to Create Clipping Mask option. Image © 2011 Photoshop Essentials.com.
Select "Use Previous Layer to Create Clipping Mask" and change the Mode to Screen.
Click OK to close out of the dialog box, at which point Photoshop adds the new Hue/Saturation adjustment layer directly above the "Left Eye" layer. Notice in the Layers panel that the adjustment layer is indented to the right with a small arrow pointing down at the layer below it. This tells us that the adjustment layer is clipped to the "Left Eye" layer, which means it will affect only the contents of the "Left Eye" layer. The original photo on the Background layer will not be affected. Also, note that the adjustment layer's blend mode has been set to Screen in the top left corner of the Layers panel:
The Hue/Saturation adjustment layer has been added to the Layers panel. Image © 2011 Photoshop Essentials.com.
The Layers panel showing the newly added Hue/Saturation adjustment layer.
The Screen blend mode is one of several layer blend modes in Photoshop that has the effect of lightening the image, and with the Hue/Saturation adjustment set to Screen, the iris in the eye is now much brighter:
The iris of the eye is now brighter thanks to the Screen blend mode. Image © 2011 Photoshop Essentials.com.
The iris is now brighter thanks to the Screen blend mode.
We can increase the color saturation in the iris as well. If you're using Photoshop CS4 or higher, you'll find the controls and options for the Hue/Saturation adjustment layer in the Adjustments Panel which was first introduced in CS4. For Photoshop CS3 and earlier users, a separate Hue/Saturation dialog box will be open on your screen. To increase color saturation in the iris, drag the Saturation slider towards the right. Keep an eye on the effect in the document window as you drag the slider so you don't push the Saturation level too far. I'm going to set my Saturation value to around 60:
Dragging the Saturation slider for the Hue/Saturation adjustment layer. Image © 2011 Photoshop Essentials.com.
Drag the Saturation slider towards the right to boost color saturation in the iris.
For Photoshop CS3 and earlier users, click OK when you're done to close out of the Hue/Saturation dialog box. Photoshop CS4 and higher users can leave the Adjustments Panel open. Here's my image after boosting color saturation in the iris. Depending on the original eye color, the increased saturation may appear subtle, as it is here, or more intense:
The image after increasing the color saturation in the iris. Image © 2011 Photoshop Essentials.com.
The image after increasing color saturation in the iris.

Step 11: Try A Different Lightening Blend Mode (Optional)

As I mentioned, the Screen blend mode is just one of several layer blend modes in Photoshop designed to lighten the image, and it's by far the most commonly used of the lightening modes. However, for a different result, try changing the blend mode of the Hue/Saturation adjustment layer to either Color Dodge or Linear Dodge, both of which will give a stronger, more intense result. I'll change my blend mode from Screen to Color Dodge:
Changing the blend mode of the adjustment layer to Color Dodge. Image © 2011 Photoshop Essentials.com.
Changing the blend mode of the adjustment layer to Color Dodge.
Here's the result that Color Dodge gives me:
The image after changing the blend mode to Color Dodge. Image © 2011 Photoshop Essentials.com.
The image after changing the blend mode to Color Dodge.
Next, I'll try changing the blend mode from Color Dodge to Linear Dodge:
Changing the blend mode of the adjustment layer to Linear Dodge. Image © 2011 Photoshop Essentials.com.
Trying out the Linear Dodge blend mode.
And here's the result. In my case with this image, I think the Linear Dodge blend mode gives me the best result, but be sure to try all three blend modes and choose the one that works best for your image:
The image after changing the blend mode to Linear Dodge. Image © 2011 Photoshop Essentials.com.
The same effect using the Linear Dodge blend mode.

Step 12: Fine-Tune The Result With The Layer Opacity Option

Once you've decided on a blend mode to use, you can further fine-tune the results by lowering the adjustment layer's opacity value which controls the layer's level of transparency. You'll find the Opacity option directly across from the Blend Mode option at the top of the Layers panel. I'm going to leave mine set to 100%, but if needed, you can reduce the intensity of the brightening effect simply by lowering the opacity value:
The layer Opacity option in the Layers panel. Image © 2011 Photoshop Essentials.com.
Lower the Opacity value if needed to reduce the brightness.
After you've completed the effect in one eye, simply repeat the same steps with the other eye. However, before you begin, make sure you re-select the original image by clicking on the Background layer in the Layers panel to make it active:
Selecting the Background layer in the Layers panel. Image © 2011 Photoshop Essentials.com.
Make sure you re-select the Background layer before starting on the other eye.
With the Background layer re-selected, you can repeat the same steps to add the effect to the other eye. Here's what my final result looks like:
Photoshop Radial Zoom Enhanced Eyes Effect. Image © 2011 Photoshop Essentials.com.
The final "Radial Zoom Enhanced Eyes" effect.

No comments:

Post a Comment