Making Simple Speedometer in Photoshop. (Free PSD)

00:05 Vallabh Kulkarni 10 Comments

How to make a Speedometer in Photoshop

Making Simple Speedometer

Final view

Speedometer free download

Step 1: 

Create new file in Photoshop (500px - 500px).
Fill it with Gray color (Shift+f5  ->  color)

fill Gray Color in photoshop file

Step 2:

- Select Costume Shape Tool form tool box, Select hollow circle, and draw a shape.

Coustome shape selection

hollow circle

draw hollow circle

- Name it 'Layer 1'

Step 3:

- Make a duplicate layer of this layer (Layer1_copy). and make this layer invisible.

- Select 'Layer1', and make Fill to '0'.

Fill 0

- Go to layer Style, and give Inner Glow and, Outer Glow.

Inner Glow

Outer Glow

After styling layer

Step 4:

- Now take a round shape tool, and make circle just bit bigger than the hollow circle.
and make fill to '0'.

New circle
fill 0

- Select Text Tool, and move courser towards edge of circle, When Courser icon changes click on it, and enter the bars. that is ' | '.

Take course to this point, couser change its shape

Type the text. set Marks

Step 5:

- Now select "Layer1_Copy" layer. Fill this hollow circle with "Green" color.

New hollow circle withe green color

- Select Polygon Lasso Tool, and make the selection as shown.

Make selection with polygon lasso tool

- After making selection, Click on Mask (Add layer mask).

Add layer mask

- the layer will see like this.

After masking

Step 6:

- As same, Make more 2 layers with different colors, And add layer masks to them.

add tow more circles with different colors, and mask them

Step 7:

- Select Circular shape tool and draw a small circle in center, fill it with black color.

make a center

- Select rectanguler shape tool and draw a  rectangle with black color for making pointer/arrow of Speedometer.

Add rectangle for drawing pointer of speedometer

- Select Direct selection tool, By clicking on upper corner points, make them closer to look like pointer.

Set pointer of speedometer

- press (Ctrl+T) for transform, and set the arrow position.

Photoshop tutorial for Speedometer


Download Free PSD of Speedometer.


More about Author


  1. cooooooooooooooooooooooooooooollllllll.............

  2. Very unique post..try posting like the same..Thanks

  3. Great job here.  I really enjoyed what you had to say.  Keep going because you definitely bring a new voice to this subject.  Not many people would say what youve said and still make it interesting.  Well, at least Im interested.  Cant wait to see more of this from you.
    clipping mask

  4. What would I be able to say?you have a talent!thanks for making it so clear-orderly.
    clipping path

  5. wow! it's truly great job but you have done here so easily by Photoshop.Thanks for sharing your talent and expertise! Very detailed and well thought out. thank you.

    clipping path bangladesh

  6. Oh my!!! You are just too true to be good. How do you manage to write and research on such wonderful things? You have inspired me to work harder now. I shall try as much as possible to enjoy life to the fullest and be satiated with the wonderful things that are around me, which I have been unaware of until now.

  7. Aw, this was a very nice post. In concept I wish to put in writing like this moreover ?taking time and actual effort to make a very good article?but what can I say?I procrastinate lot and not at all appear to get one thing done.
    clipping path service

  8. You have done such an amazing job on this series. I envy your sewing skills and your patience and your diligence. If anyone ever asks me how to sew, I'm sending them to your blog and this series. Congratulations on such an extensive, well thought out and clearly presented set of this Photoshop tutorial.
    Edd. Designer@ Background Removal Service | Clipping Path | Clipping Path Service | Neck Joint Service | Image Masking Service | Color Correction Service | Background Removing Service | Photo Retouching Services | Background Remover


  9. It is a very nice post. thanks for sharing!