This tutorial will show you how to take an image and split it into two personalities. One side will be dark and evil, the other light and sparkly. I won’t go into extensive details about brushes and such but with minimal Photoshop experience, you should do just fine.
This is a very trendy form of artwork and the tutorial should take about 20 to 45 minutes to complete. If you have any questions, drop a comment and I’ll do my best to help you out.
Step 1 Let’s get started!
The foundation of a solid photo manipulation is a having a good, high-quality Image to work with. For this tutorial’s sake, I chose Stock-33 by liquid-venus because, well, she’s real purty. Open it up and resize the image by heading in Image/Image Size. Enter a 800×690 pixel value and press Ok to resize.
Since we’re going to create two different looks, I split my image in half by creating a 400×690px rectangular selection on the right-side, pressing Ctrl+C then Ctrl+V to create a new layer with the selection by copying and pasting.
That should leave you with two layers: your base image layer and your right side. If you haven’t done so yet, rename your new layer to Right Side and set it’s Blending Mode to Soft Light. Don’t worry about the funky colors, we’ll fix later on. Also create a new layer on top and create a black line in the middle of the canvas to split up the image.
Click on your Base Image layer to activate it and grab your 
Sponge Tool. Desaturate some of the left side’s color. This will be our “Evil” side.
Step 2 Playing with Blending
Click the Right Side layer to activate it and select the 
Lasso Tool. Now, select the outside of the right eye. Once that’s done, press Ctrl+C then Ctrl+V again. Rename the new layer to Eye and set it’s Blending Mode to Soft Light. If your selection was a bit rough, you can use Layer Masking to remove the excess.
Now would also be a good time to tweak that eye’s color by pressing Ctrl+U to enter the Hue and Saturation panel. Remember that we’re trying to get a soft, light feel on the right side so be conservative and try not to use colors that are too vivid. I went with a light green.
While we’re on the subject, create a 
new Layer and rename it to Left Eye. Now, grab a Soft Round brush and in pure black (#000000), carefully brush over the left eye in black. Don’t worry if it doesn’t look too realistic for now, we can always come back later and tweak it.
Step 3 Hue are you?
Go back to your Base Image layer and create a 400×690 rectangular selection over the left side. Copy/Paste like before to create a new Layer. Rename that layer to Left Side.
Set that layer’s blending mode to, you guessed it, Soft Light. Press Ctrl+U to adjust that layer’s hue and saturation. Since the layer is set to Soft Light, different colors will produce various results, so experiment. I gave my layer a deep blue hue and reduced the saturation. Give it a few tries until you find a result that satisfies you. Remember: You want an evil look for this layer!
Step 4 Evils I tells ya, evil!
Texture time! Go and get the Concrete Texture Thing texture and set it over all of your other layers. Rename the layer to Texture and set the Blending mode to Hard Light and lower the opacity down to 90% or so. Now, get a 
Layer Mask going and mask away parts that the texture shouldn’t be applied to such as the Eye, Hair and Lip area.
Since the texture should only be over the “Evil” side, don’t forget to mask away the whole right side too.
Step 5 Brush me…
This step requires a bit of creativity. Take your favorite Grunge brushes and get creative on a couple of new layers for the “Evil” side.
For good brushes, visit Vered’s to get you started. As a rule of thumb, you’ll want to use black for your brush color and use low opacity and various Blending Modes to create effects.
I personally used a variation of brushes to:
- Wound the Eye area using the Overlay Blending mode.
- Create a Leaking Makeup effect using Pretty Brushes (may no longer exist).
- Create a “Drip” on the Lips.
- Create other small dark spots and miscellaneous effects.
Step 6 Color adjustments
We’re already seeing a solid difference between our two sides but something is off, isn’t it? Click on your Texture layer and create a new 
Hue and Saturation Adjustment Layer.
Once in the Hue/Saturation panel, play around with the settings until you find something you like but essentially, lowering the Saturation and very slightly adjusting the Hue should do the trick.
I’ve left the Hue Slider untouched because I wanted to keep the original colors but simply have them less lively.
Step 7 Goodie two shoes
Well, our “Dark” side is almost done so let’s work a bit on the “Light” side. We’ll be creating a sort of cool-looking Sparkly effect because sparkles are cool… right?
Create a new Layer and grab your 
Brush Tool . Rename the new layer to Sparkles then Right-Click in the canvas and select Reset Brushes from the Drop-Down menu.
Now, go into your brush selection and scroll down the list until you see the 14pt brush illustrated here. Click it to select it and head into the Brush Presets on the top-right corner of your screen.
Now, adjust the brush preset with the settings below. This should help you create a sparkly brush that will be easy to work with.
Brush Tip Set :
Spacing : 100%
Shape Dynamics :
Size Jitter : 100%
Angle Jitter : 100%
Scattering :
Scatter : 1000%
Both Axes Checked.
Count : 2
Now, with that tweaked brush, do one or two long strokes over the right-side to create some sparkles and not multiple short strokes. Once you have those down, go into that layer’s styles by double-clicking on it and apply an Outer Glow and/or a color overlay if you need to do so.
Step 8 More brush work
Our Light side is almost done! The only thing left to do now is add some final brushwork and tweaks.
This is also the time to finalize the eye color or any other setting you wanted to come back to and revise.
I took this time to desaturate some of the Dark side’s spots and add some trendy text, nature brushes and other miscellaneous stuff to the Light side.
On the dark side, I’ve also added some Photo Scratches using low opacity white brushes to finalize the “beat-up” effect.
Step 9 The Finishing Touch
Time to finish up. Head into Image/Canvas size and increase the size by 100px on Width and Length. This leaves us 50px on each side for a border. Create a new layer and fill 50px on every side with black.
Double-click the new Layer and Head into the Stroke layer style to add a 1px Inside Stroke. It should preferably be in white but you can also use another color if you think it looks good.
Our image is done and so is our border. What’s left? Typography! Add your text, if any, and you’re all done!
Click the thumbnail to see my final result and enjoy. If you have any questions, feel free to drop a comment and I’ll help you out as best as I can.
Notes
This is a tutorial I wrote around 2006. Please dis-regard the Onus Art trademark and logo found on the images since those are signatures from my old website.
Pingback by 3 » Photoshop Tutorial: Good and Evil — July 7, 2008 @ 7:25 PM
[...] my second tutorial is up! This tutorial will show you how to take an image and split it into two personalities. One [...]
Comment by Abdullah — July 18, 2008 @ 6:38 PM
it’s nice but you can hide the line of the middle face
make transition.
this is my critical
Comment by steelfrog — July 18, 2008 @ 6:40 PM
Abdullah, yes, that is possible. Simply blend the textures from the evil side about midway through.
Pingback by Retouch a face from good to evil in photoshop tutorial. | GraphicTutorials.net — July 20, 2008 @ 12:45 PM
[...] continue [...]
Pingback by The Wait | Perra Jonasson - Photos from Sweden — August 7, 2008 @ 5:22 AM
[...] This time I have loosely based my work on a tutorial I found at Steel Frog, the tutorial is called Good and Evil. The model in this picture is my girlfriend [...]
Comment by chris — August 8, 2008 @ 10:54 AM
couldnt get past step 1. The whole create a 400 x 690 rectangular selection then the ctrl c / ctrl V. Please help
Comment by steelfrog — August 8, 2008 @ 11:00 AM
Chris, you want to create a selection using the marquee tool of half the face. Once you’ve got that selected, you’re copying and pasting it to a new layer.
Make sure that your image is not locked. This can be done by going into Image/Mode and selecting RGB Color.
Comment by Amber — August 10, 2008 @ 1:04 AM
This is so frustrating when I am half way thru & get stuck! Can u tell me in detail how I get the concrete texture thing to set over all layers? When I copy/paste it is a lot smaller than pic of girl. Itried resizing it & that didnt work either. It’s taken me an hour to get to step#4! Obviously I am sooooooo new to PS so I need u to break it down in small steps for dummies! LOL :) Thank u ~Amber
Pingback by AllTutorials.RU | Добро и зло / уроки фотошоп | уроки фотошопа, уроки фотошоп, уроки по фотошопу, уроки photoshop — August 11, 2008 @ 7:31 AM
[...] Оригинал на английском Photoshop Tutorial: Good and Evil. [...]
Comment by steelfrog — August 11, 2008 @ 7:43 AM
Amber, make you grab the texture from DeviantArt, make sure you click on the “Full View” button on the left side, else you’ll only get a thumbnail-sized version of the image.
Comment by Amber — August 11, 2008 @ 1:02 PM
OK, now how do I get the concrete texture thing to open as another layer? When I open it, it starts over as a background… Thank u for ur help~Amber
Comment by Amber — August 11, 2008 @ 1:26 PM
Also, I dont have a sponge tool… or I cant seem to find it so I used my brush & it did a good job but I was just wondering why I dont have a sponge tool?
Comment by Amber — August 11, 2008 @ 2:13 PM
Nevermind abot how to get the texture over pic…I figured that out
Comment by Amber — August 11, 2008 @ 3:30 PM
Found my sponge tool too!!!
Pingback by Digital Photography » Give a face a darker look in photoshop tutorial. — August 13, 2008 @ 1:01 PM
[...] continue [...]
Comment by jim — August 13, 2008 @ 4:06 PM
Hi, I’ve got to the texture thing but find it to be to small for my image and how do you make sure it goes over each layer?
Thanks
Comment by jim — August 13, 2008 @ 4:35 PM
Ok figured out the texture thing and covering layers. Now when it comes to layer mask I end up with a red image when I brush over the area I want to mask. How do I get the red to go away?
Comment by steelfrog — August 15, 2008 @ 9:59 PM
A red wash means you’re using another masking type; the name escapes me right now but I suggest you use Quickmask mode instead.
Comment by AlexM — August 17, 2008 @ 10:41 PM
Your blog is interesting!
Keep up the good work!
Pingback by 30+ Nicest Photoshop Photo Effects, Part II — August 18, 2008 @ 7:01 AM
[...] Good and Evil Photo Effect [...]
Pingback by 30 Really cool photoshop tutorials II « Guiwells’s Blog — August 19, 2008 @ 1:26 AM
[...] Good and Evil Photo Effect [...]
Pingback by 30 effetti per Photoshop « JaKoPo - Un po’ di questo, un po’ di quello … — August 19, 2008 @ 3:17 AM
[...] 29 - Good And Evil Photo Effect [...]
Comment by Mike — August 19, 2008 @ 4:16 AM
What version of photoshop are you using?
Comment by steelfrog — August 19, 2008 @ 8:11 AM
Hi Mike, I’m using Photoshop CS3, but the tutorial should be compatible with any CS revision as well as version 7.
Pingback by 30 Harika Photoshop Effects Görsel Anlatım | EgitimTUBE — August 21, 2008 @ 4:22 PM
[...] Good and Evil Photo Effect [...]
Pingback by 32 Awesome Photoshop Photo Effects - Top Web Resources — August 26, 2008 @ 3:28 AM
[...] Good and Evil Photo Effect [...]
Pingback by 40 Dark and Futuristic Photoshop Effects - PSDTUTS — August 26, 2008 @ 10:31 AM
[...] 19. Good and evil photo effect [...]
Comment by Pavan Chander — August 27, 2008 @ 12:03 PM
Thanks for the tutorial, I deviated a little bit and created this.
Comment by Pavan Chander — August 27, 2008 @ 12:04 PM
Image didn’t show up, heres the link: http://img374.imageshack.us/my.php?image=partial20face202hm6.jpg
Comment by Skyler Todd — August 27, 2008 @ 11:16 PM
Thanks for the tutorial. . . Had fun messing with the images/techniques. Image linked here Zombie
Pingback by 71+ Çok özel Photoshop Effects Dersleri | Batuhan Bulak — August 28, 2008 @ 1:40 AM
[...] # Good and Evil Photo Effect [...]
Comment by chris — August 29, 2008 @ 12:48 PM
I cant get the Mask tool to work . I am trying to remove the texture from the right side of her face. Also how do you load the brush into photoshop
Comment by Stephanie — August 29, 2008 @ 5:28 PM
Really great tutorial, very easy to understand. I tweaked a few steps to get an effect I liked. :) Also, thanks for the links to the texture + brushes!
Comment by lionel — August 30, 2008 @ 7:00 AM
hi nice tutorial, relly nice but is there a way you can hide the line over the face , i really won’t mind learning how to do that. thanks
Comment by Lara — August 31, 2008 @ 1:12 AM
Awesome tutorial!
easy to follow and result came out great!
of course, I added my own touches to it and now I’m using it for my cd cover for my year 11 visual design class.
its just what I was looking for! thanks again!
Pingback by 40 Futuristic Photoshop Effects by PSDtuts « Guiwells’s Blog — September 1, 2008 @ 2:20 AM
[...] 19. Good and evil photo effect [...]
Pingback by TurkAtesi | Eğitim Seti, Ekitap, Yabancı Dil Eğitim Setleri, Eğitim Setleri, Download Free Software, Webmaster, Belgeseller, Tutorials » Blog Archive » Hayran bırakacak 31 photoshop efekti — September 3, 2008 @ 1:56 PM
[...] Şeytan - Melek Şeytan - melek [...]
Comment by chris — September 3, 2008 @ 6:01 PM
can anyone help me through the mask part of this tutorial?
Comment by Wolfy — September 5, 2008 @ 1:30 PM
Hy all. I’m new in photoshop, and i want to take this effect to my picture too, but i’m confused with step4. On the link is only a jpg, and i don’t know, how could i set it as texture over all other layers. plsss help me someone :)
Pingback by 30 HARİKA PHOTOSHOP EFFECT - GÖRSEL ANLATIM | — September 8, 2008 @ 11:15 PM
[...] Good and Evil Photo Effect [...]
Comment by Jigsawman — September 10, 2008 @ 2:00 PM
I really like your post and the pictures are small so it loads really fast.
Comment by Tutoriaux photoshop — September 15, 2008 @ 12:08 PM
this tutoriel is very goode
Pingback by PhotoShop » Blog Archive » 40 Dark and Futuristic Photoshop Effects — September 19, 2008 @ 1:16 PM
[...] 19. Good and evil photo effect [...]
Comment by Delaney — September 23, 2008 @ 1:45 AM
I dunno if you’ll read this,but I love this tutorial, after doing it a few times it helped me do other things and the more i played with it the better the photos got! Here’s my favorite (not good and evil but you know) if you’re interested.
http://img.photobucket.com/albums/v654/abominablecookie/021-1.jpg
thanks! :]
Trackback by AllTuts — September 24, 2008 @ 5:53 AM
Good and Evil Photo Effect…
This tutorial will show you how to take an image and split it into two personalities. One side will be dark and evil, the other light and sparkly.
……
Comment by steelfrog — September 24, 2008 @ 11:58 AM
Delaney: Yes, I do read all of the comments.
That’s good work! I’d try to shadow in the texture around the face so that it looks like it ‘wraps’ around it, but that’s pretty damned good!
Pingback by Webclave.com » Blog Archive » 40 Futuristic Photoshop Effects by PSDtuts — September 25, 2008 @ 6:33 PM
[...] 19. Good and evil photo effect [...]
Comment by Koros — October 14, 2008 @ 2:43 PM
I like this tutorial… I wanted to make an all-dark face, it’s been hard but with this tutorial I could make it.
http://i185.photobucket.com/albums/x200/ArcadiaEvander/sh3heatherdarkside.jpg
Pingback by Contests - - October 2008 Contest Discussion - Page 2 - RetouchPRO — October 15, 2008 @ 10:14 AM
[...] Zombie 2 Vampire Fangs Alien Alien 2 Werewolf Hair/Fur Robotic Transparent Bodies Statue Good/EvilHave fun and don’t forget to share your creative [...]
Pingback by Hayranlıkla İşlecek 31 photoshop efekti | Gencbilgin.Com - Bilgiyi Eğlenerek Öğreten Alem.. — October 17, 2008 @ 8:14 AM
[...] Şeytan - Melek Şeytan - melek [...]
Pingback by 30 Photoshop Halloween tutorials: horror, creepy and scary — October 24, 2008 @ 4:47 PM
[...] Photoshop Tutorial: Good and Evil This tutorial will show you how to split a portrait photo into two personalities dark and evil and light and sparkly. [...]
Pingback by 30+ Nicest Photoshop Photo Tutorials | Joosebox Magazine: A place for creative minds! — October 24, 2008 @ 7:49 PM
[...] Good And Evil Photo Effect [...]
Pingback by 20 Halloween Photoshop Tutorials | 10Steps.SG - Photoshop and Flash tutorials — October 31, 2008 @ 12:11 AM
[...] Good and Evil This tutorial will show you how to take an image and split it into two personalities. Visit Tutorial [...]
Comment by Chris Langeveld — November 1, 2008 @ 7:40 AM
Hi there, I really liked this tutorial. Helped me a lot! Here is my version of it…used the same technique just other brushes and pic. Thanx again, ciao!
http://i386.photobucket.com/albums/oo309/chris_wellies/Untitled-1.jpg
Comment by Jess — November 5, 2008 @ 3:11 PM
Heyyy
welL ive done dis tut0rial b4. n it came out pretty gud. im tryin 2 do it again n 4 sum reason i kant get pass step #2! wen i go copy the right eye n paste it, i put the layer as soft light and i brush it off. i tryed hue/saturation and it doesnt let me! y!??? pleaseee help me! thankxx!!!!
Comment by Ed — November 6, 2008 @ 4:11 PM
I’m stuck in the beginning, when I try to set the blending option to soft light, the complete right side turns white, as if nothing is there. Any clues as to what I’m doing wrong?
Pingback by 40 Dark and Futuristic Photoshop Effects | A.Niraj Kumar — November 9, 2008 @ 4:28 PM
[...] 19. Good and evil photo effect [...]
Pingback by 本周推荐:32个精品国外图文结合photoshop效果教程 | 软件音速 — November 16, 2008 @ 1:00 AM
[...] 30.Good And Evil Photo Effect [...]