Skip to main content ↓

Create a Beautiful Paint Brush Icon in Photoshop


preview 17

Step 1: Set Up the Canvas

One thing that is always needed, of course, is making a new Photoshop document by choosing File > New or pressing the Ctrl/Cmd + N shortcut. We will use a 256x256px canvas, which is a popular dimension for icons. Setting up the Canvas You should also make sure that the Background Contents option is set to White so that we will have a default white Background layer; it will make it easier to see our work and you can always change the color later or delete it so that you have a transparent background.

Setting up the Canvas

Step 2: Draw the Handle of the Brush

Use the Pen Tool (P) to make a shape in the center of the canvas that resembles the image below. Make sure to use the Shape Layers option (found in the Options Bar) for the Pen Tool so that the shape you create becomes a shape layer. Draw the Handle of the Brush Right-click on the shape layer in the Layers Panel and then choose Layer Properties.

step2 1b In the Layer Properties dialog window, name our shape layer as “base” to keep our PSD organized. step2 1c

Step 3: Style the Handle of the Brush

Let us give the “base” shape layer (the handle of our brush icon) a Gradient Overlay effect by right-clicking on the layer in the Layers Panel and then choosing Blending Options from the contextual menu that appears. Have the color gradient go from black (#000000) to a dark gray (#2d2d2d).

step2 2 new The gradient overlay will result in a nice, subtle gradient surface for our handle. step2 4 1

Step 4: Draw the Inside of the Brush Handle

We will now stylize our brush’s handle. Use the Pen Tool (P) to draw a white shape inside our handle.

step2 5 Decrease the new shape layer’s Opacity to 24%. step2 5a By decreasing the opacity, we let a bit of the black-dark gray gradient overlay from the “base” shape layer shine through. step2 6 2

Step 5: Draw Light Reflections on the Brush Handle

We will give our handle a light reflection to make its surface more interesting.

Create a new white shape using the Pen Tool again; you can name this shape layer as “light1”. step2 7 1 Lower the Opacity of the “light1” shape layer to around 28%. step2 8 1 Let’s continue on with the light reflections by drawing a very thin white shape (name the shape’s layer as “light2”) as shown below (highlighted in red). step2 9 1 Once you’ve drawn the shape, lower its layer’s Opacity to 45%.

step2 10 2 Similarly, you will create a new thin shape (“light 3”) with the Pen Tool, just over the previous two shape layers as shown in red below. step2 11 1 Give this new shape an off-white (#f2f2f2) Color Overlay. step2 12 2 Reduce the layer’s Opacity to 20%.

step2 13 2 We’ll need to create yet another light reflection highlight (“light 4”). The shape will be towards the lower edge of the brush handle (as shown in red). step2 14 2 Lower the layer’s Opacity to 20%.

step2 15 2

Step 6: Organizing Our Work in a Layer Group

Before we go any further, it’s best to take a few moments to organize our layers, as we seem to be making a lot of them. Create a new group icon (it looks like a folder) that is found at the bottom of the Layers Panel. By default, the layer group’s name will be “Group 1”. step2 16a Rename the new layer group to something more accurate, such as “wood” or “handle”. Except for the Background layer, drag all of the current layers inside this group. step2 17 2 You can now collapse the layer group by clicking on the small gray triangle just beside the small folder thumbnail. step2 19 1

Step 7: Draw the Metal Grip Base Shape

Most paintbrushes will have a sort of metallic grip that serves the other function of holding together the brush’s bristles.

Draw a new shape with the Pen Tool (name this layer “metal-base”) just above the “wood” layer group. step3 1 2

Step 8: Style the Metal Grip Base Shape

Let us give our  metallic grip two layer effects: a Color Overlay and a Drop Shadow.

Color Overlay

Use a gray (#555559) color overlay.

step3 2 1

Drop Shadow

The drop shadow’s color should be black (#000000). step3 3 1 Our metallic grip should now look like the following image. step3 3a

Step 9: Add Light Reflections on the Metal Grip

Like the brush handle, we need to add some light reflections and surface textures onto our metal grip to keep our icon’s lighting consistent.

Draw a new shape (name the layer as “light5”) with the Pen Tool that covers the inside of the metal grip. It can be any color because we will use a layer effect next. step3 4 2 Give the “light5” shape layer a gray (#7c7c7c) Color Overlay layer style.

step3 5 new Continuing on with light reflections, again use the Pen Tool to draw a new shape towards the left side of the metal brush (we can call this one “light6” to keep our layer naming convention consistent). step3 7 2 Give this new shape a lighter gray (#cacaca) Color Overlay layer style. step3 8 new We are going to continue creating new light reflection shapes using the same method.

Below is “light7”. step3 10 1 Give the “light7” layer an off-white (#f8f7f7) Color Overlay. step3 11 new This is the final light reflection shading we will make (“light8”). step3 13 Use the same off-white color (#f8f7f7) for the “light8” Color Overlay layer style.

step3 14 new Additionally, lower the “light8” layer Opacity to about 35%. step3 16

Step 10: Create Grooves on the Metal Grip

To give our paintbrush an added bit of realism, we will create strips of grooves on the metal grip. Start by making a tiny new shape with the Pen Tool (P), as shown in red below.

step3 17 1 Give the rim a Color Overlay using an off-white/light gray color (#f8f7f7). step3 18 new Let’s make more grooves by duplicating the above shape. Use the Move Tool (V) to move it a few pixels away from the original shape.

step3 20 1 Give the duplicated shape a Drop Shadow to create the effect that it’s impressed into the metallic surface; use a dark gray color for the drop shadow (#656464). step3 21 Your metal grip should now look like the following image. step3 22 Make another groove using the same process as above.

step3 23 1 Create grooves towards the bristles as well. step3 24 1 Use a Color Overlay and a Drop Shadow for the lower grooves as well, but this time, use different colors; the Color Overlay color should be off-white (#f8f7f7) and the Drop Shadow color should be gray (#656464). step3 25 1 Duplicate the shape to make one more groove.

step3 26 1 Before we move on to the bristles, add a new layer group (you can call it “metal”) and place all layers related to the metal grip inside of it.

Step 11: Creating the Bristles Base Shape

Use the Pen Tool (P) to draw the base shape for the bristles (shown in red). step4 1 2

Step 12: Color the Bristles Base Shape

Use a Color Overlay to set the shape’s color to a brown (#6f5133).

step4 2 new

Step 13: Create Strands on the Bristles Base Shape

We need to give our shape some definitions so that it looks like hairs. Create a new shape (named “strands1”) using the Pen Tool (P) above the base shape layer. step4 4 2 Give the shape two layer effects: a Color Overlay and a Drop Shadow.

Color Overlay

Use a brown color that is slightly lighter than the base shape’s color for the overlay (#6b451f). step4 5 2

Drop Shadow

Use a muted yellow (#efc86a) for the color of the drop shadow. step4 6 1 Our brush’s tip should now look like the following image.

step4 7 1 Create more shapes with the Pen Tool (P) to enhance the definitions of our bristles. step4 8 1 Apply the same Color Overlay and Drop Shadow layer style, as well as reduce the Opacity of the shape layer to 70%. step4 9 2 Duplicate the “strands1” shape layer and move it just near the top.

step4 10a step4 10 2

Step 14: Highlight the Bristle Tips

Make the two shapes as shown below, towards the end of the bristles. step4 11 If you have created the shape using the Pen Tool, then these two shapes will be made in different layers by default. Select both of layers in the Layers Panel, right-click and then choose Convert to Smart Object.

Rename this smart object as “light1-tint”. Then select the Blur Tool from the Tools Panel. Once you try to use the Blur Tool, it will show a dialog window like this: step4 13 Just click OK. And then start using the Blur Tool very gently along the rightmost side of the visible white shape in the “light1-tint” layer.

step4 14 15 combined Adjust the Blend Mode of the layer to Overlay and Opacity to 70%. step4 16 17 combined

Step 15: Create Subtle Bristle Shadows

Create thin shapes along the bottom of the bristles like the blue-green one shown below. step4 18 1 You may rename these shapes as “shadow1” and “shadow2” respectively.

Use a Color Overlay to make their color brown (#4c3722). step4 19 20 combined The above shadow shapes have brought about the following very subtle transformation. step4 20a

Step 16: Paint a Bristle Lighting Effect

Now create a new white-colored shape on top of the bristle (named “main-light”) to represent a subtle light reflection on the bristle.

step4 21 1 Now go to Filter > Blur > Gaussian Blur to soften the white shape. If a window like this pops up: step4 22 Just click OK to rasterize it. Set the Radius to 2px.

step4 23 step4 24 Then set the Blend Mode to Overlay and reduce the Opacity of the layer to 69%. step4 25 26 combined Duplicate the blurred layer. Go to Edit > Free Transform (Ctrl/Cmd + T) and scale down the duplicated layer a bit, resulting in a stacked lighting effect with varying translucence.

step4 27 28 29 combine Duplicate the layer again to make an even more pronounced light effect. step4 30 Organization time: Create a new layer group (name it “bristles”) and drag all the bristle-related groups inside of it.

Step 17: Adding a Shadow to the Brush

Finally, we need to add a shadow to make our piece look more realistic and interesting.

Choose the Background layer in the Layers Panel and then create a new layer above it (Ctrl/Cmd + Shift + N); you can call this new layer “shadow-main”. Pick the Elliptical Marquee Tool from the Tools Panel. step5 2 2 Make a short and wide elliptical selection at the bottom of our paint brush icon. step5 3 2 Now get the Gradient Tool (G) and set its options in the Options Bar such that the gradient is from black to transparent and the style is a Linear Gradient.

step5 5 2 Drag the Gradient Tool from left to right. step5 6 2 Reduce the layer’s Opacity to 15%. step5 7 2 Next, duplicate the “shadow-main” layer and use Free Transform (Ctrl/Cmd + T) to scale it down.

step5 8 5 8a combined step5 9 2

Tutorial Summary

This Photoshop tutorial showed you how to make a beautiful paintbrush icon from scratch. We used shape layers, a bit of the Pen Tool, and some layer styles. The goal of this tutorial was to create an icon with realistic characteristics, such as light effects, highlights and shadows.

We spent some time detailing the brush tip, which just goes to show how important it is to mind the details. step5 10

Download Source Files

Make estimating web design costs easy

Website design costs can be tricky to nail down. Get an instant estimate for a custom web design with our free website design cost calculator!

Try Our Free Web Design Cost Calculator
Project Quote Calculator