Add your website to the Xemion web designer directory and gain highly-targeted traffic and new leads.

How to Draw Open Skin on a Photo

Post Reply
 
Thread Tools
 
#1 May 27, 2006 by Xemion - Administrator, 120 posts Indianapolis, Indiana PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
If you like this tutorial, please register. It encourages me to make more.

If you have any questions about this specific tutorial, just post on the thread. If you have questions about web or graphic design in general, feel free to ask any questions (newb questions or difficult ones!) in the web designer forums.

This tutorial is sponsored by the Xemion Web Designer Directory.


Step 1 This effect is perfect and will work on any body part as long as you set the color code to match with the skin tone of the body of your picture when you fill path in step 2. In this tutorial, I'm going to use a picture of this sexy model.



Step 2 First I'm going to open up her face, I started with a new layer and used the pen tool to traced a shape which blend with the prespective of her whole face. If you want this effect to work to the fullest, you cant just draw any shape like a circle or a triangle. . . The shape has to properly blend with the position of the face, body etc. The color I used to fill path is #E7AC8D. When your picking the colors, pick it from the skin of your picture.



Step 3 The effect that will turn the entire shape into an open skin look, apply this layer style settings:

Note: The image I used for the pattern in Pattern overlay came with Photoshop 7.0. Click here to download the pattern pack if you don't have it.

Drop Shadow:
- Blend Mode: Color Burn
+ Color: #00000
- Opacity: 21
- Angle: 152
+ Use Global Light: Unchecked
- Distance: 2
- Spread: 0
- Size: 0
- Contour: Default
+ Anti-aliased: Unchecked
- Noise: 0

Inner Shadow:
- Blend Mode: Color Burn
+ Color: #864726
- Opacity: 57
- Angle: 144
+ Use Global Light: Unchecked
- Distance: 0
- Choke: 0
- Size: 3
- Contour: Picture below
+ Anti-aliased: Unhecked
- Noise: 0


Pattern Overlay:
- Blend Mode: Soft Light
- Opacity: 70
- Pattern: Picture below
- Scale: 100
Inner Glow:
- Blend Mode: Normal
- Opacity: 100
- Noise: 0
+ Color: #D49675
- Technique: Softer
- Source: Edge
- Choke: 0
- Size: 9
- Contour: Picture below
+ Anti-aliased: Uncheck
- Range: 50
- Jitter: 0


Satin:
- Blend Mode: Multiply
+ Color: #975938
- Opacity: 45
- Angle: 19
- Distance: 11
- Size: 14
- Contour: Picture below
+ Anti-aliased: Uncheck
+ Invert: Check


Gradient Overlay:
- Blend Mode: Linear Burn
- Opacity: 54
- Gradient: Default
+ Reverse: Check
- Style: Reflected
+ Align with Layer: Check
- Angle: 19
- Scale: 150

Stroke:
- Size: 1
- Position: Outside
- Blend Mode: Normal
- Opacity: 8
- Fill Type: Color
- Color: #FFFFFF



Step 4 Your done but add stitches to make it more realistic. Create a new layer and add the layer style settings found below, now grab the pencil tool with a black foreground and 1px tip. All you have to do is draw lines from the opening to the skin, see picture below for visuals.

Note: The image I used for the pattern in stroke came with Photoshop 7.0. Click here to download the pattern pack if you don't have it.

Drop Shadow:
- Blend Mode: Color Burn
+ Color: #000000
- Opacity: 66
- Angle: 120
+ Use Global Light: Unchecked
- Distance: 4
- Spread: 0
- Size: 4
- Contour: Default
+ Anti-aliased:Unchecked
- Noise: 0
Stroke:
- Size: 2
- Position: Outside
- Opacity: 51
- Fill type: Pattern
- Pattern: Picture below
- Scale: 99


Thats it, you learned the technique, now go open up other spots of the body.

James Paden - Xemion.com
Quote
 
#2 February 11, 2007 by kia06 - Junior Member, 15 posts PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
It is quite interesting but the end result to me appears to be a bit false looking. I'm sure if you tweak it a bit more, you would be able to achieve a more realistic effect.
 
#3 February 17, 2007 by Max - Junior Member, 3 posts PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
yep! im with kia06! maybe if you could use a picture with a worse quality?
Post Reply

Thread Tools