PSDFan Extra

Learn How to Create a Cyborg Warrior Being

Learn How to Create a Cyborg Warrior Being

In today’s tutorial you’re going to learn how to create a realistic cyborg warrior, amidst a destructive cityscape scene.

You’ll learn how to add a range of cyborg style effects to a human form, such as creating a jet-pack with realistic lighting effects. You’ll also learn how to blend many different images together seamlessly to create a cohesive end scene.

You’ll work with texture application, and create custom lighting within your image.

Let’s get started!

Final Image

As always, this is the final image we’ll be creating:

Step 1

Create a new file with a width of 1500 px and a height of 2500 px at 100 dpi (Dots per Inch). Background Contents should be White.

Step 2

First off, let’s open Stormy Sky 3 in Photoshop. We will be using sky from this stock image so we will need to transfer it to our main canvas and change it’s layer mode to “Sky”.

Now create new Curves adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Sky layer and Curves) to make a clipping mask.

When the Curves box opens, input the following:

Now create new color balance adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Sky layer and color balance) to make a clipping mask.

When the color balance box opens, input the following:

The result should be similar to this:

Step 3

Now, let’s open the NEW YORK in Photoshop. We will be using the city from this stock image so we will need to transfer it to our main canvas.

Click the NEW YORK and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “City”.

Now create a mask over the sky .

The result should be similar to this:

Step 4

Now create new Hue/Saturation adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (City layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

Now create new Curves adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (City layer and Curves) to make a mask.

When the Curves box opens, input the following:

Now create new Brightness/Contrast adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (City layer and Brightness/Contrast) to make a mask.

When the Brightness/Contrast box opens, input the following:

The result should be similar to this:

Step 5

Now get back to city curves adjustment layer.

Select it’s mask and now activate Brush tool (B) with these settings :

Brush size: 400px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Now paint over the highlighted area. This will make the curves effect less intense in this specific area:

The result should be similar to this:

Now go to Filter>Blur>Gaussian Blur.

When the Gaussian Blur box opens, input the following:

The result should be similar to this:

Step 6

First off, let’s open Wall Texture – 7 in Photoshop. We will be using the Wall from this stock image so we will need to transfer it to our main canvas.

Click the Wall Texture – 7 and press p to activate pen tool and then make a selection around the Wall and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Wall”.

The result should be similar to this:

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Wall layer and Curves) to make a mask.

When the Curves box opens, input the following:

The result should be similar to this:

Now activate Brush tool (B) with these settings :

Brush size: 400px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Now paint over the highlighted area.

The result should be similar to this:

Step 7

Now, let’s open the Metal Floor in Photoshop. We will be using the Texture from this stock image so we will need to transfer it to our main canvas.

Click the Metal Floor and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Floor”.

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Floor” layer is selected and then resize it as shown below:

Now create new Hue/Saturation adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Floor layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

Now create new Curves adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Floor layer and Curves) to make a mask.

When the Curves box opens, input the following:

The result should be similar to this:.

Now activate Brush tool (B) with these settings :

Brush size: 400px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Now paint over the highlighted area.

The result should be similar to this:.

Step 8

Now in this step we are going to make some destruction in our city .

So activate pen tool and hide some part of buildings

The result should be similar to this:

First off, let’s open buildings stock in Photoshop. We will be using the window part from this stock image so we will need to transfer it to our main canvas.

Click the buildings and press p to activate pen tool and then make a selection around the window part and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “destruction”.

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “destruction” layer is selected and then resize it as shown below:

Step 9

Now create new color balance adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (destruction layer and color balance) to make a mask.

When the color balance box opens, input the following:

