pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

All Topics Find tutorials, courses, and more...

Design & Illustration Categories Learning Guides

PORTRAIT

Learn to Paint BeautifulRealistic Lips in AdobePhotoshopby Alice Catrinel Ciobotaru 25 Feb 2015

4 Comments

80 107 9

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

What You'll Be Creating

Lips in humans are instruments of emotion. Not because we speak with them, butalso because of the infinite amount of feelings they can convey. As an artist whopaints a still picture, you need to be able to express and suggest all that in onesingle shot—your painting.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

This might sound easy enough, but most times it isn't. You have to master thevarious emotions' anatomy, while also using light, texture and color to suggestmoods and themes.

Take for example the same pair of lips—one of them painted in breezy, light, natural,innocent colors while the other is done in fiery red, shiny lipstick ones. Just seeingthe lips means the mood is already set!

So now we'll go over a technique (among many others—everyone has their ownway of painting) for painting realistic lips.

1. Different Lip Shapes

First, a few basic lip shapes. From top to bottom, left column: normal lips, full lips,small lips.

From top to bottom right column: thin long lips, angelic lips, Hollywood lips.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

2. Lips Seen From Different Angles

Now here are some different angles:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

3. Lips Expressing Different Emotions

And some expressions!

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

4. Drawing the Base Sketch of the Lips

Step 1

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Create a new document, and set it to 600 px width and 400 px height. Set itsbackground to Transparent, RBG color mode.

Then once you have that open, name the existing layer "Skin", grab the PaintBucket Tool (G) and set your foreground color to #c99e7e .

Step 2Make a new layer and name it "Sketch".

Set your foreground color to #603521 and take the Brush Tool (B), set to a hard,round brush with both Opacity and Size Jitter turned on. Sketch out the shape ofthe lips.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

5. Adding Base Color to the Lips

Next, it's time to start coloring.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

We'll assume the light source is straight in front, at a 0 degrees angle, to make allthis easier.

Create a new layer and name it "Lips color". Set your foreground color to #571b13and taking a hard, round brush with Opacity Jitter turned on, begin filling in withcolor inside the borders of the lips. Ease out around the corners, so that it blends alittle with your background skin color:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

6. Lips Basic Shading

Step 1

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Create a new layer. Name it "Basic Shading". Set your foreground color to #be4852and grab the Brush Tool (B), set to a hard, round shape, with Opacity Jitter turnedon. Paint around the top of the upper lip, and around the middle of the bottom lip.This will begin to create a tiny 3D effect already.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Then set your foreground color to #b85365 and paint around the bottom of theupper lip and the top of the lower lip, like this:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

7. Blending the Colors

Next, set your foreground color to #c54d59 and your background one to #701c1e .Remember that lips are convex structures, and since our light source is centered,the middle area of each lip will receive the most light.

Paint softly to enhance the middle of the bottom lip, as well as switch between yourforeground and background colors using the X key to create the "crease" effect onthe center of the upper lip.

After that, use the Smudge Tool set to a soft, round brush to blend in the colors.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

8. Plumper Lips and Base Lip Creases

Step 1

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Set your foreground color to #701c1e and start brushing around the bottom of thebottom lip, to give it more of a 3D aspect.

Step 2

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Next, create a new layer and set your foreground color to #742528 .

Lower the size of your brush to a very small one—say around 3 or 4 pixels,depending on the size in which you draw—and brush vertical, slightly curved lineson the bottom lip to create creases. Lower the layer's opacity very much, so thatthey are only barely visible:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

9. Adding in Environmental Lighting

Next, we'll deal with the beginnings of the environmental lighting. Environmentallight is the light (aka color, in Photoshop) that bounces off the edges of an object,

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

enhancing its 3D appearance.

Step 1Create a new layer and name it "Enviro Light".

Take the Brush Tool (B) and set it to a hard, round brush with both Opacity Jitterand Size Jitter turned on.

Set your foreground color to #8f503b and paint around the bottom edges of thebottom lip to create a beige effect, such as this:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2We'll do the same thing as in Step 1, but on the top of the top lip now. Like this:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

10. Refining the Lips' 3D Look

Step 1

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Next, set your foreground color to #692229 and brush around the top of the bottomlip. This will create the light shadow that the upper lip casts upon the bottom one.Then grab the Dodge Tool, set it to a soft, round brush with Range: Highlights andExposure: 30% and brush around the ends of the bottom lip to make a softhighlight:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Next, set your foreground color to #9b3337 and paint around the bottom of the toplip to create more environmental light.

