Home / Tutorials / Photoshop / Drawing / Robot Head Design in Photoshop – [Photoshop Tutorial]

Robot Head Design in Photoshop – [Photoshop Tutorial]

Today we are going to make Robot Head Design in Photoshop. This Photoshop Tutorial will teach you how to play with Photoshop Tools. You will learn some Photoshop Tools, Commands, Techniques by following this tutorial. It will be helping some beginners to polish their skills. So enjoy working on this tutorial and don’t forget to show us your work by commenting.

Preview of Final Result:

Here is what we are going to make, the final result of Robot Head Design in Photoshop Tutorial:

Robot Head Design in Photoshop
Robot Head Design in Photoshop

Step 1:

Let’s start out by creating a new file. I used a 560px×250px pixels canvas set at 72dpi, and I filled my background with #1C1C1C color shade. Now make a new layer set and name it ‘Robot Head‘. In a new layer, draw a gray ellipse with #BCC7CC color shade and 100 x 107 px dimensions. Then in separate layers, draw three small gray rounded rectangle with #BCC7CC color shade and 43 x 31 px and place them on the left, right and bottom side of the gray ellipse as shown below.

robo-head-design-in-photoshop-1

Step 2:

Under Layer Style (Layer > Layer Style) add an Inner Shadow and Inner Glow blending options to the gray ellipse layer.

Robo Head Design in Photoshop

Result:

Robo Head Design in Photoshop

Step 3:

In a new layer, draw two small black rounded rectangles on the ear sections of the robot. Then in another new layer, draw a red rounded rectangle with #D01311 color shade and 84 x 25 px dimensions on the center of the robot head.

Robo Head Design in Photoshop

Step 4:

Under Layer Style (Layer > Layer Style) add a Drop Shadow, Inner Glow, Gradient Overlay, and Stroke blending options to the red rounded rectangle layer.

Robo Head Design in Photoshop

Result:

Robo Head Design in Photoshop

Step 5:

Create a new layer, then draw a small white rectangles pattern on the red rounded rectangle design as shown below.

Robo Head Design in Photoshop

Step 6:

Under Layer Style (Layer > Layer Style) add an Outer Glow blending option to the small white rectangles pattern layer. Then set the layer’s blending mode to Darken.

Robo Head Design in Photoshop

Result:

Robo Head Design in Photoshop

Step 7:

In a new layer, draw a black rectangle with 43 x 37 px dimensions just below the red rounded rectangle design.

Robo Head Design in Photoshop

Step 8:

Under Layer Style (Layer > Layer Style) add an Inner Glow and Stroke blending options to the black rectangle layer. Then set the layer’s blending mode to Lighten.

Robo Head Design in Photoshop

Result:

Robo Head Design in Photoshop

Step 9:

Create a new layer, then draw a small black rounded rectangle with 28 x 4 px dimensions for the mouth of the robot head design.

Robo Head Design in Photoshop

Step 10:

Merge your ‘Robot Head’ layer set so it transform into a regular layer. Do this by highlighting the layer set on the Layers Window, then go to Layer > Merge layer Set. Now under Layer Style (Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options.

Robo Head Design in Photoshop

Result:

Robo Head Design in Photoshop

Step 11:

In a new layer, draw a white circle with 67 x 67 px dimensions on the forehead of the robot design.

Robo Head Design in Photoshop

Step 12:

Under Layer Style (Layer > Layer Style) add an Inner Glow blending option to the white circle layer. Then set the layer’s blending mode to Darken.

Robo Head Design in Photoshop

Result:

Robo Head Design in Photoshop

Results:

So after spending some time and working hard here is what we have. Here is the final result of our Robot Head Design in Photoshop. Hope you have enjoyed working on this tutorial and learn some use of tools, commands and techniques.

Robo Head Design in Photoshop

About Adil Raja

Adil Raja is the Freelance Graphic Designer and Tutorial writer, working with us as an Internee.

Check Also

Fried Egg Design in Photoshop

This Photoshop Tutorial will teach you some basic tools and commands of Photoshop. This Photoshop …

2 comments

  1. Pingback: Robot Head Design in Photoshop – [Photoshop Tutorial] | Design News

  2. Pingback: Adobe Photoshop Tutorials: Best of September 2013