Now create new Hue/Saturation adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (destruction layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

Now create new Curves adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (destruction layer and Curves) to make a mask.

When the Curves box opens, input the following:

The result should be similar.

Repeat the same process and add some more destruction in our view.

Step 10

Now,let’s open the Smoke0399 in Photoshop. We will be using the Smoke from this stock image so we will need to transfer it to our main canvas.

Click the Smoke0399 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Smoke”.

The result should be similar to this:

Add more smokes :

Step 11

Now lets so some color corrections.

IMPORTANT: We’re going to apply a series of adjustment layers above all other layers. Even though we still have more aspects of our piece to work on, these adjustment layers should remain as the top layers for the rest of the tutorial.

Now create a Curves adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

When the Curves box opens, input the following:

Now create a Photo filter adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

When the Photo filter box opens, input the following:

Now create a Hue/Saturation adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

When the Hue/Saturation box opens, input the following:

Now create a Solid color adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

When the Solid color box opens, input the following:

Change it’s layer mode to “Exclusion” and opacity to 50% .

Now create a Brightness/Contrast adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

When the Brightness/Contrast box opens, input the following:

Now create a Gradient map adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

When the Gradient map box opens, input the following:

Change it’s layer mode to “Luminosity” and opacity to 50% .


The result should be similar to this: .

Step 12

Now, let’s open the Rain Texture in Photoshop. We will be using the Rain Texture from this stock image so we will need to transfer it to our main canvas.

Click the Rain Texture and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Rain”.

Change it’s layer mode to “Screen” and opacity to 65%. Be sure to position it underneath your wall/floor layers, but above your backdrop layers.

The result should be similar to this:

Step 13

First off, let’s open Gratuitous Swording 20 in Photoshop. We will be using the men from this stock image so we will need to transfer it to our main canvas.

Click the Gratuitous Swording 20 and press p to activate pen tool and then make a selection around the men and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Men”.

The result should be similar to this:

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Men layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

The result should be similar to this:

Step 14

Now lets create it’s shadow so activate pen tool and make a selection under men layer and fill it with black color and name it “men Shadow” .

Then open Gaussian blur and put these values .

The result should be similar to this:

Step 15

First off, let’s open Electronics0019 stock in Photoshop. We will be using the Fuse box from this stock image so we will need to transfer it to our main canvas.

Click the Electronics0019 and press p to activate pen tool and then make a selection around the Fuse box and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Fuse box”.

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Fuse box” layer is selected make a right click and choose Perspective .

Then resize it as shown below:

The result should be similar to this:

Step 16

Now create new Hue/Saturation adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Fuse box layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

Now create new Curves adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Fuse box layer and Curves) to make a mask.

When the Curves box opens, input the following:

The result should be similar to this:

Step 17

First off, let’s open jetpack stock in Photoshop. We will be using the jetpack from this stock image so we will need to transfer it to our main canvas.

Click the jetpack and press p to activate pen tool and then make a selection around the jetpack and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Cylinder”.

The result should be similar to this:

Now Create new Hue/saturation adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Cylinder layer and Hue/saturation adjustment) to make a mask.

When the Hue/saturation adjustment box opens, input the following:

Now Create new Curves adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Cylinder layer and Curves adjustment) to make a mask.

When the Curves adjustment box opens, input the following :

The result should be similar to this:

Step 18

Now let’s make wire.

Now activate Brush tool (B) with these settings:

Brush size: 3px

Hardness: 100%

Opacity: 100%

Flow: 100%

Color: red

Now activate pen tool and make a line then make a right click and select stroke path .

Then again make a right click and this time select Brush .

Then again make a right click and this time select Delete path .

Now create new Layer style layer from the bottom of layers palette .

When the Layer style box opens, input the following:

The result should be similar to this:

Add more wires.

Step 19

First off, let’s open Jet Engine stock in Photoshop. We will be using the Jet Engine from this stock image so we will need to transfer it to our main canvas.

Click the Jet Engine and press p to activate pen tool and then make a selection around the Jet Engine and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Jet Engine”.

The result should be similar to this:

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Jet Engine layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

The result should be similar to this:

Add one more Jet Engine and repeat the same process and the result should be similar to this:

Step 20

Now activate pen tool and draw a shape and fill it with light blue color .

Now open Gaussian blur and put the following values .

Now activate Gradient tool and fill these settings .

The result should be similar to this:

Now activate smudge tool and change the shape .