Then set your foreground color to #d2a192 and your background one to #802424and begin to give a more defined shape to the crease in the middle of the top lip.Press the X key to easily switch between your foreground and background colors.You can add in some soft creases to the top lip at this stage as well:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

11. Lip Creases and Wrinkles

Step 1Create a new layer, and name it "Lip Wrinkles". Set your foreground color to

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

#490e0e and lower your brush size to a small one, only a few pixels large. Drawvertical, curved, random strokes on both lips, making sure the ones on the bottomlip are around the center and the ones on the top lip are around the edges:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Then set your foreground color to #c88e82 and paint a copy of the first lines, usingthe new color. Make sure the lighter lines are parallel to the first and placed to theleft of them. At the end, you can use the Smudge Tool to soften them up a bit, andlower Opacity to taste.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

12. Adding Base Gloss

Set your foreground color to a dirty white like #f7dcde , and set your Brush Tool(B) to a soft, round brush with Opacity Jitter turned on. Create a new layer, andname it "Gloss 1".

Brush random vertical shapes around the middle of the bottom lip, like this:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

13. Adding More Gloss and Further Detailing

Repeat the process to add more gloss, further refining the wrinkles. At this point Ialso used the Hue/Saturation command (Image > Adjustments >

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Hue/Saturation) to redden the lips some more.

Also, set your foreground color to #3c0a0a and brush around the bottom of the toplip, to create the shadow it casts on itself.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

14. Detailing the Upper Lip

Time to give the upper lip some love too!

Step 1Create a new layer, and then paint a blurry blob halfway between the two upper lip"hills". Make sure it's just slightly visible, as a faint glow. Then on top of that, usethe same technique as before to paint the white highlights. Make sure that thelayer's opacity/fill is set to 100%, otherwise you won't notice the light intensitydifference between the fuzzy blob and the highlights!

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Create a new layer. Set your foreground color to #eccece and use a small, hard,round Brush (B) to brush light wrinkles over the top lip:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

15. Adding Texture to the Lower Lip

Set your foreground color to #6f1e16 and your Brush (B) to a small, soft, roundshape.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Brush soft, curved, vertical strokes onto the lower lip, to enhance the wrinkles.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

16. Creating the Light Reflections

Step 1Set your foreground color to #f8d7db and take the Pen Tool (P), set to ShapeLayers mode. Create several random shapes, always keeping in mind the verticalorientation.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Lower the Opacity of the Pen Tool layer to taste—but make sure it is only slightlyvisible, as if many windows would be reflected in it:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

17. Adding Final Touches to the Lips

As a final touch to the lips themselves, create a new layer above all your others,and set it to Color Dodge blending mode. Set your foreground color to a light tone

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

such as #f1d992 .

Take a soft, round Brush (B) and paint around the mid-top of the bottom lip and thetop of the top lip, to enhance your highlights. Then lower the layer's Fill to taste.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

18. Painting the Interior of the Mouth and theTeeth Base

Step 1Create a layer under all your Lips layers (but above your Skin color backgroundlayer). Name it "Mouth Background"—yes, very creative I know...

Then, set your foreground color to #2b0201 and using a hard, round Brush (B),paint with the dark maroon the area between the lips:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Next, make a new layer again, and name it "Teeth". Set your foreground color to#52221d and, following the sketch, draw the base shapes of the teeth:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

19. Adding Detail to the Teeth

Step 1

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Start off by setting your foreground color to #6d4848 and your background one to#2f0503 .

Then take a medium-soft, round brush with Opacity Jitter turned on, and paint themiddle of the teeth (think of them in a convex way). Use the darker color to shadethe outer edges. Also, lower the size of your brush to just a few pixels and definethe boundaries between the teeth more:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Next, set your foreground color to #856262 and define the bottom edges of theteeth—especially the frontal two ones—better:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 3Using the same color, add a couple of strokes to highlight the following areas:

the left corners of the right-side teeththe right corners of the left-side teeth

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 4Lastly, set your foreground color to #a18c8c and add two highlights of color aroundthe inner corners of the left and right two front teeth:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

20. Painting the Base Skin Shading

Step 1

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Create a new layer and place it right above your background "Skin" one.

Then set your foreground color to #edb087 and your background one to #b35f51 .

Take a soft, round, big brush and paint the top half in the lighter color, and thebottom half in the darker color:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step 2Next, set your foreground color to #f2d6ab and your background one to #903a39 .Brush around the bottom of the lip with the darkest color, to create a shadow whichfollows the lip shape.

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Then, with your lighter color, paint the chin as a lighter bump that goes from darkerat the ends to shiny at the center:

