The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Meter Design in Photoshop

Meter Design in Photoshop


Step 1:

Let's start out by creating a new file. I used a 400x200 pixels canvas set at 72dpi, and I filled my background with #255B31 color shade. Now in a new layer draw a white circle with 92 x 92 px dimensions.

Meter design in Photoshop image 1

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Glow, Gradient Overlay and Stroke blending options to the white circle layer.

Meter design in Photoshop image 2

Meter design in Photoshop image 3

Meter design in Photoshop image 4

Meter design in Photoshop image 5

Step 3:

In a new layer draw a dark circle with #1F1D20 color shade and 78 x 78 px dimensions.

Meter design in Photoshop image 6

Step 4:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow, Gradient Overlay and Stroke blending options to the dark circle layer.

Meter design in Photoshop image 7

Meter design in Photoshop image 8

Meter design in Photoshop image 9

Meter design in Photoshop image 10

Meter design in Photoshop image 11

Step 5:

Create a new layer, using the Pen Tool create a red pointed line on the center of the meter design.

Meter design in Photoshop image 12

Step 6:

Now in a new layer draw a small white circle with 13 x 13 px dimensions covering the bottom of the red pointed line.

Meter design in Photoshop image 13

Step 7:

Under Layer Style(Layer > Layer Style) add an Inner Glow, Gradient Overlay and Stroke blending options to the white circle layer.

Meter design in Photoshop image 14

Meter design in Photoshop image 15

Meter design in Photoshop image 16

Meter design in Photoshop image 17

Step 8:

Select the Horizontal Type Tool then set the font family to Webdings, 14 pt, crisp and white color shade. Now in different text layers type the letters shown below for the random icons on the meter.

Meter design in Photoshop image 18

Step 9:

In a new layer draw a black circle with 25 x 25 px dimensions as shown below. On the layers window select the first white circle layer from step one then go to Select > Load Selection, use the settings below. Now cut out the outer selection through Edit > Cut.

Meter design in Photoshop image 19

Meter design in Photoshop image 20

Step 10:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to the black circle layer. Then set the layer's blending mode to Lighten.

Meter design in Photoshop image 21

Meter design in Photoshop image 22

Step 11:

Duplicate the white circle design layer from step six and resize it by a couple of pixels through Edit > Transform > Scale. Position it on the bottom corner circle.

Meter design in Photoshop image 23

Step 12:

Add the same set of circle designs from the last couple of step on the opposite side of the meter design.

Meter design in Photoshop image 24

Result:

Meter design in Photoshop Tutorial: Final Result



Author's URL: PsDeluxe
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Meter Design in Photoshop"

Only registered users can write comment

No comments yet...