73 Comments
Dance Photo Manipulation Part 1
April 30, 2009I wanted to write a tutorial showing how to reproduce some of the really common elements, regularly found in graphic design these days, almost cliche elements. In doing so you’ll produce a stunning piece of art. This will be a two part tutorial and part two will be up within the next few weeks. This is a useful tutorial for users of all levels.
Introduction
This two part tutorial will be showing how to create some really cool elements for a photo-manipulation. We’ll start with an image of a person and use lots of useful techniques to transform it into a really interesting image that will stand out. Below is a preview of what we’ll create over these two parts. When you’re fineshed check out part 2 here.


Step 1
Start by finding an image you want to edit, the one I used can be found here. Open this image in Photoshop and we’ll get to work on it.

Step 2
Create a new layer then select the brush tool and grab a large soft round brush and with the foreground color set to black add some vignetting to the image. This is where you darken the corners and edges of the image to enhance the focal point of the image. Lower the opacity of this layer to about 70%. You should now have an image that resembles the one below.

Step 3
Create a new layer then fill the layer black then go Filter>Render>Lens Flare and place it somewhere in the center of the image. Change the blend mode of this layer to screen then lower the opacity until it looks right, maybe around 70% again. YOu may want to move the lens flare, do this by selecting the move tool and dragging the layer.

Step 4
The first common element that I’m quickly going to show is the ‘diamond wireframes’, these have been popping up everywhere. First create a new layer then select the line shape tool. Choose a suitable weight, around 2px for this image then on the left side of the main toolbar there is three buttons so push the one on the right, hovering over it should read ‘Fill Pixels’. Now set the foreground color to white, this can be done quickly by hitting ‘D’ then ‘X’. Now just draw lines similar to the ones here, as if your drawing a diamond.

Step 5
Now to have these go behind the subject we are going to mask them. Add a layer mask to this layer by pressing the layer mask button in the layers panel. Now select the layer mask then the brush tool and choose a hard round brush at a medium size, change the foreground color to black then brush over the parts of the diamonds that you dont want seen so here I brushed over his legs.

Step 6
Create a new layer then select the pen tool and those three buttons again, make sure the middle one is pressed this time, this will create paths with the pen tool. Now zoom in on the shoe and using the pen tool draw a path around the shoe and the sock. After you’ve closed the path right click and select ‘Fill Path’ then choose white as the fill color. Lower the opacity of this layer to about 50% just so you can still see the details on the shoe because we need to trace them.

Step 7
Create a new layer, with all these layers make sure you name them and even arrange them into groups or things are going to get complicated. Select the brush tool and choose a 1px hard round brush and set the foreground color to black. Now choose the pen tool and and trace over one of the lines on the shoe then swap to the brush tool and hit Return and this will stroke the path. Change back to the pen tool then hit esc. a couple of times to get rid of the path. Now just repeat this for all the lines and details on the shoe.

Step 8
In a new layer repeat this process for the sock and the laces and you should be left with something like in the image below.

Step 9
Remember the layer we made in step 6 where we filled the shoe white, change the opacity of this layer to 100%. Create a new layer directly above this one and with a hard white brush draw some drips from the shoe, there isn’t really a technique to this, just zoom in loads and try and make it look smooth, I usually just use the brush tool only but if you feel confident you could try using the pen tool.

Step 10
I felt the shoe looked to clean and flat so I downloaded a light brown paper texture, these can be found everywhere so just give it a google. Paste it into your document, the positioning doesn’t matter as long as it covers the shoe. Now Ctrl+click on the shoe layer (the one that we set to 100% in the last step) then select the paper layer and press the layer mask button then hit Ctrl+D get rid of the selection. In the layers panel place the paper layer between the shoe and the lines so above the shoe and the drip but below the lines. Now lower the opacity of this layer to around 30%.

Step 11
We’re going to now try and replace this guys arm with a tripod because I thought it would look cool. Select the clone stamp tool and in the main toolbar set the sample to all layers. Change the brush to a medium soft brush then create a new layer.

Step 12
Now you have to remove the arm by sampling the background the cloning it on top of the arm. Do this by holding Alt and clicking where you want to sample then brushing over that area. Keep doing this until the arm is removed like in the image below.

Step 13
We now need a reference image of a tripod so search the internet until you find a good one tha would fit the arm then past it into the document, I lowered the opacity of this layer so I could position it accurately.

Step 14
Now you have to use exactly the same process as we did for the shoe so first trace round the object and fill it white, you’ll notice that at the top I haven’t followed the reference image, this is because I wanted it to connect to the arm,

