Sunday 24 July 2011

Turn Your Photo Into A Terminator Style Robot With Photoshop


This one took me a while to make but the end result was totally worth it. In this tutorial i will be sharing the technique of converting your photo into a terminator style robot. Here is a final preview of what we are aiming for :

Final Preview :

Turn Your Photo Into A Terminator Style Robot Using Photoshop
First Up grab the following stock pictures :

  • The Lady by Jessica Walker
  • The Skull by discordiA-stock
  • Spotted Metal Texture
  • Plain Metal Texture
  • Circuit Board
  • Cooling Tubes
  • Metallic Wires
  • Camera
  • Lens
  • Sextant by Marcus Ranum
  • Bike
Oh yeah! we do require that many stocks, but its totally worth it.Lets Begin

Brief Description :

This is a overall walk through of the whole process. It begins with face. The first step is to image how the skull inside the face would look. Next we need to make our skull fit into the face. Also we make the skull metallic and then we start working on putting together the eye and other metallic face components. Finally we blend everything together!

Step 1 – Skull Anatomy

Extract the skull from its stock. Next open the face image and try to imagine how the skull would look. This is important as this will be your guide when you will try fitting the skull in the face. Next drag your extracted skull onto the face stock and switch its mode to Overlay/Linear Burn, whichever is more comfortable and get the skull in right alignment and size.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
As you will notice, the jawline of the girl is pretty sleek and the jawline of the skull we have is pretty large.Therefore, we need to bring the two in harmony; goto Edit>Free Transform (Ctrl+T) and  switch to the warp mode to set everything together. Take good care while fitting the skull in as this is really important since it will govern the overall shape of the whole manipulation.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 2 – Displacement Maps

Alright now we need to make the skull metallic and that too a two tone metallic. Here we will we using a very handy technique in photoshop called as displacement maps.Imagine a displacement map as a guide around which your texture is wrapped. This is different from normal texturing techniques as your applied texture does not look flat!
To apply a Displacement Map; save the Skull Image to a new file and call it displacemt.psd. Next desaturate the skull(Ctrl+Shift+U) and go to Select>Color Range. Choose the black color inside the nose cavity using the eye dropper tool and change the fuzziness to 110 and press ok. Some portion of the skull will be selected.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Now from the swatches select 50% gray and use the paint bucket tool with a tolerance 255 to fill in the selected area.Next to smoothen it out , goto Filter>Blur>Gaussian Blur and use 1.5 as the radius and click ok. Hit Save and we are done with displacement.psd
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 3 – Spotted Metallic Skull

Return to our original file and drag the spotted metal stock onto a new layer just above the skull layer and resize it so that it covers the whole image. Next goto Filter>Distort>Displace. Use the default setting click ok and select the displace.psd as the displacement map.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
The evident difference in the spotted metal sheet wont be much but it will get cleared in a little while. Ctrl+ Click on the thumbnail of the skull layer to make a selection of its boundary.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Next Invert the selection(Ctrl+Shift+i) and make sure your current selected layer is the spotted metal and hit delete. This will leave you with a skull shaped spotted metal layer. Switch its  blending mode to Soft Light.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 4 – The Dual Metallic Tone Skull

Like the above step we will drag the plain metal layer onto a new layer just above the spotted metal layer. Resize it to cover the whole image. Next goto Filter>Distort>Displace, use the default settings and use displace.psd as displacement map. Now make a selection around the skull. Invert the selection(Ctrl+Shift+i) and make sure your current selected layer is the plain metal layer and hit delete. Change the mode of this layer to darken and voila we have a dual metal tone skull!
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Also at this point group the Skull, the spotted metal and the plain metal layer into a single group called the Metal Skin.

Step 5 – Eye Cavity

Next we have to make an eye cavity in the skull. To do this make a new layer. Now using the skull’s eye cavity as guide paint a cavity on top of it with a soft round brush with black color.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Also apply the following effect to make it more realistic.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Note : All the adjustment layer used below are applied to the respective layers only in which they are mentioned using the clipping mask option.They are not applied to the overall image.This can be activated by clicking on the option ‘Use previous layer as clipping mask’ while creating a new adjustment layer. Or by pressing alt and click between the adjustment layer and the layer below it.

Step 6. – Mechanical Eye Holder

To make a mechanical eye holder open the sextant image and select the upper portion of the sextant as shown and bring it into our file on a new layer above the eye cavity.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Arrange it as shown and use the burn tool and burn up most of the parts to give a faint reflection feel. Finally group the adjustment and the sextant layer into a group called Mechanical Holder.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Next apply a Brightness/Contrast layer and a Curves adjustment layer to it with following settings.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
And here is the effect so far :
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 7 – The Circuit Board

