Preview

Creating a Spy Fly Photo Manipulation

Jun 9th in Illustration, Photo Effects by Constantin Potorac

Welcome to a new Photoshop based tutorial. This time I'll try to describe the main steps in creating a dead robot fly. Before we get started, I would like to thank Hortensiu Milstein (Personal Portfolio) for the great collaboration. We decided to make this tutorial a year ago, but the lack of time postponed the realization of this tut. This piece was actually created for a contest and off course the first prize was the result. The concept of this illustration was to take a picture and be creative, use parts of that image and create something unique. So, let's get to it!

PG

Author: Constantin Potorac

I am a freelance designer living in Romania. I discovered the beauty of design a few years ago. Since then I have dedicated my time to becoming a great designer (work in progress)!

Introduction

The image looks 3D like and this is something Hortensiu specializes in. If you check his portfolio out, you will see a few great 3D works. Hortensiu had a really great vision and he knows well how to place objects in 3D space.

The main idea of this tutorial is about being as creative as it gets using a very low number of resources. As you can see below in this illustration we've used used only two images. Before you start, take a look at the images you will be using: this is the main image required for the contest and for the background we used an image from cgtextures or you can use this one at sxc.

Final Image Preview

Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below or view a larger version here.

Step 1 - Reference Material

For this work I already had an idea about the look of the final result, but wanted to document myself so I went searching for reference material (positioning, how a dead fly looks, how the wings and legs look and so on). Open Google and search for a fly, dead fly and stuff like that (remember that you will not use these images in your composition, you will just look at them for inspiration and reference). I selected about four images. It's very important to feel the matching possibilities of your reference images. The image below is the image we will use to create the fly.

Step 2 - Sketching the Image

Next we do the sketch to have a clear idea on what it should look like. Because not all of us have drawing skills you can chose to make this step another way. Simply copy a dead fly image and above that create a new layer and draw over the fly. You don't have to make every detail; just a quick sketch to help you define the shape of the fly should work. Open a new document 750px by 1024px and import the sketch into the document.

Step 3 - Choose Parts from the Image

Now look at the image and choose what part of this image you'll use to combine your work. You should keep in mind the lines of our fly (the lines you draw) and choose the parts with the same orientation in space.

Step 4 - Creating the Fly

Start with a cut on that binocular to use on the back of the fly. Use the Pen Tool (P) to create a path, then press Command + Enter to transform the path into a selection. Copy and Paste in our document, then use the transform and warp transformations to fit it in the fly shape. Just apply a little motion blur on that piece to reduce the reflection.

Step 5

Now, duplicate this section a few more times, transform and place them to create the desired shape. Along the way you should mask a few parts and use Burn Tool (O) on the edges in order to create some damage on that shield and shadows.

Step 6

Next apply a drop shadow under the sections. Create a new layer below the shield pieces and draw the shadow using a black brush.

Step 7

To make the intersections between the shield elements cut a bar from the green grating in the reference image. Copy/Paste and desaturate this element, then use the warp transform again to fit it in position. Remember to keep a copy of this element unwarped for the fly legs.

Step 8

Use the same transform technique to fit the middle section. Use the Dodge Tool (O) to increase light on some areas.

Step 9

Now for the mechanical interior use shiny metallic elements. Apply a drop shadow and separate it from the object. Desaturate the object and place it in position. Use the Burn Tool to add shadow.

Step 10

The head of the fly will be something like a hi-tech lens. For this use the binocular piece. Transform and position it in place.

Step 11

Create some details using some more elements from the image.

Step 12 - Create the legs and wings

Remember the grating element? Go back to Step 7. Now we use that for creating the legs. Use warp and transform to create the leg segments.

Step 13

For the wing you can use the same segment from the legs, but you need to make them skinnier, or stroke and apply Bevel and Emboss.

Step 14

To create the wing material, use the tablecloth texture.

Step 15

Transform it to fit the shape of the wing.

Step 16

Desaturate the layer. Now use the Eraser Tool (E), set to a soft brush, to erase the wing and create a broken wing texture. Also, use the Burn Tool (O) at the edges of the wing. In the end set the Opacity of the layer to 80% or so.

Step 17

You can apply some color effects to your wing and maybe erase some more parts to give a more powerful rust and damaged wing effect. Copy the right wing and place it in the left side, use warp and transform to position it correctly. Use the Blur Tool (R) to add some macro effect. Add some film grain effect. You have finished creating the fly so you can delete the "sketch" layer.

