I’d like to firstly welcome you to this tutorial. Thank you for taking the time to check it out.
I would like to start off by saying that unfortunately the image I used of the brunette is unfortunately not free for me to distribute.
If you would like to purchase the image you can get it from http://www.stockxpert.com/browse_image/view/31891261
You can purchase it at a reasonable size (1697 x 2546) for 5 credits at a cost of $4.99 which converts to about £3.15 roughly. It is worth registering for the stockxchange sites as you can get loads of royalty free photos to use on all sorts of design work.
If you chose not to buy this image you could always find an alternative. Use one of your own? Or search one of the following websites for a free photograph.
www.sxc.hu
www.stockxpert.com
www.123rf.com
So lets begin the tutorial. You can download my PSD file below if you want to use it for a guide. Unfortunately the PSD file below is a much smaller resolution than the one I worked with originally, because the original weighs in at a hefty 128mb lol
Create an image with a black background. Try to make it a reasonable size so that your stock image can fit in the centre with plenty of area left to work with. Its easier to crop off excess later than to add to it.
We must start by removing the background. Copy and paste in your stock image and select the Pen Tool (P). Draw a path around your object using a series of clicks. I tend to spend a lot of time doing this, zoom right in and get right into all the curves. The more clicks you have the smoother your image will appear.
All of the images can be clicked to enlarge.
Once you have created a path around the entire subject select the ‘Load Path As a Selection’ button from the bottom of the Paths tab. Highlighted in the following image with the large red arrow. If you cannot see this button choose Window > Paths from the tool bar at the top.
Now your subject is highlighted choose Select > Refine Edge from the tool bar and tamper with the settings until you get the desired look. Try not to use too much smoothing and feathering as you lose the sharpness in the image.
Once you have the desired effect click OK and hit delete to remove your background.
The next step is to sharpen up our source image a bit. We do this using a high pass filter and you can see a slightly more detailed tutorial of what we are doing here. Simply duplicate your layer by dragging it onto the new layer symbol in the layers tab (or right click and choose duplicate layer).
Now on the new layer choose Filter > Other > High Pass from the tool bar. Set the amount to 5px and click OK.
Now don’t worry when the whole thing goes a big gray mess. Simply choose Layer > Layer Style > Blending Options and change the Blending Mode from Normal to Overlay.
This will make our image appear a higher resolution than it actually is.
The next step is to start creating some light behind our subject. Create a new layer above the background layer but under the girl. Select the gradient tool and choose one that is reasonably subtle. I chose ‘Copper’ and changed the white highlight to a darker brown.
Now draw a diagonal line from one side of your image to the other to create your gradient.
Now we must create a layer mask to hide this gradient. So choose Layer > Layer Mask > Hide All from the toolbar.
After it has been hidden, choose the Lasso Tool (L) and draw a sort of splodge around the girl.
Choose Select > Modify > Feather from the toolbar. This decides how much the sides fade. I set mine to 250 as my image is such a large resolution, but if you are using a smaller image you would obviously make it less. Its just a case of playing around until you get the desired effect. Once you have done the Feather hit delete and you should have a bit of a lighting effect behind your girl.
Now our girl seems a bit too bright, so lets desaturate the image a bit. Choose the base layer for your girl (not the one with the high pass filter) and choose Image > Adjustments > Hue and Saturation. Tick the Colorize box and move the sliders to make the girl almost black and white but with a bit of a sepia tint.
Now go back to the ’splodge’ layer we created before and duplicate it the same way you did with the girl. Choose ‘Filter > Pixelate > Mezzotint and select Long Lines from the drop down menu. Now it will look a bit weird, but choose Layer > Layer Style > Blending options and change the opacity to about 15%.
Now create a new layer. Choose the Brush Tool (B), right click and choose a large soft brush. Select some vibrant colours, (I used Pink and Yellow) and simply make a couple of clicks around the edge of the girl using various sized brushes.
After this again change the opacity. Set it to about 40% so that it is a lot more subtle.
Then create a new layer again, above the pink and yellow and choose white. White will make our colours appear even more vibrant. Select a slightly smaller brush and put in some white. Play with the opacity again, mine is about 64%.
Create another new layer above the girl this time. Choose the soft brush again and draw a couple of coloured circles. I put one either side of her as this will make it look like the light is bursting past her.
Now choose Layer > Layer Style > Blending Options and change the Blend Mode to ‘Color Dodge’. This will make the two circles of colour appear much more intense.
Create another new layer just above the background. Using the Elliptical Marquee Tool (M) draw some large and small circles around the area. Fill them with a bright green.
Change the Opacity to about 7-10%.
Repeat this for two more layers and just mess with the opacities. But use different colours. I used yellow and pink to go with my green.
Now create a new layer above our Mezzotint layer but below the coloured circles. Choose the Channels Tab (Window > Channels) do a CMD-Click (CTRL-Click) on the layer labeled green. You will notice some of your image will highlight.
Now go back to your layers tab, press (D) to reset your colour pallet, and press CMD+Backspace (CTRL+Backspace) to fill the area with white. Next choose Filter > Blur > Radial Blur from the tool bar. Set the Amount to 100, the Blur Method to Zoom and the Quality to Best and click OK.
Now lets make some lightning. Create a new layer just above the background. Select the Gradient Tool again but this time choose a Radial Gradient. Choose the standard Black and White gradient, not the copper one we used earlier. Press (D) to make sure your colours are defaulted. Draw a reasonable size circular gradient somewhere around your subject.
After this go to Filter > Render > Difference Clouds. Then press CMD+I (CTRL+I) to invert the image.
Next choose Image > Adjustments > Levels and change the black output level to around 180 until you get the desired lightning effect.
After you have your lightning simply choose the Eraser Tool and delete the mess in the surrounding area so you are left with just the circular bolt. Choose Image > Adjustments > Hue and Saturation from the tool bar, and like earlier tick the Colorize box. Change the hue and saturation until you get your electricity the desired colour.
I again went for a bright pink. Select Layer > Layer Style > Blending Options and set the Blend Mode to Screen. This way the black background is gone and you can put your electricity wherever you want it.
Repeat the step two or three times and position them around your subject.
For the next section we must create a new Brush to work with. Select Window > Brushes from the tool bar. and change your settings to these.
Create a new layer above the girl, and using this brush, mess about with the size and draw in some random flicks of colour. Use the Eraser and delete anything that obstructs her face etc. Select Filter > Blur > Gausian Blur and set the radius to 1px.
Create another new layer just above the green circles etc we made earlier. Repeat the previous step but use much smaller brushes and draw in way more dots. Use a variety of colours and try to make them appear as if they are dispersing the further away from the light they get.
Go to Layer > Layer Style > Blending Options. Select Outer Glow.
Duplicate the layer, change the opacity to about 12% and reposition it slightly.
Select your Background layer and choose Filter > Render > Lense Flare. Position this roughly where your light source appears to come from and click ok.
Now its just a case of adding your own touch to it. Your name, website. Anything. Choose a funky font from www.acidfonts.com and stick it somewhere in your image. And your done!
Thank you for taking the time to visit. Any comments or questions feel free to ask and I will try to reply as soon as possible.
Add me: Facebook = www.facebook.com/craigabbott
Twitter = www.twitter.com/abbott567
Great tut! I shall definitely use this. Bookmarked! (Y)
Thank you =)
The tutorials here are always informative and very easy to understand. Cheers! I love the neon colors in this one.
Thank you… I try to make them as easy to undertand as possible. If there is anything that is not quite clear feel free to ask and I will try to explain it better
found this on good-tutorials.com, it is very helpful and your work is very clean. many thanks
Hi there,
Amazing! Not clear for me, how offen you updating your http://www.craigabbott.co.uk.
thank you so much for posting the PSD file too! im really new to photoshop so this helped a lot! many thanks!
im glad i helped =) thank you
Good work bud, keep up the great tutorials
sweet tute!
coolestbrushes.com
cnt get the light to appear behind her
hello steven, sorry to hear you are having bother…
which light behind her?
the white with the radial zoom?
you may have to try hiding all your layers except the girl, then selecting the channel
its near the ver beginning of ur tutorial its when u do the layer masking on the gradient and use the lasso tool when u say delete after feathering the light should appear it does nothing for me lol driving me mad cause i rly like this design
Make sure you have the layer mask selected, also try swapping the background colours between black and white- if u have them the wrong way around technically You are trying to un-delete the background- I will prepare a video when I get home to show you exactly how to do it if you are still stuck
hey thanks very much got it now was tht i didnt have the background colours the right way round thanks again and again great design
not a problem dude… thanks again
tha part where tha modify<feather part didnt work for me.. and i couldnt seem to figure it out to move on.. what went wrong? i use photoshop CS2.
Sorry to hear you are having problems, here is a video I hope will clear a few things up:
http://www.craigabbott.co.uk/feather.html
Regards… Craig
Hello from Russia!
Can I quote a post in your blog with the link to you?
course you can dude
its cool…thx for tutorial
thank you for taking the time to view it =)
Hai craig, thanks a lot for the tuts. i’ll try another tuts for sure..
regards,
Ogie the noobs.
thanks for taking the time dude
very nice… but id like to ask u if u can upload somewhere the full version of 100mb PSD file
thx
Thanks for your support, i bookmark your site. Thanks
Follow me on Twitter
this is the best tutorial i have ever followed !!!
you are a bloody legend !
haha thanks Luke I am glad you like it
I’m confused becaues I dont know which layer you’re choosing when you’re doing something. Also mostly about the radial blur, what was the layer above the mezzotint layer for? I didn’t know which layer to choose for the ctrl+backspace.
Great tutorial:)
That model looks alot like Danielle Harris.
Thanks =) I agree, I’m not sure who the model is though to be honest I just found it on StockXpert lol
brutal, amazing