The result should be similar to this:

Follow the same process and make one more light source .

Now activate Brush tool (B) with these settings :

Brush size: 400px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #3a98bc

Now paint over the highlighted area.

The result should be similar to this:

Step 21

Now activate pen tool and make a random shape over eyes and fill it with black color.

Now,let’s open the Electronics0019 in Photoshop. We will be using the center part from this stock image so we will need to transfer it to our main canvas.

Click the Electronics0019 and press V to activate the Move Tool. Left-click the image and drag the image to the main center part and change layer name to “Eye”.

The result should be similar to this:

Step 22

Now,let’s open the Head phone in Photoshop. We will be using the Head phone from this stock image so we will need to transfer it to our main canvas.

Click the Head phone and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Head phone”.

The result should be similar to this:

First off, let’s open Gauges0058 in Photoshop. We will be using the glass bulb from this stock image so we will need to transfer it to our main canvas.

Click the Gauges0058 and press p to activate pen tool and then make a selection around the glass bulb and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “glass bulb”.

The result should be similar to this:

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (glass bulb layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (glass bulb layer and Curves) to make a mask.

When the Curves box opens, input the following:

The result should be similar to this:

Now activate Gradient tool and fill these settings .

Now take Gradient tool and drag it horizontally .

Now activate Brush tool (B) with these settings :

Brush size: 400px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Now paint over the highlighted area.

The result should be similar to this:

Step 23

Now activate a new layer and name it “Lens flare” and fill it with black color .

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Lens flare” layer is selected and then resize it as shown below:

Change it’s layer mode to “Screen” and opacity to 65% .

Step 24

Now activate new layer and name it “Lines” now activate pen tool and draw some random shapes fill them with red color .

Now create new Layer style from the bottom of layers palette .

When the Layer style box opens, input the following:

Step 25

Now,let’s open the Diesel engine in Photoshop. We will be using the Diesel engine from this stock image so we will need to transfer it to our main canvas.

Click the Diesel engine and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Diesel engine”.

The result should be similar to this:

Press Alt+left click in between 2 layer’s (Diesel engine and Lines layer) to make a mask.

The result should be similar to this:

repeat the above process and mask all over the body lines .

Step 26

Now create two layer “light” and “shadow”.

Now activate Brush tool (B) with these settings :

Brush size: 400px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Now paint over the red highlighted area.

Then after that

activate Brush tool (B) with these settings :

Brush size: 400px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #ffffff

Now paint over the Green highlighted area.

As we can see light layer with white color and shadow layer with black color .

Change there layer mode to “Overlay” and opacity to 65% .

Step 27

Now,let’s open the Snowing texture in Photoshop. We will be using the Texture from this stock image so we will need to transfer it to our main canvas.

Click the Snowing texture and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Texture”.

Change it’s layer mode to “Screen” and opacity to 17% .

The result should be similar to this:

And We’re Done!

You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome.

Access the source files for this tutorial:

The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then sign up here.

If you’re already a FanExtra member then you can login here to access the source files.


Get more of our great design content direct to your inbox
Join our newsletter and receive our best weekly content by email. Also get access to hundreds of free design resources via your Designer Toolkit area.

About the Author:

Vikas Singh Adhikari (Vik aadi) is a 20 years old self-taught digital mixed media artist and a photographer from New Delhi India. The themes that are mostly seen on his work revolve around surrealism, pseudo-realism, nostalgic sentiments, and human emotion.You can contact him on his deviant art account: http://vikaadi.deviantart.com/ and his facebook page: https://www.facebook.com/vikas.theanimater

Leave a comment

2 Comments:

  1. carolina says:

    Ohh my GOD. You are my teacher now.
    Great stuff.

  2. Aftab says:

    Awesome……..

Leave a Comment:

Related Posts

Subscribe to PSDFAN and Get Your Free Designer Toolkit

Have every post delivered to your inbox and get access to hundreds of useful design freebies.

Your Design Work, But More Awesome:

Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.

JOIN OUR FANEXTRA COMMUNITY TODAY