Tag Archives: cyborg

Making of a Cyborg in 20 steps with Photoshop

I thought it would be cool to show you step by step how I created the image Steampunk Cyborgs in Hong Kong.

Basically it was quite simple and quick to make, since I’ve not used 3D renderings, it took about 2 hours.

34.jpg

Ok, here it is, let’s start!

(If you are interested, there’s a video version too!)

1.jpg

This is the original picture, I just adjusted the colors in Adobe Lightroom.

Step 1

2.jpg

I searched on Internet for a ‘ship engine’, and I found this steampunkish thing. Actually, at the beginning I wasn’t too sure to create steampunk cyborgs (I was more a cyberpunk man, let’s say..), but as soon as I found this image I decided to go in that direction. One important thing was to find images with the right perspective, since I needed to mix them with the original picture.

Anyway, I dragged the image of the engine in the document and adjusted the colors using Match Color in Photoshop.

Step 2

3.jpg

I moved the engine overlapping the face of the man in the middle and started working on the mask.

4.jpg

It takes some time to mask correctly the object. Just try to follow the lines and the shape of the object you are masking.

Step 3

5.jpg

Ok, another engine here..

Step 4

6.jpg

Now let’s work on the man on the left. The color of the engine doesn’t match the background, so I need again the Match Color.

7.jpg

Now it’s much better.

Step 5

8.jpg

It’s time to mask the object.

9.jpg

Here we go. I also lighten up the engine to show better the mechanical parts.

Step 6

10.jpg

Another engine from Internet and again, Match Color to match the object color to the background image.

Step 7

11.jpg

Let’s move in on the back of the man on the right. Looks like the device used by the Ghostbusters!

Step 8

Now it’s time to work on the mask.13.jpg

Here we go.

Step 9

14.jpg

Another engine.. match color.. and let’s move it.

Step 10

15.jpg

Some masking..

16.jpg

Step 11

17.jpg

Yeah.. again.. Steampunkish Overkill!

Step 12

18.jpg

Let’s move it and do some masking..

19.jpg

Pretty satisfied with the masking. Now the cyborg on the left has some weird mechanical device on his head and a cool respirator!

Step 13

20.jpg

Let’s add some shadows below the mechanical parts to enhance the 3D volume of the objects. I created a 50% gray overlay mode layer between the background and the robotic parts and painted it with the Burn Tool.

Step 14

21.jpg

This time I used a black brush, very soft, on a layer (Multiply mode) in front of all the other layers and painted some shadows.

Step 15

22.jpg

New Layer and Command + Alt + Shift + E (I think Command is Ctrl on windows but I’m not sure) to create a snapshot flattening all the layers in a single layer. Now I applied some blur..

And masked this layer!23.jpg

I used a radial gradient to mask the blurred level. I centered the gradient on the table. This help to focus the scene on the three cyborgs slightly blurring the background.

Step 16

24.jpg

Let’s load some dirty textures and apply them to the cyborgs (you know, steampunk cyborgs don’t like to take shower).

You can see the texture on the red jacked, the hand, and on the ghostbuster device.

26.jpg

Step 17

27.jpg

Let’s desaturate a little the image.

Step 18

28.jpg

Oh God photoshop crashed! Ok, just kidding. I created a layer and filled it with this color.. then I set it on Overlay Mode.29.jpg

Step 19

30.jpg

Let’s add some contrast…

Step 20

31.jpg

Don’t you want some smoke in the image? So, with a brush on a new layer paint some brush (very low opacity!)

Step 20 + the dirty textures

33.jpg

Now let’s add the famous Dirty dusty texture I made! Remember, screen mode this time!

(oh, and another secret texture on the top of the image.. I’ll release it soon anyway)

34.jpg

That’s all!