[ Intro ]
Hi, this is Jeff at Magical Fruit Tuts.
In this video, I am going to show you
how to make a pie chart in Photoshop CS5.
Open up a new image
Set the width to a 1000 pixels
and the height to 1000 pixels
and the resolution to 300 pixels per inch
Double-Click the background layer to unlock
it
It's name will now be layer0
Change the foreground color to a light color
I choose a blue color
Fill layer0 with the lite blue
You can press Alt + Backspace on the PC
or Command + Delete on the Mac
Choose the Rectangular Marquee Tool
You can press M to get it.
In the setting area for the Marquee Tool
Choose Fixed Size style
Feather at 0 pixels
and the width and height should be 1000
Choose View - Snap To - Document Bounds
Now write down your Pie Slice percentages
in Desending order, (the largest piece first)
The total should add up to 100%
You can have as many slices as you want
As long as they add up to 100%
We will start with the 60% slice
(60% of a 1000 is 600)
Make sure Rectangular Marquee tool is selected
Then change the width to 600
Go to your color-picker and choose
A color for your 60% slice
I chose a red color
Now drag around the left side of the screen
and make a selection there
use Alt + Backspace to
fill the selection with red
de-select the selection
At this point we will check our selection
to make sure we made it correctly
go to Filter - Distort - Polar Coordinates
if you see all this area filled in like that..
you've done it right
click Cancel
I'm going to do this IMPROPERLY
To show you what it would look like
if you didn't do it right
So let's say we place our selection
a little bit off the bottom like this
go back to the polar coordinates filter
and see what it looks like
you'll notice that the whole red area
is not filling out the left side of the screen
so you know you have not done it right
Cancel, and we'll go back and redo our steps
This time we'll place the selection
where it should be, and fill with red
It looks a little bit light on the top
So we'll go back to filter-distort-polar coordinates
Ah, looks OK, we're good
so press Cancel
that was basically just a step
to make sure we got it right
we check it as we go on each segment
now change the width for you second slice
in this case the slice is 30%
so use 300 pixels
(30% of 1000 is 300)
go to your color-picker and choose
a green color for your 30% selection
change your width to 300
(300 is 30% of 1000)
drag your 30% bar selection
a little bit to the right of the red 60% bar
zoom in a little
now choose Select - Transform Selection
now move your selection over
so it's exactly touching the red bar
Click the Checkmark to accept
Click Alt + Backspace to fill with green
Deselect (Control + D)
To show an example of what would happen
if the bars are not aligned adjacent to each
other
I have made a little demonstration here
in this case the red bar and the green bar
have a gap between them
When we go to filter-distort-polar coordinates
notice that we have this large wedge
that distorts the wedges on the pie chart
this is not something we want
so, in order to fix this we use the line up
procedure we previously demonstrated
also note, that when transforming the selection
eariler, you can use the arrow keys
left, right, up, and down to move the selection
Now we will deal with the last slice
It could be off a little bit because
of overlapping bars so..
we will use the background color for the last
slice
you could always change the background color
if you don't like it for the last slice
now we're ready for Polar Coordinates
go to Filter-Distort-Polar Coordinates
look at your picture - looks pretty good
click OK this time and we have
our square with the wedges in it
next choose your Ellipse Tool
In the Ellipse options, check the Circle box
and the From Center box
place your cursor in the middle of the picture
drag out a circle
let go of your mouse
on the Path Tab, Right-Click the Work Path
Choose Make Selection with
Radius of 0, and Anti-Aliased, Click OK
go back to the Layer tab
Click Control + J to copy the selection
to a new layer, at this point
you can turn off the eye on Layer0
and we will be left with our Pie Chart
which we can use in other Photoshop Projects
this concludes the tutorial
