Making Simple Speedometer in Photoshop. (Free PSD)

00:05 Vallabh 25 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!

  10. Great tutorials. Thanks for sharing this post.clipping path service

  11. I really enjoyed your blog Thanks for sharing such an informative post.

  12. Photoshop Onlinelets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!

    It's offers a wide variety of image editing tools, including features like spot healing, a clone stamp healing brush, and a patch tool. The software supports layers, layer masks, channels, selections, paths, smart objects, layer styles, text layers, filters and vector shapes.

  13. Edit your photo with and apply effects, resize or crop, color balance etc. Do Online Photo Editing in your browser for free!

    Photoshop all kinds of tool have, it's web base alternative photoshop for photo edit. let's go edit your photo for freeOnline Free Photoshop

  14. Great Article. Thank you for providing such a unique and valuable information to your readers. I really appreciate your work

    Best Regards,

    clipping path service provider

  15. Photoshop For Free is a free online photoshop editor, edit your photos, apply effects, filters, add text, crop, or resize pictures. Do Online Photoshop Editing in your Browser for free

  16. Photoshop Online is an alternative to Photoshop software, and you can use it free of cost. lets you edit photos, apply effects, filters, add text, crop, or resize pictures. Do Online Photo Editing in your browser for free!

  17. This comment has been removed by the author.

  18. Looking for a free photo editor that has features similar to Adobe Photoshop? then online photoshop editor is what you need, it is a browser-based robust photo editor with layers and adjustment tools, edit pictures online with ease. Moreover, Save your work you just finished with this photoshop free looking online photo editor.

    Online Photoshop is the best free Alternative Photoshop. You can open and edit PSD, XCP, Sketch (Photoshop, GIMP and Sketch) or any other image file and experience the best photo editing tool for free, Always!!! Some people call it Online Photoshop. Share this amazing tool with your friends and family, They’ll Thank you for this.

  19. The speedometer is a useful design project because it can be used for many different purposes like marketing materials, ad campaigns, web design projects and more.


    1.Open up Photoshop.

    2.Add the shape of the speedometer by clicking on the shape tool and selecting all of it.

    3.Go to Filter > Artistic > Brush Strokes.

    4.Create a brush that looks like this (see image):
    Want to Learn Photoshop Course Online? Learn for Free online at LearnVern.

  20. is a unique editing application — I’ve never used anything like it. It’s a Photoshop alternative that you just open in your web browser. Both the interface and its feature list will be familiar to anyone who has used Photoshop. While it doesn’t have every feature of Adobe’s flagship photo editor, FreeOnlinePhotoshop isn’t a lightweight editor either. It has enough power and features to keep many users from having to purchase a photo editing software.