Step 3Next, set your foreground color to #f2d6ab and your background one to #b76141

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

and paint two spikes going up from the upper lip creases. Make the highlightstronger the closer you are to the lip, and weaker the further away you get.

Then, using the darker color, paint a cone of shadow between them, darker at thetop and lighter as you get closer to the lips:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

21. Blending the Lips With the Skin

Then set your foreground color to #84372a and your background one to #d78765 .

Using the darker color, paint around the corners of the lips, darker the closer youare to the separation line between the lips, and lighter as you go outward. Focusmainly on the sides and the upper part.

Then press X to switch your foreground color with your background one, and startbrushing lightly around the bottom of the separation line, to create a depth effect:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

22. Adding Skin Texture

Go to Filter > Noise > Add Noise. Set it to Uniform, Monochromatic, around 2.5intensity, and click OK. Then take the brush provided in the .abr attachment and

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

paint lightly to create skin pores—alternate between light and dark colors for thebest effect:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Is He Cheating OnYou?spokeo.com/Cheating-Spouse-Search

Enter His Email Address. SeeSocial Profiles & Hard ToFind Pics Now!

Advertisement

23. Optional: Painting Lips Makeup

You can always take it a step further and add makeup—let's try a Queen Amidala-esque one!

Set your foreground color to #ffffff and create a new layer. Set your layer toLinear Light mode and lower the Fill to 30%.

Then brush with a medium hard round brush with Opacity Jitter turned on around

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

the top and bottom of the center of the lips.

Paint more around the center and less around the edges:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Suggested Tuts+ Course

iDrawIllustration and vector

drawing designed for OS X

Advertisement

24. Admire Your Handiwork

Mandatory official step to motivate you to do more and better!

I hope you found this useful, and that you enjoyed thejourney. If you try this out andwish to share your result and/or hit bumpsalong the way, feel free to drop acomment below about it.

Difficulty:

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Related Tutorials

Intermediate

Length:

Medium

Categories:

Portrait Adobe Photoshop

Digital Painting Drawing

Human Anatomy Textures

Translations Available:

Tuts+ tutorials are translated by our communitymembers. If you'd like to translate this post intoanother language, let us know!

Download Attachment

About Alice Catrinel Ciobotaru

This is your regular zombie slayer turtlereporting for duty!Aside from the veryimportant mission of zombie head bashing,

this turtle also deals with professional gameillustration, character design and UI creation. Alsoenjoys dabbling in icon design, traditional mediums,3D software and kittens.

Figure Drawing for Digital Comics $15

How to Paint Realistic Eyes in AdobePhotoshopDesign & Illustration

Harness the Elements: Paint FrozenWater in All Its FormsDesign & Illustration

How to Create a Painted Pet PortraitEffect in Adobe PhotoshopDesign & Illustration

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Advertisement

Jobs

Envato Market Item

4 Comments Tuts+ Hub

PHP Coder with Magento Knowledgeat Yoginet Web Solutions in New Delhi,Delhi, India

Software Architectat Fire Engine RED in San Diego, CA,USA

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

4 Comments Tuts+ Hub

Sort by Best

Join the discussion…

• Reply •

Art Mary • 5 days ago

umm and u think its

Realistic ? O_o △ ▽

• Reply •

picaae • 7 days ago

Nice outcome. However it would be nice to see a tutorial for lips once in a while that not only covers female lips withlipstick on ;)

△ ▽

• Reply •

Sharon Milne • 7 days agoMod > picaae

Who say's this isn't a drag queen? ;) hehe

I completely agree though and there should be some more variety. We'll keep it in mind for the future :)

We do have a tutorial on the facial features which may be of interest to you: http://design.tutsplus.com/tut... 2△ ▽

Kirk Nelson • 8 days ago

Share ›

Share ›

Share ›

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

• Reply •

Amazing! △ ▽

Subscribe✉ Add Disqus to your sited Privacy

Share ›

Advertisement

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

19,200 Tutorials 489 Video Courses

Custom digital services like logo design, WordPress installation, videoproduction and more.

Check out Envato Studio

Choose from over 5 million royalty-free photos and images priced from $1.

Teaching skills to millions worldwide.

Follow Us

Help and Support

FAQTerms of UseContact SupportAbout Tuts+AdvertiseTeach at Tuts+

Email Newsletters

Get Tuts+ updates, news, surveys &offers.

Email Address

Subscribe

Privacy Policy

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

No subscription required.

Browse Photos on PhotoDune

© 2015 Envato Pty Ltd. Trademarks and brands are the property of their respective

owners.