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

Done..!!


Download Free PSD of Speedometer.

DOWNLOAD PSD


More about Author

25 comments:

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

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

    ReplyDelete
  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

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

    ReplyDelete
  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

    ReplyDelete
  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.
    clippingpaths

    ReplyDelete
  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

    ReplyDelete
  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.
    Regards,
    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

    ReplyDelete

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


    https://www.clippingpathexclusive.com/

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

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

    ReplyDelete
  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.

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

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

    ReplyDelete
  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

    ReplyDelete
  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

    ReplyDelete
  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!

    ReplyDelete
  17. This comment has been removed by the author.

    ReplyDelete
  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.

    ReplyDelete
  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.

    Steps:

    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.

    ReplyDelete
  20. https://www.onlinephotosoft.com 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.

    ReplyDelete