Pages

Sunday, November 23, 2014

Making of Cyborg Manipulation Photoshop Tutorial

Tutorial Resources

The following assets will be needed to follow this tutorial.

Making of Cyborg Final Preview

Photoshop Photo Manipulation Tutorial

Step 1 – The body

Download the stock “See My Muscle” and open it in Adobe Photoshop. Create a path on the edge of the body using Pen Tool (P) and “Cmd/Ctrl + Enter” to convert path into selection and then hit “Cmd/Ctrl + J” to duplicate the body to a new layer. Then delete or hide the original (Background layer).
The body
We’ll going to smoother the surface of the skin. Go to menu Filter > Blur > Surface Blur, use radius 5 pixels and threshold 10 levels. In this way, we smoothed the skin without blurring the edge.
smoothed the skin without blurring the edge
Draw this path on the face using Pen Tool (P), then make selection and create layer via cut. Drag the cut of face to the left to create a place we’re going to add mechanical part. And also do it to the arm, like you did with the head. Make selection and drag the upper arm upward to show the inside of the arm.
Make selection and drag the upper arm upward
Next up, the neck. Erase the neck part using selection, we’ll replace it with some cables and machine.
Erase the neck part using selection

Step 2 – Inside the head

Grab the “Engine” photo, resize and place it behind the head. And then hide unnecessary parts, that is located in the outside of the head.
Inside the head
Create a new layer above the “Engine” with “Multiply” blending mode and create clipping mask (“Cmd + Opt + G” / “Ctrl + Alt + G”). Then use soft round brush with 0% opacity and low opacity to paint black brush on the new layer.
low opacity to paint black brush

Step 3 – Inside the arm

For the arm, use “Indy Car Cutaway” image stock. Take the needed part, and you have to flip it horizontal in order to get right view. After that, paint the shadow on a new clipping masked layer using soft round brush like you did on the head.
Inside the arm

Step 4 – The neck

Take images stocks “DC Motor” and “Cables”, remove their backgrounds, put them behind the “Body” layer, exactly inside the neck and transform them into right proportion.
The neck
Create a new clipping masked layer above “Cables” layer with “Multiply” blending mode, and paint the shadow using soft round brush with low opacity and low hardness. The shadow which is near skin must be thicker in order to get effect if the cables are really contact with the skin. And do the same way for “DC Motor” and another “Cables”. Then manage them by grouping.
paint the shadow using soft roun
Create a new layer and put it behind them all. Make selection like following image and fill it with #b48c72.
Make selection like following image
Next, create a new layer above it and create clipping mask, name it “Shadow 1″ and change the blending mode to “Multiply”. Use soft round brush to paint #b48c72 shadow.
create clipping mask
Create a new multiply clipping masked again and then paint soft black shadow. See image below for reference
multiply clipping masked

Step 5 – Reducing saturation

Select the top layer and then click menu Layer > New Adjusment Layer > Hue/Saturation. Set the saturation to -45.
Reducing saturation

Step 6 – Joint

To make an illusion of cyberflesh being prefabricated before being applied to the cyborg, we’re going to create seam lines. And for particular sections we will create wider objects than just line. Now use “Cmd/Ctrl + Shift + N” to create a new layer, and name it “Joint”. Create closed paths using Pen Tool (P), then right click and select “Fill Path” with black.
Joint
Here the other black areas.
image-6b
Advertisements
On the arm.
On the arm
The hand.
The hand
All parts.
All parts

Step 7 – Shadow

It is time to play with lighting to make illusion about thickness. Create a new layer named “Shadow”, change the blending mode to “Multiply” and reduce the opacity layer to 50%. Then set the foreground color to #b48c72. Create closed paths using Pen Tool (P), then right click and select “Fill Path”
Shadow
Use a Layer Mask to soften the ends of the shadows (click Layer Mask icon at the bottom of the layers palette), use soft round Brush to gently blend (set foreground to black).
soft round Brush to gently blend
Also do that on the other sections.
image-7c
On the hand.
On the hand
Here is the result of shadowing.
the result of shadowing

Step 8 – Highlight

Repeat the methods to create highlights. Use #b48c72 color and 50% layer opacity, but set the blending mode to “Screen”. And the highlights are located at the opposite sides of the shadows.
Highlight
Don’t forget to soften and blend by masking.
often and blend by masking
There is a special place, that is highlight for the “Joint”. Set color to #a7a7a7 for it. You can find it on the following image.
special place that is highlight
And here are the highlights for the hand.
highlights for the hand
Done.
image-8e

Step 9 – Dodge and burn

Perform dodging on the areas that pointed by yellow arrows and burning on the areas pointed by green arrows. Use low exposure (10% – 30%) and 0% hardness.
Dodge and burn

Step 10 – Circuit board

Take the “Electronics” image stock and place it on the body and transform it into right proportion. Then use layer mask to soften and blend the edge of circuit board to the body. After that, change the blending mode to “Overlay” and reduce the layer opacity to 20%.
Circuit board
Repeat the methods for the head, and you will need to wrap it while transforming.
Repeat the methods for the head

Step 11 – Shadow for head and face

Create a new layer above the body (Cmd/Ctrl + Shift + N), set blending mode to “Multiply” and create clipping mask (“Cmd + Opt + G” / “Ctrl + Alt + G”). Grab Brush Tool (B), set low opacity and 0% hardness, paint black shadow on the areas pointed by green arrows below.
Shadow for head and face
Do the same way for the “Face” layer.
Do the same way for the "Face" layer.

Step 12 – Background

Put the “Keyboard” image behind all layers and arrage it into perfect proportion and location. Then apply exposure for it. Click menu Layer > New Adjustment Layer > Exposure, and use following settings:
  • Exposure     : +0,12
  • Offset     : -0,05
  • Gamma Correction    : 0,91
Background

Step 13 – Shadow for the cyborg

Hide the “Background”, select a layer and create stamp visible (“Cmd + Opt + Shift + E” / “Ctrl + Alt + Shift + E”). Rename it with “Shadow” and create selection from it and fill with black. Then aplly Gaussian Blur with radius 35 pixels. Order this layer to back of all body part (in front of the “Background”). Change the blending mode to “Multiply” and reduce the opacity to 50%. After that, drag it using Move Tool (V) to bottom left. Done!
Shadow for the cyborg

Final Image

And this is the final image of the tutorial.
The Making of Cyborg Final