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

Select polygonal lasso tool. Set the feather to 0 and draw a selection as shown :

image 1

Create a new layer by pressing shift+ctrl+n together and fill the layer with #D6D6D6

image 2

Now deselect. Use dodge tool, set the Range to Highlights and Exposure to 20. Use soft feather 40 pixel brush and drag the brush over top and just above the bottom of the shape. It will give your graphic a shining look as you can see below :

image 3

Apply these layer styles :

image 4

image 5

This is what will you get after applying above layer styles :

image 6

Now draw this star. Its present in the autoshapes. color used = #F6B54D

image 7

Apply these layer styles :

image 8

image 9

Our star is not an ordinary star, it has a golden look now :)

image 10

Duplicate and place the stars as shown :

image 11

Draw a light gray line and below it a white color line with 1 pixel pencil after creating a new layer :

image 12

Either group and merge these two lines, duplicate and place them as shown and cut the portion which is covering the blank area or draw these two lines again. Whatever you do, you should have image as shown below :

image 13

Draw a circle with ellipse tool :

image 14

Apply gradient overlay :

image 15

Also add #AF0600 color 1 pixel stroke in it :

image 16

Control+click on its layer name in layer palette to select it. Create a new layer and fill the layer with white color :

image 17

Use eraser to erase the part of the layer as shown. It will give very famous glossy look to the button :

image 18

Type as shown. I have used Arial Black font for this :

image 19

Add your custom text :

image 20

Again, with the help of polygonal lasso tool draw a selection as shown :

image 21

Create a new layer and fill the selection with black. Send this layer back :

image 22

Now, apply similar layer style (gradient overlay and stroke) as we applied it the button :

image 23

Give very familiar glossy look to this shape too. Also add little drop shadow in it :

image 24

Type the rating with any pixel font. Our rating graphic is ready :)

image 25

This is another version of the graphic. To do that simply remove the blending options from the last two stars and change the text accordingly :

Rating Graphic Tutorial: Final Result

In fact, you can also learn how to draw rating stars with minimal efforts!



Author's URL: YourPhotoshopGuide.com
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 "Rating Graphic"

Only registered users can write comment

No comments yet...