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:

  1. Excellent information to many people like to read articles to learn about these issues of great interest.Oups... my blog disappeared from Les Explorers list ; )So many people leave a coment in your blog, For this we can know that your blog is very Wonderful,Cheers for your performance, I hope you continue to post such good articles.

    clipping path service company

    ReplyDelete
  2. This is a great inspiring .I am pretty much pleased with your good work. You put really very helpful information. I am looking to reading your next post. !!!!
    John Yu

    ReplyDelete
  3. It's obviously great tutorial here.your techniques of create pie Chart is really awesome and very easy.thank you for shearing your interesting tutorial and keep it up.thank you for shearing your interesting psot.

    clipping path bd

    ReplyDelete
  4. wow! how easy to make a graph using Photoshop.I have impressed to see that and it's not only helpful for me but also for all designer.please keep it up...
    clipping path bd

    ReplyDelete
  5. After a long time I got something fresh and quality content on massage therapy services. I searched a lot for the related material but got almost replica work. Keep it up! It is really very informative.
    clippingpath

    ReplyDelete
  6. It is extremely helpful for me. Thank you for taking the time to discuss this,Commercial Real Estate Review. I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information.
    clipping path

    ReplyDelete
  7. I am the fan of your writing I have read your previous post. These all are awesome. Thanks for sharing these awesome post.

    ReplyDelete
  8. Thank you so much for writing this awesome tutorial. I like your blog.

    ReplyDelete
  9. can you write "how we create isometric type vactor for infographic". I wanted to create an infographic on clipping path in Photoshop but i didn't find the prefect vector.

    ReplyDelete