Tan Skin Tone
October 30th, 2006 Filed in: Tricks & Tips Jump to comments
Someone emailed me and asked how to make the golden/tan skin tone as seen in many movie posters and magazine advertisements. Believe it or not, the effect can be achieved by just couple mouse clicks. Here is a quick Photoshop tutorial to show you how to make a tan skin tone effect and apply makeups on the model. Let’s take a look at the image below, the left image is original photo and the right is final image.
Before & After
1. Overlay Layer
Open the original document that you want to apply the effect. Go to Layer > Duplicate Layer (or press Cmd + J) to duplicate the original layer. Set the duplicated layer Blending mode to Overlay. Then adjust the Opacity to 70%. The Opacity may be vary, depend on the brightness and color of your original photo source.
2. Highlight Spots
Select the original layer. Choose the Brush tool, set brush Size = 200px, Mode = Color Dodge and Opacity = 10%. Use the Eyedropper tool to pick a sample skin color from the image (Option+Click on the image). Gently brush on the areas that you want to be shine.
3. Eyeshadow
Make a selection around the eyelid, go to Selection > Feather (Cmd+Option+D) to feather the selection by 5px. Make a new layer and fill the selection with a light pink color. Then set the blending mode to Hue.
Make another selection slightly smaller than the pink layer. Again, feather it by 5px. Fill it with a blue purple color and set the blending mode to Darken.
4. Eyeliner
Make a selection of the eyeliner. Feather it by 3px. Make a new layer. Use the Gradient tool (pick a green color, select Foreground to Transparent), then drag from the lower corner to the upper corner of the selection. Adjust the blending mode to Multiply.
Final
Use the same technique to finish off the left eye. You may also use this technique to apply the color of the lip, blush, etc.
October 30th, 2006 at 7:55 am
Wow, nice tutorial! And the result with few mouse clicks is amazing!
October 30th, 2006 at 9:50 am
Wow
Nie tutorial ….
bump
October 30th, 2006 at 10:24 am
Nice and very simple tutorial!
October 30th, 2006 at 4:29 pm
Awesome effect, 3 thumbs up!
October 31st, 2006 at 2:35 am
Great site, Great tutorial!
top result. I’m off to try this now
October 31st, 2006 at 6:27 am
Great tutorial, the effect looks awesome!
October 31st, 2006 at 2:58 pm
looks great! good tutorial, keep em’ coming!
October 31st, 2006 at 9:37 pm
Nice. im going to try this on a picture of my dog.
November 1st, 2006 at 5:37 am
That Is awesom Tutorial.It was great
November 1st, 2006 at 1:52 pm
Thanks a bunch lad! That’s a nice one.
November 2nd, 2006 at 3:43 pm
Weee been looking for a tutorial like this fr like a year… Awesome, and so simple. Thanks
November 3rd, 2006 at 3:54 am
Awesome, thanks!
November 4th, 2006 at 7:01 am
Awesome Work!
November 4th, 2006 at 1:48 pm
Man that’s awesome! Good tutorial.
November 4th, 2006 at 3:45 pm
Nice job, also you make super clean and cool vectors
I would kiss ya if ya were a girl ;)
Cheers a fan, and also an graphics artist
(Belgium.)
November 4th, 2006 at 11:49 pm
强
November 6th, 2006 at 9:06 am
what a cool tutorial.:)
November 7th, 2006 at 11:10 am
wow thank you for teach us!
November 8th, 2006 at 8:43 pm
Thanks a lot for the help guys, GREAT JOB keep it up. CHEERS
November 9th, 2006 at 4:46 am
beautiful very much ^________^
November 9th, 2006 at 12:57 pm
fantastic tutorial. i was looking for this kind of photo effect since long. thanx alot.
November 11th, 2006 at 7:36 am
Wow that was well done!! thanx mate. Do u have any tips for grungy images like seen on posters and most designs nowadays? if u do please share
November 12th, 2006 at 9:35 am
Wow! Just amazing! Great job!
November 13th, 2006 at 4:55 am
Cool!Thank you^_*
November 13th, 2006 at 8:01 pm
its really a ingenious work .. aewsome (Y)
November 14th, 2006 at 2:21 am
thanks, nice work….
November 14th, 2006 at 3:56 am
nice work.im a fan of ur work.waiting for more tutorials soon.take care
November 16th, 2006 at 10:59 am
hello, i’m a web designer from China.
I like your design very much. And i think a lot of design elements are from China and the other Aisa country. And you bring all these elements and the fashion design elements together. It’s quite difficult, i think. Learn from you~!
November 18th, 2006 at 8:45 am
Done a good job. u r helping many designers to develop their talents. Best Regards
November 19th, 2006 at 10:28 pm
hi, very useful tips…
thanks a lot..
November 23rd, 2006 at 7:38 am
You’re my hero!!!! Will you post more tutorials? Please!!
November 25th, 2006 at 2:43 pm
gracias por tus tutoriales, me sirven muchisimo… comment me please
November 25th, 2006 at 7:44 pm
Nice simple tutorial. Good job!
November 28th, 2006 at 10:34 am
Love your work,i was very impressed when i saw it for the first time and now i’m craving more!Never stop….
November 29th, 2006 at 5:54 am
Dropping by via blog hopping. This is just a wondefully made tutorial! And it is surely of good use to me! Thanks for the awesome tutorial!!!
November 29th, 2006 at 6:45 pm
dude you f-ing rock
December 2nd, 2006 at 10:29 am
man, this blog is amazing!! I learned a lot from your blogs! keep goin’ your’re great man!
December 4th, 2006 at 8:58 am
Thanks for the tutorial man - love your work dude!
December 6th, 2006 at 5:03 am
Amazing,really amazing I love this website and your designs are just wonderful!
December 6th, 2006 at 6:35 am
é?žå¸¸ä¸?é”™ï¼?呵呵…
December 18th, 2006 at 1:48 am
Cool. Would love you to do a tutorial on how they get photos to look almost like sketches or illustrations used in movie posters a la http://www.harshtimes.com/
December 30th, 2006 at 11:14 am
thanks for sharing your skills.
January 8th, 2007 at 4:58 am
veryyyyyyyyyyyyyy goooooooood job
apriciate
over all good job
January 22nd, 2007 at 11:24 pm
the tutorial was super super great!! very useful….
January 23rd, 2007 at 3:34 pm
Really nice tutorial. For a glamour-like soft focus effect try applying a bit of gaussian blur to the overlay layer.
January 28th, 2007 at 4:31 am
nice tut’s, now i can embars my pal’s ha4x.. do u ve more tut’s like shadowness do?
February 14th, 2007 at 1:08 pm
Really nice tutorial. Thanks for sharing your skills. I love this website…CSS Layout.
Thanks
Srihari Raju - http://www.vignanam.com/srihariraju.asp
February 26th, 2007 at 12:15 am
I am many learning from this situs, thanx
March 18th, 2007 at 9:16 pm
Great Tutorials, Thanks!
March 27th, 2007 at 9:57 am
ha ha blah blah ma ma pa pa ja ja ka ka ew ew u u blew blew
April 7th, 2007 at 4:07 pm
usefull tips… you are great??
April 9th, 2007 at 3:44 pm
Is it really that simple? Thanks for sharing man.
April 17th, 2007 at 11:37 am
Best troubleing of cialis works relieve pill done on cialis cialis should machine websites that smells dwarf blurred vision. Sexual ring discharges a method to produce seminar to bitterness in absence.
April 18th, 2007 at 3:49 am
Thank You
April 18th, 2007 at 6:55 am
it is a very simple illustration tips………
learn n enjoy…….
thanx
April 24th, 2007 at 4:11 am
[…] Tan Skin Tones […]
April 24th, 2007 at 4:32 am
Zhili byli.. Biblical Georgene.
May 1st, 2007 at 12:34 pm
Vse promolchat nikto ne skazhe. Luana Ume.
May 1st, 2007 at 12:34 pm
Zhili byli.. Iarlaith Giada.
May 1st, 2007 at 12:34 pm
Zhili byli.. Alpin Ravi.
May 1st, 2007 at 12:34 pm
Vse promolchat nikto ne skazhe. Linzi Bergljot.
May 1st, 2007 at 12:34 pm
Tebe vosled rukoj i kami vni. Maribel Matty.
May 9th, 2007 at 6:44 pm
I ty opjat uedesh i togd. Lareyna Marshal.
May 9th, 2007 at 6:44 pm
Da delo dazhe ne v goda. Kodey Kata.
May 9th, 2007 at 6:44 pm
I esli ya odnazhdy zamolch. Hadewych Aukusti.
May 9th, 2007 at 6:44 pm
Da delo dazhe ne v goda. Morgen Evette.
May 9th, 2007 at 6:44 pm
Ne nasovsem a navsegd. Itzal Jonie.
May 19th, 2007 at 10:32 am
Zhili byli.. Kennedy Nerys.
June 12th, 2007 at 8:07 pm
very good
June 14th, 2007 at 2:19 am
Damii cha
June 28th, 2007 at 2:28 pm
Great Tutorial!!!
Thanks
July 5th, 2007 at 12:16 am
Its bad enough you do it, you do it to yoursel. Sana Orsolya.
July 26th, 2007 at 8:35 am
This is fantastic
thanks!!!
The girl looks great!
July 31st, 2007 at 2:49 am
Great tutorial! For the skin tone, I usually use the Layer -> New Adjustment Layer -> Photo Effects, then use a custom colour for the adjustment. Play with the colours and intensity — it’s really fun and you can get some great effects. The highlighting is also a key element :)
October 5th, 2007 at 5:28 am
i knew the effect but never knew can use this way !!!
its really great to know this!!
thanks so much:)
October 13th, 2007 at 8:45 am
I don’t know how the original edited pic looks. But the finished one in the website is disgusting with burned out highlights and all that !
December 19th, 2007 at 1:53 pm
Nice and very simple tutorial! Thanks for sharing your skills.
December 21st, 2007 at 1:24 am
hi.. cool man.. tats great effect.. b4 i used autoFX for the same.keep it up!
January 2nd, 2008 at 5:09 pm
Great tutorial, thank you!
January 7th, 2008 at 8:09 pm
Great! Great Tutorial!!! thanks so much…
February 14th, 2008 at 6:38 pm
nice tutorial
February 16th, 2008 at 12:29 pm
Thanks a lot, I’ve been looking for this effect for so long!!
March 8th, 2008 at 2:19 am
Amazing tutorial….Ur simply awesome……
March 9th, 2008 at 9:33 pm
do you do it from your picturemail on the website or from your camera
March 17th, 2008 at 10:24 pm
nice tutorial
April 21st, 2008 at 9:22 pm
Hi, Did you tried to make this effect with black colour image? I want to change a normal face into metal made effect…
May 17th, 2008 at 5:27 pm
This is really Cool!
May 25th, 2008 at 2:12 pm
Impressive technique. thank you!
September 4th, 2008 at 6:35 am
Thanks a lot!
Great turorial….
December 7th, 2008 at 7:37 am
I tried it, but all the colors, and tan is SO light can hardly see it =/ I even had the tan on 100pct but still could hardly see it lol.
January 22nd, 2009 at 1:53 am
How ,,,,,,,Beuty i like it
March 22nd, 2009 at 1:38 pm
Actually, the “after” doesn’t look more tan.. it looks brighter and more “orange”.
May 13th, 2009 at 11:11 am
yes..illke..it..what…guide…iam..happy every moment
May 16th, 2009 at 4:53 am
Great effect.
Does anyone created the same effect in fireworks?
Photoshop is a bit complicated for me.
Keith D
May 20th, 2009 at 4:12 pm
thanks s lot for the tips. It was easy to start but then i mixed the colours. but it’s getting bette when i try more. cheers.