In this Tutorial we are going to prepare a Brown Toolbox in Photoshop. Very nice tutorial, as it will be having some new techniques to learn. Some Layer Styles, tools like Rounded Rectangle tool, Rectangle Tool, Marquee Selection tool, Ellipse tool, etc. are involved making this tutorial. Hope you will like to make.

Here is the Final Result of Toolbox in Photoshop, we are going to work on it:

Brown Toolbox in Photoshop

Step 1:

Let’s start out by creating a new file. I used a 400×400 pixels canvas set at 72dpi, and I filled my background with #131313 color shade. Now make a new layer set and name it ‘Tool Box‘. In a new layer, draw a dark yellow rounded rectangle (by using Rounded Rectangle Tool) with #BE9C05 color shade and 136 x 85 px dimensions.

Brown Toolbox in Photoshop

Step 2:

Under Layer Style (Layer > Layer Style) add an Inner Shadow, Inner Glow, Satin, and Gradient Overlay blending options to the dark yellow rounded rectangle layer.

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Result:

Brown Toolbox in Photoshop

Step 3:

In a new layer, draw a white rounded rectangle with 130 x 28 px dimensions.

Brown Toolbox in Photoshop

Step 4:

Under Layer Style (Layer > Layer Style) add an Inner Glow, and Gradient Overlay blending options to your white rounded rectangle layer. Then set the layer’s blending mode to Darken.

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Result:

Brown Toolbox in Photoshop

Step 5:

In a new layer, draw a thin horizontal rounded rectangle with #BE9C05 color shade and 150 x 23 px dimensions.

Brown Toolbox in Photoshop

Step 6:

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

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Result:

Brown Toolbox in Photoshop

Step 7:

In a new layer, draw a black rounded rectangle with 136 x 40 px dimensions just below the thin horizontal rounded rectangle. Then cut the top corners of the black rounded rectangle so its straight.

Brown Toolbox in Photoshop

Step 8:

Under Layer Style (Layer > Layer Style) add an Inner Shadow, and Gradient Overlay blending options to the cut out black rounded rectangle layer. Then set the layer’s blending mode to Lighten.

Brown Toolbox in Photoshop

Brown Toolbox in Photoshop

Result:

Brown Toolbox in Photoshop

Step 9:

In a new layer, draw a white circle with #F7EEEF color shade and 29 x 29 px dimensions.

Brown Toolbox in Photoshop

Step 10:

Under Layer Style (Layer > Layer Style) add a Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Gradient Overlay, and Stroke blending options to the white circle layer.

Drop Shadow Settings

Inner Shadow

Outer Glow Settings

Inner Glow Box

Gradient OVerlay

Stroke

Result:

Brown Toolbox in Photoshop

Step 11:

In a new layer, draw three small white circles inside the first white circle design.

Brown Toolbox in Photoshop

Step 12:

Under Layer Style (Layer > Layer Style) add a Gradient Overlay, and Stroke blending options to your three small white circles layer.

Gradient Overlay

Stroke

Result:

Brown Toolbox in Photoshop

Step 13:

In a new layer, draw a small white vertical rounded rectangle inside the white circle design.

Brown Toolbox in Photoshop

Step 14:

Under Layer Style (Layer > Layer Style) add a Gradient Overlay, and Stroke blending options to your small vertical rounded rectangle layer.

Gradient Overlay

Stroke

Result:

Brown Toolbox in Photoshop

Step 15:

In a new layer, draw a thin horizontal rectangle with #575757 color shade and 58 x 7 px dimensions above the brown tool box design.

Brown Toolbox in Photoshop

Step 16:

Under Layer Style (Layer > Layer Style) add an Inner Shadow, Inner Glow, and Gradient Overlay blending options to the thin horizontal rectangle layer.

Inner Shadow

Inner Glow

Gradient Overlay

Result:

Brown Toolbox in Photoshop

Step 17:

In a new layer, draw a small gray rectangle with #C3C3C3 color shade and 14 x 8 px dimensions.

Brown Toolbox in Photoshop

Step 18:

Under Layer Style (Layer > Layer Style) add a Drop Shadow, Inner Shadow, Satin, and Gradient Overlay blending options to your small gray rectangle layer.

Drop Shadow Setting box

Inner Glow Box

Satin Box

Gradient Overlay Box

Result:

Brown Toolbox in Photoshop

Step 19:

Duplicate the small gray rectangle design layer three times then place them as shown below.

Brown Toolbox in Photoshop

Step 20:

Merge down your ‘Tool Box‘ layer set through Layer > Merge Layer Set. Then under Layer Style (Layer > Layer Style) add an Inner Glow blending option.

Inner Glow Dialogue Box

Result:

Brown Toolbox in Photoshop

Final Results:

So here is the final result of our Brown Toolbox in Photoshop, hope you have enjoyed this tutorial.

Toolbox Final Result

Lets check out our M&M Chocolate Design in Photoshop Tutorial.

About The Author

2 thoughts on “How to Make Toolbox in Photoshop? Photoshop Tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *

Select your Language please »