I'm bit new for designing. I'm trying to draw a pie chart for a dashboard design. I tried editing gradients but could located the positions correctly.If I am to use 3 colours for the pie chart how can I locate the colours. I am using photoshop cc 2015.

tried with gradents

I want the pie chart to look like this <image from google>

  • Perhaps this tutorial can help
    – spike_66
    Nov 24 '18 at 8:41
  • 2
    The pie chart in your example is not made with a gradient.
    – joojaa
    Nov 24 '18 at 9:37
  • 2
    You took a task which takes in Illustrator few minutes and the result can be cutted and pasted into as high resolution image in Photoshop as needed, if it for some reason must be in Photoshop. Illustrator has proper tools for generating most common business graphs from numbers. The hole in the middle can be made afterwards to right size. Drawing it from scratch in Illustrator without the graph tool also is a minor task.
    – user287001
    Nov 24 '18 at 11:24
  • (continued) For fast results you can use an online graph generator. If screen resolution image is ok, try for ex. rapidtables.com/tools/pie-chart.html. You must cut the hole to the pie by yourself.
    – user287001
    Nov 24 '18 at 11:43
  • I would use Excel or Open office to do that, and export it.
    – Rafael
    Nov 24 '18 at 15:27

As written in the comments, Photoshop is not the best program to make this kind of graphics.

But the way to do it is with shapes and a gradient angled overlay effect applied to the layer .



Sorry for the gif quality, 2mb maximum size

  • 1
    Your gif will be lighter if you do not move the windows.
    – Rafael
    Nov 24 '18 at 15:24
  • 1
    Thank-you very much. gif made it easy to understand.
    – Kitty J
    Nov 24 '18 at 19:05
  • @KittyJ, don't use gradients to make pie charts or donut charts. There is no need to do that. PS has a pen tool just like Illustrator... I'd rather use that + a clipping mask.
    – Joonas
    Nov 27 '18 at 6:58

I've done this by using the ellipse tool and adding an interior stroke (recommend to make large 70pts) and select a color.Then duplicate the layer, change the color & rasterize the layer. Then use marquee tool or eraser tool to delete the parts of the circle you need to remove, revealing the tri-colored graph.

  • 1
    It's better to use shapes and paths instead, there's no need to rasterize anything. Or use Illustrator as mentioned in another answer.
    – Luciano
    Jun 12 '19 at 8:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.