Retouch Eyes with Digital Makeup

Comments: 7

Post Teaser Image

This tutorial will explain how to darken and thicken eyelashes, add subtle eyeliner, and add a little dimension to the iris. There are a lot of tutorials out there for adding dramatic makeup digitally, but this one focuses on maintaining a natural look. Just say no to gaudy purple eyeshadow—enhance with subtlety (and this tutorial)!

Final Image Preview

Digital Eye Makeup Tutorial Image

Assets


The Process

Open your image and duplicate the Background layer. Select your new layer (a duplicated version of the original image), and name it Darken Lashes (Selective). With this layer still selected, go to Image » Adjustments » Selective Color.

In the Selective Color dialog box, change the Colors dropdown to Blacks, the Method to Relative, and change the Black slider to 7%. This adds a little darkness our eyelashes.

Digital Eye Makeup Tutorial Image

You may notice that the same darkness was applied to the iris. To fix this, let’s use a layer mask.

Open to the Masks panel by going to Windows » Masks. Click the Add a Pixel Mask button. (If you’re new to Photoshop masks, please read my beginner masking tutorial.)

Select the layer mask you just created. Select the Brush tool and set your brush size 100px, 0% hardness, and black. Brush over the white of the eye and the iris. You’ll see it lightening as you do so—the original image is now showing through in that area.

Digital Eye Makeup Tutorial Image

Duplicate your Darken Lashes (Selective) layer. Rename the new layer to Darken Lashes (Burn). Select the Burn Tool from the Tools panel. Change the brush settings to 21px in size, 0% hardness. Select Shadows from the Range dropdown and set the Exposure to 30%.

For the top lashes, brush gently from the tips of the lashes to just before the lash line. If you brush from top to very bottom, you’ll create more dark areas than necessary for this procedure. Keep your darkening to the upper portion of each upper lash.

Bottom lashes, however, can be stroked from top to bottom.

Digital Eye Makeup Tutorial Image

Next, we’re going to thicken the eyelashes. Create a new layer above the others and name it Thicken Eyelashes. Ensure it’s selected.

Select the Pen Tool from the Tools panel. Click once at the tip of one of the thicker eyelashes.

Digital Eye Makeup Tutorial Image

Look closely to see where the eyelash ends. Click at that point and HOLD. Do not release your mouse button just yet!

Digital Eye Makeup Tutorial Image

With the mouse button still being held down, move toward the upper right. You’ll see the line connecting your two points begin to curve. Move in this direction until the curve perfectly aligns with the eyelash.

Digital Eye Makeup Tutorial Image

Now that we have our path, we can Stroke it—in other words, add a line that will follow the path we just created. (If you like, you can check out my introduction to stroking paths.)

To do so, select the Brush Tool and change the options to 5px size, 0% hardness, and black. Open the Paths panel (Windows » Paths) and right-click the path you just created. Choose Stroke path and ensure that Simulate Pressure is checked in the dialog box that shows up. Accept the settings, and you should see a stroke appear beneath your eyelash!

Digital Eye Makeup Tutorial Image

Here’s what it looks like without the path on top.

Digital Eye Makeup Tutorial Image

Repeat the above process to create more eyelashes. In the Paths panel, you can click the Create New Path button to add more paths. Don’t do this for the bottom lashes, just the top ones!

When you’re done, set the Blending Mode for the layer to Overlay. This will soften the transition between the real eyelashes and the ones we just created.

Digital Eye Makeup Tutorial Image

For further softening, run a 300px eraser over the top of the eyelashes.

Digital Eye Makeup Tutorial Image

Okay, our eyelashes have been darkened and thickened. Let’s add some eyeliner!

Create a new layer and name it Top Eyeliner. Select this layer. This will be the eyeliner for the upper lashline.

Select the Brush Tool. Change the settings to 21px, 0% hardness, and black. Draw a line from one end of the lashline to the other:

Digital Eye Makeup Tutorial Image

Select the Eraser Tool. We want the eyeliner to taper off as it approaches the inside of the eye, so change the settings to 45px, 0% hardness, and erase progressively more as you head toward the inside of the eye. It should taper off like this:

Digital Eye Makeup Tutorial Image

Change the layer Blending Mode to Soft Light.

Digital Eye Makeup Tutorial Image

Create a new layer and name it Bottom Eyeliner. The process here is similar. Use a black brush, 0% hardness, 21px, to draw a line on the lashline. Stop about 1/4 from the inside of the eye, and make sure it tapers off.

Digital Eye Makeup Tutorial Image

I added one or two clicks of a 65px, 0% hardness, black brush toward the outer corner of the eye as well.

Digital Eye Makeup Tutorial Image

Change the layer blending mode to Soft Light.

Digital Eye Makeup Tutorial Image

This isn’t too bad, but eyeliner application comes with a little more noise. We’re going to add a little smudging and subtle dots.

Keren_R created some neat star brushes that I used to accomplish this. You can download them here—just double-click the file to load the brush set into Photoshop. It will appear under your presets.

Create a new layer and name it Bottom Smudging. Select the 630px brush named Sampled Brush #3. Changed the size to 175px, keep it black, and change the angle to 112 degrees. Click once toward the outside of the eye and on the lash. Switch the angle to 67 degrees and click again to the right of your first brush. The result should be something like this:

Digital Eye Makeup Tutorial Image

Erase the area (I used a 45px, 0% hardness eraser) above the bottom lashline to ensure no additional darkness was added there.

Change the Blending Mode to Soft Light.

Digital Eye Makeup Tutorial Image

Create a new layer called Top Smudging. For the top lashes, I used Sampled Brush #12 which is 432px by default. I kept the same size.

Digital Eye Makeup Tutorial Image

Erase below the lashline.

Final Image

The final step is to add some depth to the iris. I decided to work with a merged version at this point. To create a new layer that contains a merged version of all your other layers, just press CTRL + A to select all, then go to Edit » Copy Merged. Then Edit » Paste or CTRL + V.

Select the Burn Tool. Set the Exposure to 10%, the Range to Shadows, and the size to 45px. In a single stroke, brush around the outside of the iris, darking the ring around it.

Select the Dodge tool. Set the Exposure to 50%, the Range to Midtones, and the size to 45px. Brush over the green area of the iris just once, making sure you exclude the pupil.

All done!:

Digital Eye Makeup Tutorial Image

Allison House

Comments

02/18/2009
9:32 AM

Very nice. I like your works and i love to read your text.

Sincerly,
Max

adalberto
02/18/2009
2:05 PM

another way to merge all layers in a new layer is the shortcut CTRL+SHIFT+ALT+E. It’s faster than copy merged, and no new document is created

[...] top three most popular tutorials are on digitally painting lip gloss, retouching eyes ‘naturally’ with digital make-up, and advanced facial manipulation. While these subjects have surely been covered by other [...]

03/17/2009
4:12 PM

kl. it looks very fun to mess around with a picture, never know what you’ll end up with. Loved the article

04/1/2009
11:28 PM

I love it! The changes were very subtle, but the effect was really great! You were able to maintain the natural look of the eyes, it didn’t even look edited. I’m definitely putting this technique to use. Thanks so much!

05/10/2009
2:51 PM

A nice and subtle photo retouch ,I would have been tempted to reduce the blood vessels very slightly as well.

[...] Retouch Eyes with Digital Makeup [...]

Post a Comment

Required fields are marked with . Inflammatory comments will be removed. Your courtesy is appreciated!