Step 18 - Add Post FX

Move all the layers that you used to construct the fly into a group. Next, import your background image. For the macro shot look we're going for, only use part of the background image zoomed in.

Step 19

Make a selection using the Elliptical Marquee Tool (M) set to Feather 100px. Then invert the selection and press Command + J to copy a piece of the background with that selection.

Step 20

Next go to Filter > Blur > Gaussian Blur and set it to a value of 2.6px. You will notice that the background is different and this is because I decided to use a different area of the same background image.

Step 21

Next you need to duplicate the "background" layer one time. Set the first layer to Overlay and Opacity to 24%. Also, set the second layer to Luminosity and Opacity 100%. And last create a new layer and place it behind all the layers, then fill it with #666666.

Step 22

To give it some color, create a new layer above all the other layers. In this layer, use the Radial Gradient Tool (G) set to black to create a dark gradient, as shown below. Then set the layer to 17% Opacity.

Step 23

Create a new layer below the one in Step 22. Now set up the Brush Tool (B) with a soft brush and these colors: #6bb0d3 and #134b49. Use this brush to add a color pattern, as shown below. Then use the Eraser Tool (E) set to a soft brush and erase two spots, as shown. In the end you need to set the layer to Vivid Light and Opacity to 7%.

Step 24

Place the fly on the background.

Step 25

Now the final steps is to add the fly shadow and some extra details. Create a new layer below the fly and use a soft, black brush to create a shadow.

Step 26

In the end, add some oil splash using a splash brush and a broken part of the fly.

Conclusion