Step 15
Again use the same technique to add the lines, I added some extra line and made some bits up to make it look better.

Step 16
Raise the opacity of the filled layer then copy the paper texture and place it over the tripod in the same way as we did with the shoe

Step 17
I added a few drips on the arm, these should be easy for you to work out how to do. Thats us done for part 1 but check out part 2 here. I hope you found this part useful.

Similar Tutorials:
- Dance Photo Manipulation Part 2
- Luminescent Lines
- Awesome Snowboard Poster
- CD Cover Design
- Create Smoke Text
Save and Share this Post
We like people who share our posts! Del.Icio.Us - StumbleUpon - Float - Reddit











May 1st, 2009
Alin Ivana:
Superb, but I hoped to see the part with the clouds and the vectors too.. but still impressive
May 1st, 2009
Alin Ivana:
Sorry, just realized it’s only part1, sorry, hope to see part 2 really soon :D
May 1st, 2009
Subhadeep Gayen:
wow, really cool tut keep going,
My Last Tutorial : How to create manbabies > http://pcandweb.com/tutorials/how-to-create-man-babies-in-photoshop.html
May 3rd, 2009
Dance Photo Manipulation Part 2 | Learning Resources for Adobe Photoshop:
[...] This two part tutorial will be showing how to create some really cool elements for a photo-manipulation. We’ll start with an image of a person and use lots of useful techniques to transform it into a really interesting image that will stand out. Below is a preview of what we’ll create over these two parts. Check out part 1 here. [...]
May 10th, 2009
Dance Photo Manipulation Part 1 | CgBaran Tuts:
[...] View Tutorial [...]
May 10th, 2009
CgBaran Tuts:
Great tutorial series
May 13th, 2009
Most Wanted Photohop Effects Tutorials |:
[...] Dance Photo Manipulation Part 1 [...]
May 15th, 2009
10 Hunted Ever Photohop Effects Tutorials | Free Tutorial 4 All:
[...] Dance Photo Manipulation Part 1 [...]
May 24th, 2009
timic:
cool … looks a lot like my borther’s work: http://espador.deviantart.com/art/Break-IT-103132435
May 25th, 2009
SheQMa:
Great tut! I have one problem and was wondering if anyone could help. I am stuck on the drawing part. When I go to the brush and hit enter the whole part don’t show up. just parts of the outline…Any reasons to why this is? I have already re-started my program, reset the tools, as well as my computer. Please help.
Thanks!
June 30th, 2009
e11world:
Very nice tutorial. I can’t wait to do these on my own images http://www.geocities.com/iraqattackcrew/bestfreeze.jpg
July 1st, 2009
10 Fantastic Photoshop Photo Effects Tutorials | tutorialsandreviews.co.uk:
[...] [...]
July 9th, 2009
You are now listed on FAQPAL:
Dance Photo Manipulation Part 1…
I wanted to write a tutorial showing how to reproduce some of the really common elements, regularly found in graphic design these days, almost cliche elements. In doing so you’ll produce a stunning piece of art. This will be a two part tutorial and p…
August 6th, 2009
photography:
Thanks for your info. This blog is very useful.
August 18th, 2009
Fantastico tutorial de Photo manipulation « King Studio:
[...] – Dance Photo Manipulation part 1 [...]
December 28th, 2009
68Design – (68ds.com) Creative Design Transmitor » Blog Archive » 30 Photoshop Tutorials of Great Photo Effect you will love:
[...] 3. Dance Photo Manipulation Part 1, Part2 [...]
December 28th, 2009
ASAD KHAN:
Nice Manipulation, Thanks for sharing
January 5th, 2010
Frank:
the picture is great but the in tutorial I miss something
August 2nd, 2010
shirley:
Excellent! Thank you
August 12th, 2010
Tutorials of Photo Effect from Photoshop for all Designers - Indonesia Hits:
[...] 3. Dance Photo Manipulation Part 1, Part2 [...]
September 27th, 2010
andrea werbeagentur:
looks interesting! Thanks for sharing this.
September 28th, 2010
50 best photoshop photo effects tutorials :: Reflex Stock Photo Blog:
[...] 23. Dance Photo Manipulation [...]
September 29th, 2010
15 Fresh Quality Adobe Photoshop Tutorials « HUE Designer:
[...] Visit Tutorial [...]
October 6th, 2010
Marlowe Madrigal:
Gotdamnit! man, this is cool! I am an aspiring designer and proud to say that I am a born designer. I can’t wait to have a computer to do this. Thanks!
October 15th, 2010
50 best photoshop photo effects tutorials | Net Baba:
[...] [...]
November 15th, 2010
10 Best Photoshop Photo Effects Tutorials | Cg Web Consulting:
[...] Dance Photo Manipulation [...]
November 21st, 2010
15 Fresh Quality Adobe Photoshop Tutorials | Super Technical:
[...] Visit Tutorial [...]
December 13th, 2010
10 Best Photoshop Photo Effects Tutorials | cgwebco.com:
[...] Dance Photo Manipulation [...]
December 27th, 2010
10 Best Photoshop Foto Efekata – Tutorijala – Web dizajn blog PopArt:
[...] Dance Foto Manipulacija [...]
February 6th, 2011
29 Special Photo Effect Photoshop Tutorials | Mimesis360:
[...] 3. Dance Photo Manipulation Part 1, Part2 [...]
February 15th, 2011
Free PSD Tutorials:
amazing tutorial :D ty
February 15th, 2011
15 Amazing Creative Dance Photo Manipulation Tutorials « Free PSD Tutorials for Photoshop, Graphics,Freebies:
[...] View Tutorial [...]
February 17th, 2011
Most Wanted Photohop Effects Tutorials | GraphicsXone.com:
[...] Dance Photo Manipulation Part 1 [...]
February 23rd, 2011
15 Amazing Creative Dance Photo Manipulation Tutorials « GraphicBull | Design | Graphics | Layout | Illustration | Web | Advertising | SEO:
[...] View Tutorial [...]
March 2nd, 2011
30 Photo Effect Photoshop Tutorials Every Designer Will Love « DownGraf – Your Graphic World:
[...] 3. Dance Photo Manipulation Part 1, Part2 [...]
May 26th, 2011
andy:
This post was very well written and it also contains a lot of useful facts.I enjoyed your professional way of writing the post.You have made it very easy for me to understand.
June 6th, 2011
ifan:
that’s great man, very cool..thanks 4 this tutor…
June 15th, 2011
kala billa:
very nice like it
June 16th, 2011
Muyiwa Gold:
Bravo. Greatest work. It’s creative.
But i need consistent practice to get the exact final result.
July 12th, 2011
Malcus:
Thanks for this work! very cool, Merci
July 14th, 2011
heizstrahler reer:
I just could not depart your website prior to suggesting that I really enjoyed the usual info an individual supply on your guests? Is going to be back ceaselessly in order to check out new posts
August 2nd, 2011
Photoshop Effects » Example Codes:
[...] 3. Dance Photo Manipulation Part 1, Part2 [...]
August 15th, 2011
Last Longer In Bed Tonight:
Thank you, I’ve recently been searching for details about this subject for ages and yours is the best I have located so far.
August 27th, 2011
Learn 150 Cool Photoshop Effects to Become Master in Photoshop | How to use Photoshop - Free Course:
[...] Today we will consider a dance photo and deliver a brilliant piece of creative art work. Here as shown one is normal photo and other is with effects. Truly the techniques are awesome and finally it delivers a great output… Create an awesome effect for a dance photo [...]
September 4th, 2011
Best Photoshop Light Effects Tutorials Manipulations « Agus Web Design:
[...] Dance Photo Manipulation [...]
September 15th, 2011
Izrada sajtova Crna Gora:
This is awesome tutorial. Thank you.
October 3rd, 2011
PVC STOLARIJA CRNA GORA:
I really like this tutorial. Thanks a lot
October 17th, 2011
Photo Effect Photoshop Tutorials Every Designer Will Love | W Design Love | Graphic and Web Design Blog | Coding | tutorials | freebies | Wordpress | inspiration | Blog:
[...] 3. Dance Photo Manipulation Part 1, Part2 [...]
October 22nd, 2011
liuyupiaoyun:
it`s cool.I like it very much. I `m a chinease student and a new learner to this.comunicating is hoped!
November 5th, 2011
Photo Effect Photoshop Tutorials Every Designer | VapvaruN | Wp Experts:
[...] 4. Dance Photo Manipulation Part 1, Part2 [...]
November 9th, 2011
Photoshop Light Effects Tutorials | PSD P2Ptuts:
[...] Dance Photo Manipulation [...]
November 10th, 2011
Abercrombie & Fitch:
Abercrombie & Fitch uses packaging materials for their high Abercrombie & Fitch Tops quality production and safety, the logo should be fully A&F Women Hoodies printed. Those who know the style, covet fashion collections A&F Men Long sleeve the project company, as they are ideal for those who want to A&F Men Tee Shirts see in fashion. You can buy a shirt, abakuro and other clothes A&F Women Outerwear Coats when you go online and shop in the comfort of your own computer A&F Men Hoodies .
November 10th, 2011
Manitobah boots:
The Australia Luxe Collective Fame Boots is also known to tighten the muscles of the abdomen and gives an overall improved posture.The Manitobah Mukluks Suede Mukluks High Boots can reduce cellulite at an amazingly fast pace. Mukluks Boots For Women will ensure that you don’t miss out on their toning benefits in colder months. The new range of Manitobah Mukluks Wrap Vibram Half Boots is equally effective as Luxe Collective Almost Famous Boots when it comes to toning your legs or bums Luxe Crystal Angel Grey Short Boots.
November 10th, 2011
Liza Mcclymonds:
Thanks quite a lot for your very good article;this is the type of issue that keeps me going as a result of out these day. I’ve been hunting around for this web page right after getting referred to them from a colleague and was pleased when I found it soon after searching for some time. Becoming a avid blogger, I’m cheerful to find out others taking initivative and contributing for the community. I’d personally wish to comment to show my approval for your submit as it may be very challenging to perform, and numerous bloggers don’t get acceptance they deserve. We’re positive I’ll check out yet again and will send some of my close friends.
November 18th, 2011
Mais de 15 tutoriais fenomenais de Lights Effects no Photoshop | W and D:
[...] Dance Photo Manipulation [...]
November 30th, 2011
Downgraf – Design weblog for designers » Best Photoshop Tutorials To Boost Your Skills!:
[...] Dance Photo Manipulation We wanted to write a tutorial showing how to reproduce some of the really common elements, [...]
December 11th, 2011
Downgraf – Design weblog for designers » 15 Fresh Quality Adobe Photoshop Tutorials:
[...] Visit Tutorial [...]
January 5th, 2012
Photoshop Light Effects Tutorials - - The Creative Head- The Creative Head:
[...] Dance Photo Manipulation [...]
January 28th, 2012
15 Fresh Quality Adobe Photoshop Tutorials | Best Open Source Resources for Web Developers | Designers:
[...] Visit Tutorial [...]
January 31st, 2012
تكبير القظيب:
Splendid artwork, lastly found a source for romantic background images
February 27th, 2012
Fazer Montagem Photoshop | Montagem Photoshop:
[...] Este tutorial parte dois será mostrando como criar alguns elementos muito legal para uma foto-manipulação. Vamos começar com uma imagem de uma pessoa e usar muitas técnicas úteis para transformá-lo em uma imagem muito interessante que vai se destacar. Abaixo está uma prévia do que vamos criar mais estas duas partes. Confira a parte 1 aqui . [...]
April 1st, 2012
Top photoshop photo effects | EastGods Design Guide:
[...] Dance photo manipulation [...]
April 18th, 2012
wheres my water apk:
I’m not sure where you are getting your information, but great topic. I needs to spend some time learning more or understanding more. Thanks for excellent information I was looking for this information for my mission.
April 24th, 2012
11 impresionantes efectos para fotos en Photoshop:
[...] # Dance Photo Manipulation [...]
May 16th, 2012
Get Free 15 Fresh Quality Adobe Photoshop Tutorials on Mega Pack - Mega Pack:
[...] Visit Tutorial [...]
May 16th, 2012
Get Free 30 Photo Effect Photoshop Tutorials Every Designer Will Love - Mega Pack:
[...] 3. Dance Photo Manipulation Part 1, Part2 [...]
May 29th, 2012
tutorial photoshop Dance Photo Manipulation Part 1 | Arzi:
[...] 66 Comments [...]
May 29th, 2012
kgkg:
Coach Outlet Store is in part simply a response to consumer demand. Consumers accept the notion of the desirability of select consumer product brands and designer labels. Yesterday, I saw an advertisement of lady’s handbags on Coach Outlets Online. I was obsessed by the unique decorative pattern and special appearance of coach outlet store online.
June 27th, 2012
jgjght:
I would love to share this post on my blog, can I do it?
October 20th, 2012
Suzi uncel:
fashionbugplus Regards for all your efforts that you have put in this. very interesting information.
November 13th, 2012
5 Advanced Photoshop tutorials + Downloads:
[...] CLICK HERE TO VIEW PART 1 TUTORIAL [...]
December 18th, 2012
20 Efectts Photoshop Tutorials | universoart:
[...] Dance photo manipulation part 1 [...]
February 25th, 2013
20 Fascinating Photoshop Tutorials For Photo Effect - Aha Daily:
[...] Read & Try [...]