This one is pretty simple drag the circuit board above the mechanical part on a new layer.Ctrl+Click on the cavity thumbnail to make a selection around it. Now with the  circuit board as your current working layer click on mask. This will hide the additional portion of the circuit board visible outside the cavity. Burn it to get a distant reflection finish.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Apply the following Brightness/Contrast and Curves adjustment to it. Group the adjustment and Circuit layer into a group called circuits.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
And here is the effect so far:
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 8 – The Wires

This one is pretty basic step. Extract the wire from the wire stock and bring them on a new layer.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Next Duplicate it three times and arrange it as shown.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Finally apply the following Brightness/Contrast and Curves adjustment layer to each one of them with following settings.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Burn them a little to give them a realistic feel. Group all the three different wires into three different groups.

Step 9 – The Eye Holder

A good place to start off with the eye holder is to select the Camera Lens along with it upper border from the stock image.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Resize it and place at the middle of the cavity .Use the rulers to match the lower portion of the lens with the lower portion of the right eye on the face (Unhide the face layer for a little while doing the placement).
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 10 – The Eye

Next extract the lights from the lens image and resize it and place it on top of the camera lens.Switch the mode to Overlay.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Apply a Hue/ Saturation adjustment layer with the following settings:
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Group the Eye holder,Eye and the adjustment layer into a single group called the Left Eye. And here is the effect so far :
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 11 – The Jaw Hydraulics

We need to introduce a jaw hydraulic system which will make the jaws of the terminator work. To do this open the bike stock and extract the front suspensions from the image.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Resize them and put then right below the cheek bone and ending at the lower jaw bone.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 12 – Blend the Jaw Hydraulics

To blend them in make a small black colored ellipse a little larger then the thickness of the suspension. Position this ellipse near the end of suspension on the lower jaw bone. Ctrl+Click on the suspension to select it and make sure that ellipse is the current selected layer. Rasterize it and hit delete.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
To blend the upper portion of the suspension with cheek bone simple add a layer mask to suspension and mask the additional portion visible over the cheek bone. This makes it look like the suspension is connected below the cheek bone and into the lower jaw bone.
Apply a Curves adjustment layer to the suspension layer with following settings to take away it shine and give it a dull finish. Group the Jaw Hydraulics Layer together.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 13 – The Cooling Tubes

Extract the tubes and the hole from the tubes image.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Next Rotate and Resize it and position it on the forehead. Make sure that this layer is below the eye cavity layer. Finally also keep in mind that the end of the tubes should come below the eye cavity to give an impression that they are going inside the eye cavity.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Apply a Brightness/Contrast adjustment layer to the tubes with settings brightness -90 & Contrast +75 to blend them in.

Step 14 – The Cooling Tubes Shadow

Ok now to make the tubes blended we need to paint two kinds of shadows. First one is that of the tubes to do this simply take a soft round brush of diameter a little more then the width of the tubes and on a new layer right below the tubes paint a black shadow with a soft brush, to give them a very slight shadow.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Also make a black circle of approximate size as the hole and push this layer below the hole such that only a little portion of the circle is visible through the top left hand. Now change the blending mode of this layer to Multiply and opacity 70%.Group the cooling tubes layers together.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Alright till the above point we have got a dual metallic tone skull with a robotic eye, hydraulics and cooling tubes. Now we being with the cool part of blending the face with the metal.

Step 15 – Making The Right Selection

The layer containing the Girl face has to come above the Metal Skin Group.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Now we will slowly mask the face to reveal the metal below. To get this right we will do a horizontal cut first. Ctrl+Click on the Skull Thumbnail to select the skull. Next select the polygonal lasso tool and the alt key pressed draw a horizontal line across the face of the face of the girl and draw a polygon around the selection to the right of the line to remove it .
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Next press Ctrl+Shift+i and click on mask to mask the left portion revealing metal underneath. We can still see some portion of the cheek in the mask hence we will use a soft brush and manually mask that portion.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 16 – Cloning the hair

As you might have noticed masking the bit of cheek left has given us a transparent portion. To fill it up we will select the clone stamp tool. Alt+ Click on the Hairs of Girl and on a new layer we will slowly paint over the transparent portion.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 17 -  The Torn Edges

This is really fun to make simply select the lasso tool and on the horizontal line make a zigzag selection.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
Next goto the face mask and fill the selection with black color. This will give us jagged edge on the divide.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 18 – Highlights and Shadows

Select the dodge tool and soft brush with size around 21px and dodge the whole outline of the skin. and apply the following blending effects to the face layer.
Turn Your Photo Into A Terminator Style Robot Using Photoshop
And here is the effect so far:
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 19 – Burn It!

Goto the plain metal layer and use the burn tool and burn right around where the skin meets the metal. This completes our face and metal blending.
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Step 20 – The Right Eye

Ok zoom in on the right and select the pupil.On a new layer above the face layer fill the selection with #ff0000. Change the mode to Overlay and we are done!
Turn Your Photo Into A Terminator Style Robot Using Photoshop

Alternate Version:

Turn Your Photo Into A Terminator Style Robot Using Photoshop

0 comments:

Post a Comment