Hope you learned some new techniques and had fun while doing so. You can view the final image below or view a larger version here.

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    alberto June 9th

    Thanks man

    ( Reply )
  2. PG

    Mr Alek June 9th

    Great Concept! Thanks for the tutorial.

    ( Reply )
  3. PG

    Jorbin June 9th

    Fantastic Idea! Love It!

    ( Reply )
  4. PG

    Peewee1002 June 9th

    Wow a completly different style to normal. tempted to try this.

    ( Reply )
  5. PG

    Wojciech Pijecki June 9th

    Interesting idea, do you sell these? ; p

    ( Reply )
  6. PG

    bodhi June 9th

    Interesting!

    ( Reply )
  7. PG

    cruciald June 9th

    Great image, love the look.

    ( Reply )
  8. PG

    nic June 9th

    Pure genius!!

    ( Reply )
  9. PG

    Tavis Glover June 9th

    I like how you took it from a sketch, to a final composite. Sweet!

    ( Reply )
  10. PG

    mateo85 June 9th

    great work, good job

    ( Reply )
  11. PG

    Diesel Laws June 9th

    Amazing concept and tutorial! What a great photomanip!

    ( Reply )
  12. PG

    Phenotype June 9th

    Very nice, some great techniques.

    ( Reply )
  13. PG

    Melody June 9th

    Very nicely done, love how you used everything from the picture to compose the fly..

    ( Reply )
  14. PG

    matthew booth June 9th

    Constantin,
    I really like the creative flood gates this tutorial opens. I immediately started thinking of all the other ways these techniques could be used to make some cool compositions for “spy stuff”. Great tut!

    ( Reply )
  15. PG

    Master June 9th

    Awesome

    ( Reply )
  16. PG

    Arik June 9th

    I like the idea and the approach is good however the end result seems a bit ‘too crisp’. You’re almost turning it into a poster effect near the end which tends to get rid of some of the realism.

    Also, the DOF seems a bit ‘linear’.

    Otherwise great.

    ( Reply )
  17. PG

    Tebe June 9th

    Very nice tutorial, and not the first one from Constantin. Hope you’ll be doing more of them here later :)

    ( Reply )
  18. PG

    Mike June 9th

    well done
    nice concept

    ( Reply )
  19. Fantastic! ;D

    ( Reply )
  20. PG

    Toniccio June 9th

    that is absolutely great based on pictures only, nicely done, thx for posting

    ( Reply )
  21. PG

    OktayOe. June 9th

    Wow, that looks so cool.

    ( Reply )
  22. PG

    Kev June 9th

    Amazing in my opinion! Fantastic!

    ( Reply )
  23. PG

    Jaap June 9th

    Very nice tutorial, its just the perfect use of multiple images. Thanks for sharing with us!

    ( Reply )
  24. PG

    Stanley Parrish June 9th

    That’s pretty creative. Looks real

    ( Reply )
  25. PG

    Zik June 9th

    FLAWLESS VICTORY – FATALITY !

    so pro, stunning…

    ( Reply )
  26. PG

    Mike Lewek June 9th

    Wonderful. Very cool.

    ( Reply )
  27. PG

    TheArtist June 9th

    Great Tut for everyone!

    ( Reply )
  28. PG

    Max Stanworth June 9th

    Wow, im impressed with that

    ( Reply )
  29. PG

    jaycee June 9th

    OMGawd, Awsome’

    ( Reply )
  30. PG

    travis June 9th

    Fantastic and very simple to follow tutorial

    ( Reply )
  31. PG

    Ryan O. Hicks June 9th

    Cool concept; very creative.

    ( Reply )
  32. PG

    Mario Xiao June 10th

    Brilliant design! Good work

    ( Reply )
  33. PG

    M.Ali.Gorur June 10th

    That’s a real cool consept! Cong.!

    ( Reply )
  34. PG

    RUGRLN June 10th

    Wicked stuff. BTW, I think you mean use the BLUR tool for the macro effect, right?

    ( Reply )
  35. PG

    Branden Silva June 10th

    Constantin when are you going to get on twitter so I can add you??? Nice work once again. You are traveling around the designer web :D

    ( Reply )
    1. PG

      Constantin Potorac October 29th

      I am on twitter look for me ;) cpotorac

      ( Reply )
  36. PG

    HariArch June 10th

    Wow great work! :)

    ( Reply )
  37. PG

    Kuldar Kalvik June 10th

    This is really brilliant! Good job! : )

    ( Reply )
  38. PG

    vectorian June 10th

    unbelieveble technique!!! salute to the author… brilliant!!!

    ( Reply )
  39. PG

    symon June 10th

    Man that’s good. Really good tutorial and food for creative thought. Off in search of dead flies as we speak…. :D

    ( Reply )
  40. PG

    Adil June 10th

    Gawd awesome tutorial!! thnx for sharing!!

    ( Reply )
  41. PG

    Philo June 10th

    Great Tutorial! :)
    Very nice result!

    ( Reply )
  42. PG

    Kim Dolleris June 10th

    Great work!!! thanks for sharing!

    ( Reply )
  43. PG

    Brolando June 10th

    This is soooo coool.. Damn i love your work

    ( Reply )
  44. PG

    tasarhane June 10th

    very good tutorial..!

    ( Reply )
  45. PG

    mondspeer June 10th

    Wow, great fly … and very good step by step explanation.

    ( Reply )
  46. PG

    Dan June 10th

    WoooooooooooooooooooW
    awesome

    ( Reply )
  47. PG

    lau June 10th

    Great creativity

    ( Reply )
  48. PG

    Diego SA June 10th

    Awesome! Different and original.

    ( Reply )
  49. PG

    Shawn June 10th

    Great tutorial! A very cool concept with some advanced methods to work on! Thanks so much! Looking forward to trying this.

    ( Reply )
  50. PG

    SnowInChina June 10th

    looks great
    thanks

    ( Reply )
  51. PG

    TwenStudio June 10th

    This Best Tutorial hhhh Amazing Work !

    ( Reply )
  52. PG

    loswl June 10th

    Amazing work, very nice tut!! :o )

    ( Reply )
  53. PG

    creatived June 10th

    Excellent tutorial, best I have seen here in a while, love your process!!

    ( Reply )
  54. PG

    Carlos June 10th

    This is a very good tutorial!

    ( Reply )
  55. PG

    Kris June 10th

    Perfect execution and way to go PSD for steppin up your game. I love photo manipulations, but its been the same style over and over till now.

    I will be working on this all night.

    ( Reply )
  56. PG

    merb June 11th

    increíble!!! gracias

    ( Reply )
  57. PG

    himangshu June 11th

    u gt great painting skills as well as construction insight

    ( Reply )
  58. PG

    CgBaran Tuts June 11th

    Excellent work

    ( Reply )
  59. PG

    Dainis Graveris June 12th

    beautiful work – I really like funny and realistic outcome! Looks like stuff for worth1000 competitions :)

    ( Reply )
  60. PG

    Maine June 12th

    I love my plus membership, I want more, WE ALL probably want more photo manipulation tutorials. It really shows the capability of photoshop and helps challenge the creativity of artist.

    ( Reply )
  61. PG

    Abdullah alhourani June 14th

    Great tutorial I like it, please look at my design for spy fly:

    http://animationstudios.deviantart.com/art/Fly-Spy-112968571

    Thank you so much

    ( Reply )
  62. PG

    Madil June 15th

    wow I like it…

    ( Reply )
  63. PG

    Eric Shafer June 15th

    I love this tutorial, it’s simple yet it’s…different.

    Featured here: http://www.presidiacreative.com/web-picks-25/

    ( Reply )
  64. PG

    young June 17th

    good!

    ( Reply )
  65. PG

    dl June 20th

    I do stuff like this for fun. Its fantastically satisfying. Thanks for sharing. Was amusing how you brought your imagination into play here. I love the concept

    ( Reply )
  66. PG

    dimomarg June 21st

    very nice and easy to follow…. I think I’ll try it.

    ( Reply )
  67. PG

    Maicon June 21st

    I liked the power of make a full composition with few elements em without complicate effects. Congratulations.

    ( Reply )
  68. PG

    dokushin June 22nd

    very cool!

    ( Reply )
  69. PG

    Will June 25th

    Enjoyed this very much and as a beginner picked up some very useful techniques.

    See my final result here: http://www.flickr.com/photos/39885500@N08/3659613976/http://www.flickr.com/photos/39885500@N08/3659613976/

    ( Reply )
  70. PG

    Madness June 26th

    Perfect.

    ( Reply )
  71. PG

    Alex June 26th

    Awesome…!

    ( Reply )
  72. PG

    Fiona Angelina June 28th

    OH MY GOD! THIS IS SOO COOL! Thanks for sharing :) I’m motivated to do a photo manipulation after reading this article.

    ( Reply )
  73. PG

    Abdul Hameed June 29th

    Thanxxxxxxxxxxxxxx

    ( Reply )
  74. PG

    Dina June 29th

    wow!!!!

    ( Reply )
  75. PG

    RACHMAN June 30th

    EXCELLENT

    ( Reply )
  76. PG

    HMM July 11th

    This is Awesome

    ( Reply )
  77. wow! this looks really cool, great insight into the techniques used… awesome image. Thanks!

    ( Reply )
  78. PG

    Eddie July 13th

    Sweet! Perfect.

    ( Reply )
  79. PG

    mohamed July 15th

    well done man,u know ,when i saw the picture in the first time ,i thought its 3d image ,but when i saw the steps ,i gave you 10/10……..:)

    good job…..

    ( Reply )
  80. PG

    shrikant July 16th

    really wonderfull dear!!!!!!!!!!!!!!!!1

    ( Reply )
  81. PG

    Filip Stankovsky July 23rd

    Simple and original. I love an idea of material you´ve used. As I said to my students, from every thing you see, you can make an masterpiece.

    Thank you.

    ( Reply )
  82. PG

    Sever01dp July 23rd

    Impressive, I am also inspired by such creative work, make me want to do great work also.

    ( Reply )
  83. PG

    Milstein Hortensiu August 4th

    Hi all
    Thanks for appreciating my work and thanks Constantin for this tutorial
    I made this artwork for this Photoshop contest
    http://forum.photoshopromania.ro/viewtopic.php?f=35&t=2753
    use Google Translate – from Romanian to English

    ( Reply )
  84. PG

    Michael Pai August 19th

    long step but i like that :P

    ( Reply )
  85. PG

    Chy-Anne Lane August 30th

    Thank you for the time and effort you put into this.

    ( Reply )
  86. PG

    AniS September 5th

    Thanx for sharing such a wonderful work with us..!!
    simple steps and ,more effective results.

    Thumps up for ur Creativity..;-)

    ( Reply )
  87. PG

    Design Wannabe September 12th

    Pretty fly technique.. wow wow!

    ( Reply )
  88. PG

    kjeks2k October 11th

    mine didnt turn out that good, but here is my attemt:
    http://lokahore.deviantart.com/art/Dead-fly-139931833

    ( Reply )
  89. PG

    tanki November 8th

    unbelieveble idea

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 8th