Making Pie Chart / Graph in photoshop

03:14 Vallabh 9 Comments

Making Simple Pie Chart - Graph in photoshop.


Pie Chart -Infographics


Final view

Making pie chart in photoshop



Step 1: 

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

Add rulers at middle of the screen
By selecting Circular shape tool  add circle from center. (press and hold 'Shft' and 'Alt' key while drawing circle for perfect shape)



Add rulers at middle and draw circle from center



Step 2:

- Make 3 duplicate layers of this layer.


Duplicate layers



-By double clicking on Layer each Thumbnail, color each circle.


Circles with different color fill
 
Step 3:

- Select upper layer (filled with red color), and selecting Polygonal Lasso Tool, make a selection from center of circle.


  
Make a selection for masking



- ow add Layer mask to this layer by clicking on 'Add Layer Mask' icon near the layer style icon.


After masking

- Similarly Select another layer (Yellow color circle), and make a selection with Polygonal Lasso Tool, and add layer mask


Make a selection for layer mask

Layer Masking in Photoshop
- Similarly add masks to all 4 layers. Your graph and layers looks like this.

Masked layers




Step 4:


- Select 1st Layer (Red colored circle), go to layer style and select Inner Glow.


Layer style - Inner Glow in photoshop




- Now Right click on this layer and select option "Copy Layer Style"

copy layer style

- Select other layers one by one, and by right clicking on them, select "Paste Layer Style"


Layer Masking in infographics -pie chart





Step 5:


- Select Circular Shape tool, and by pressing and holding 'Shft' + 'Alt' draw a circle  smaller than original circle, form center in white color.

Pie Chart free PSD, freebie




Step 6:

- Go to layer style and give some outer shadow with black color.

free download pie chart psd


Done..!!


Download Free PSD of Pie-Chart.

DOWNLOAD PSD


More about Author

9 comments:

Making Simple Speedometer in Photoshop. (Free PSD)

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

28 comments: