Creating a Knob in Adobe Photoshop

In this tutorial, you will learn how to create knob in Adobe Photoshop with the help of different textures, layer style

Texture (used in the background)

image

1st Texture

image

2nd Texture

image

STEPS

STEP 1

Create a new document for making background, by 700 x 400 pixels /inch, 72 dpi, press ok image

STEP 2

Choose the #252525 color from the foreground then select the Paint bucket tool from the tool bar and click on the canvas.

image 

STEP 3

I have downloaded the 2 rough textures image to give the different look of background Go to file > open > select the 1st texture > ok. Turn the opacity into 17%

image

STEP 4

Go to file > open > select the 2nd texture > ok, with the 34% opacity.

image

STEP 5

Draw a circle in the center of a canvas using the Elliptical marquee tool and hold the Shift key to constrain proportions, fill the circle with a dark color (#1c1f1d).

image

STEP 6

Now we are applying some layer styles by double clicking on the layer.
 image
image 

image

STEP 7

Make a new layer, draw another circle smaller then before with Elliptical marquee tool, fill the same color

image

STEP 8

Apply the following layer styles to the new circle to give it some depth.

image 
image

image

image

image

image

image

STEP 9

Again make a new layer named shadow, draw a circle again smaller than the above circle, fill the darkest color with the 40 % opacity and drag the shadow layer under the 2nd circle.

image

STEP 10

Go to filter > Gaussian blur > hit the radius up to 7.2 pixels > press ok.

image

STEP 11

If you copy the shadow layer to a new layer, you can see the double shadow. It is quite look good. image

STEP 12

Merge both the shadow layer and again copy the layer, fill the light gray color, and again Go to filter > blur > Gaussian blur > hit the radius as under > ok. Turn the opacity up to 30% pixels

image

STEP 13

Make a new layer; draw a circle by using Elliptical marquee tool from the tool bar, fill the #171917 color
 image

STEP 14

Layer style,
image 

image
image
image

image

Press ok, you will have like this
 image

STEP 15

Again, Make a new layer; draw a circle by using Elliptical marquee tool from the tool bar, fill the #171917 color. Go to the layer style and change the following steps.

image
image
image

image
Press ok, you will have like this.

FINAL RESULT

image

Tags: , ,

Author: Haseeb Khan

Share This Post On

Submit a Comment

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

fifteen − 2 =

 

Pin It on Pinterest

Shares
Share This