Course contents
SECTION: 4
Keyboard Shortcuts 14:06

Questions

Course info

103 lessons / 10 hours 33 quiz questions 31 projects Certificate of achievement

Overview

Hey there, I'm Dan Scott, an Adobe Certified Instructor with over 16 years of design experience under my belt, I'm part of the Adobe Expert program, and my online and in-person classes have been attended by more than a million people, just like you! Join me as we dive into the exciting world of Adobe Illustrator Advanced! In this course, you're not just leveling up in Illustrator, you're transforming into an Illustrator SuperHero!

In this course you will work on a bespoke brief designed to ignite your imagination, coupled with immersive course videos, you'll be crafting jaw-dropping graphics in no time. Throughout our journey together, you'll flex your creative muscles and construct projects that will elevate your portfolio to new heights. So, let's dive in and unleash your creativity!

You’ll learn:

  • - How to use artificial intelligence to boost your creativity in ideation. 
  • - The quick way to take hand-drawn sketches and vectorize and color them. 
  • - The building blocks needed to set you loose on a huge variety of beautiful effects and techniques.
  • - To make beautiful charts and graphs for your documents. 
  • - Color mastery to make quick color adjustments, Pantones, and blend it all together beautifully.
  • - How to master images inside of your illustrator workflow. 
  • - To harness all the secret gems that'll help you level up your typography skills. 
  • - All the tricks of the trade for drawing complex shapes easily. 
  • - To double your creativity with the Transform and Distort section. 
  • - To speed up your personal workflow to get the most out of your creative day.

Explore the full course outline for a comprehensive list of topics that will expand your Illustrator prowess beyond imagination.

If you're already comfortable navigating the basics but want to  unlock the true potential of Illustrator, then this Illustrator Advanced course is your ticket to becoming a master of Illustrator! So join me and the ranks of design superheroes and let's embark on this thrilling journey together.

Requirements:

- All you need is a copy of Adobe Illustrator, you can get a free trial from Adobe here to get started.
- A basic knowledge of Illustrator is required. I recommend watching my Illustrator Essentials course prior to embarking on this epic adventure.

Who this course is for:

- Creative adventurers who already have a basic understanding of Illustrator.
- Self-taught Illustrator enthusiasts yearning for structured guidance.
- Graduates of my Illustrator Essentials Course, hungry for more knowledge and skills.
- Visionaries who have developed their own unique Illustrator approach but crave exploration of the vast universe of tools, updates, and time-saving techniques.

What you'll learn:

- How to use Text to Vector Ai
- How to use Text to Pattern Ai
- How to use Generative Recolor
- When to use the Scissor Tool, Eraser Tool & Knife Tool
- Advanced Shape Builder Uses
- The differences between the Pathfinder Vs Shape Builder
- How to use the Join tool & Joining Path Ends
- Advanced Pen Tool Tricks
- Width Tool Advanced Techniques
- The Curvature Tool
- How to master corners with corner widget effects
- How to work with Compound Paths
- The difference between Expand & Expand Appearance
- How to create Graphic Styles
- How to make Symbols
- How to use the Smooth Tool
- Advanced use of Simplify Path
- What Live Shape Effects are for
- How to make Repeating Grids & Concentric Circles
- How to make Random Objects
- Advanced Keyboard Shortcuts in Illustrator
- How to add a Gradient on a Stroke
- How to add a Gradient in Text
- How to use the Freeform Gradient tool
- How to use Advanced Color Swatches
- How to use Global Color Swatches
- What is the difference between RGB vs CMYK color modes?
- How to proof colors
- How to use Pantone Spot Colors
- Recolor Artwork & Changing all colors at once
- How to use Blending Modes
- How to work with Images & Blending Modes
- How to make Black & White Images
- Learn Advanced Workflow Tricks
- All the Super Selection Mastery
- How to use the History Panel
- Advanced Fonts Tricks & Tips
- Use Retype to know what Font is being used
- How to put Text Inside a Letter or Shape
- How to use the Touch Type Tool
- How to add a Connected Stroke Around Multiple Shapes
- How to Offset a Stroke with Text
- How to make a Bar Chart in Illustrator
- How to make a Pie Chart in Illustrator
- Layer Power Moves
- Advanced Artboard & Pages Tricks
- How to Unlink vs Embedded Images
- How to Crop Images Rather than Mask
- How to Mask Inside Text & Multiple Shapes
- How to you use the Puppet Warp Tool
- How to use the Distort Envelope Shape & Type
- How to use the Envelope Mesh
- How to blend lines together
- How to make a Linocut Effect
- How to make 3D Gradient Lettering Blends
- How to spin text into a ring
- How to turn text into a 3D donut shape
- How to make a Duotone image effect
- How to make a Roughen Stamp Vector Effect
- How to make a Neon Sign Glow Effect
- How to use a Halftone Effect using Plugins
- Advanced Exporting Assets Tricks in Illustrator
- How to use the Dimension Tool

So what're you waiting for? Let's start the course now!
Daniel Walter Scott

Daniel Walter Scott

Founder of Bring Your Own Laptop & Chief Instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.

True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

How to earn your certificate

Work your way towards your certificate for this course by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz (Merit level courses only)
  • Complete the Distinction Certificate Project (Distinction level courses only) - look out for the video marked with
  • Upload your Distinction project to the My Projects area in your account
  • Request your certificate when you've completed the requirements for the certificate level you're working towards

Good luck!

Pass certificates

We're awarding 'Pass' level certificates for this course.

You can work your way towards your 'Pass' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Don't forget to request your certificate when all your projects are complete

Good luck!

Merit certificates

We're awarding 'Merit' level certificates for this course.

You can work your way towards your 'Merit' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz
  • Don't forget to request your certificate when you have passed the quiz and completed all your projects

Good luck!

Distinction certificates

We're awarding 'Distinction' level certificates for this course.

You can work your way towards your 'Distinction' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz
  • Complete the Distinction Certificate Project - look out for the video marked with
  • Upload your Distinction project to the My Projects area in your account
  • Don't forget to request your certificate when you have passed the quiz and completed all your projects

Good luck!

Downloads & Exercise files

Transcript

Hello. It is time to do pie charts. An illustrator, um, the pie chart part. Okay. This part here at the top is super duper easy. Okay?

And you may asking yourself,  this video looks really long though. It's because I, I don't know, I mess around  with making it 3D and stuff. I really like missing around with that stuff. Not essential. The paragraphs are easy. I spent way too long kind of messing around with this.

What I really like about this tutorial,  after finishing it was like, oh, we got  to tie together a bunch of different techniques  and shortcuts and things in this one video to,  and it takes something and go a little bit further. So there you go. Enjoy the video. Alright, uh, to create our pie chart,  you can use existing data and just change it or start again. Okay? So if you're gonna start again, click  and hold down the column chart, find the pie chart  and just drag it out and you can get started from there.

I'm gonna convert this one we've already got,  'cause I've already got some data in it  and it's useful skill to know. So with it selected with my black arrow,  we can go to graph type. Okay? And in here we can  say, I don't want it to be a column. I'd like it to be a pie chart. Okay?

And again, you can go through  and have a look at the different options. For this one, I'm just gonna leave it as the default  and it's not gonna quite work. So with a pie chart, it needs the data  to be organized in a specific way. So let's go to graph data. Okay? For some reason it doesn't like this stacking of uh, data.

That way it wants to go left or right. And that's why this little option here says  transpose column in row. If you do that, nothing's gonna happen. But you remember what you need to do. Remember hit tick. Okay?

And it's gone  and changed it, it lost my colors and that's okay. Okay? Because we can go and update those. But that is how to make uh, pie chart. I'm gonna close down my, uh,  graph data and let's go and color it. So we should go, I'm gonna use my like direct selection tool  to grab this, just this chunk.

'cause if I grab with my black arrow,  it grabs the whole thing. Okay? But I want just this chunk. So what I can do though is use our sneaky trick. Remember select, uh, same appearance  and it's gonna grab this one  and the corresponding one over here  so you don't have to kind of work it out. Okay?

And I'm gonna say, uh, you are going to be this color  another grade Anne. Anyway, I'm gonna work my way through. Uh, I'll speed this through. Alright. Um, so I colored it. That was fun.

Um, if you are thinking, man, this is a bit cumbersome  and illustrated totally is, um, it is a tool that can do it. There are better tools to make graphs like things like Excel  or uh, max numbers or Google Sheets  or there's a plugin that I'll share  with you at the end for this. Uh, for illustrator it's, yeah,  if I'm doing a one-off annual report,  I'll probably just do it an illustrator. If I am a, I don't know, data visualization person,  that's all I do, I'll probably use something  else other than illustrator. It's just a bit tricky and cumbersome. Alright?

Um, the trick with the pie graph, like the column graph is  that you don't wanna break it apart  unless you really, really, really, really have to. There's a few things you can do. Like I can grab the direct selection tool  and grab this slice and just kind of pull it off. You know, it is still part of the graph, which is cool  'cause I can go back into the data. Okay? Graph data and say, what was that slice  Filtered coffee.

Let's put that up to uh, one 50. No, let's go to 80. That didn't work. I've got eight 80 head enter. Okay? You can see it updated and changed  even though it's kind of pulled out.

So there are things you can do with it  and sometimes you also just want to like say you want  to leave milligrams there or okay, move it around. Use the direct selection tool and move it around. It'll still be part of the graph, okay? You can still go through and change it in here  to Dans, okay? Remember to hit the tick and it will adjust. So you can kind of jiggle things  around while still being part of, you know,  the editable pie graph.

Some things you can't do wanna cut a hole in it like the  donut you saw at the beginning. Okay? If I grab my lips tool, which is the uh, what is it? The L key, okay? And I hold down the option key mac al can a  pc and I drag out a circle from the center  holding shift as well. Okay?

I can't grab both of those  and say I wanna make it a compound shape,  which is command seven. Nope, I can, I can definitely uh, add a clipping mask. It's not what I want, but let's say I wanna do um,  the command or control eight. Okay? It says you can't do it, it needs to be broken apart. And that's where you might go through  and go, okay, I'm gonna break this apart now.

And, but sometimes a little hack might work. Let's say the uh, fill color here is just gonna be white. Don't tell anyone it's not a hole, it's just white. That kind of needs to be back in there. But you get the idea. Sometimes there's just a little bit  of fudging to keep it um, connected to the data.

Alright, let's break it apart. Now I'm gonna make a duplicate of it. So I'm gonna grab you. You go sit over there. That's my good version. This one here, I'm going to select.

And do you remember, do you go  to object and hit that forever? No, you go to ungroup. Okay? And you're gonna say you're gonna break the  connection, that's fine. And I'm gonna ungroup it again. I'm using my shortcut, uh, command shift G  or control shifty on a pc.

Okay? And I now want to actually, I wanna put that back in. I should have done that at the beginning. I'm gonna go  to command Y, okay? And I'm gonna grab you  and kind of get you to wedge back in under wire again. And I want to cut a hole in this, okay?

Instead of a clipping mask, what I'm gonna do is I want  to actually destroy everything in the inside. Okay? I wanna get rid of it 'cause it looks  better when it's 3D. So what I'm gonna do is I'm going to go to my shift  M on both Mac and pc. Hold on my option counter Mac, oh PC  and just color out the middle. Now there's a hole.

How do I know there's a hole? Ooh, remember the shortcut? Command shift D, okay? Or control shift D to go to uh, what is it called? Transparency grid. Okay, definitely a hole.

Now the next thing we need to do is I'm  gonna kind of make it 3D. What happens is it'll wrap the sides  with whatever's wrapped around the sides. So can you see there's a stroke. I'm gonna make a bigger, by  default there was a stroke given to it. So if I make this 3D, the edges  of this thing's gonna be black. You might want that.

I don't. I'm gonna select it all and say have no stroke. I'm gonna use a shortcut again. See over here. Okay, you might be thinking, does use all these shortcuts? I totally do.

I'm a bit of a shortcut nerd  and I do think they work. And if I hit the X key,  can you see over here it brings the stroke to the front And  who remembers what the give it no fill  button is down your keyboard. Okay? It's the forward slash key and it has no stroke. Alright, let's make it 3D. What we need to do is have it selected.

This chunk needs to be grouped. It does work when they're separated,  but they end up flying all over the place. So let's just select it all  and use command G for group control. G for uh, pc. And with it selected, let's go up to window  and add unnecessary 3D. Okay, we covered 3D in the essentials course.

Let's just do a basic, let's go to object. Let's go to the top here, go to extrude  and look how cool that is. Now if you've not worked with 3D very much,  it can be a little tricky to rotate this thing. You're meant to use this uh, gooey thing in the middle here. Uh, if you click  the.in the middle, it's kinda the worst part. You're like duh.

You might  eventually get it to where you need to be. What I find is the most useful is probably just using,  if you scroll down here using this, okay,  it's probably a little bit more like okay I can stand  or grab one of these edges. Okay? Either that one to go forward and back  or that one to do the rotation. Okay? And it just does one at a time, one axes at a time.

Um, yeah, either way you wanna do it. I'm gonna do the crazy line it up. Perfect and cool stuff you can still do is um,  can you still see the outline there? Okay, I can go into outline mode. So command uh, y okay and I can grab my black selection. Double click to go inside.

Okay, so it inside that group I can grab this chunk,  use my black arrow just to move it out. Okay? And then it can go command Y again and look at us. Cool 3D thing that we could label with other stuff. Double click the background to come out and command Y  or control Y for outline mode. And there we go.

We've got some 3D stuff. Now when you are doing 3D  and just we're finished bar graph stuff now and  but I want to show you like if I zoom in,  can you see mine is quite pixelated. Yours might not be your computer also might be having a  little mini meltdown with 3D. Okay, three D's tricky. And the way to make it more tricky  but also look better, there's two things with it selected. Okay?

You can go up to the 3D materials,  there's this little option  and you can turn on ray tracing, watch  what happens to it, okay? And hit render. It just comes out a whole lot nicer. What I'm gonna do is go to my materials  and there's a bunch of materials I'm gonna keep on the base  and I'm gonna go this little panel find a little bit tricky. You can scroll all the way down the bottom here. Okay?

And there's one called I like metallic. Okay, do I want it to be rough? No, I want it to be super shiny. Okay? And now if I hit render again, it'll go through  and kind of like do a really serious render. Actually a little bit of roughness.

Let's change the  lighting as well to be diffuse standard. And I'm gonna crank it up. Okay? And I'm gonna go back into here and hit render. This is kind of like a, you've kind  of got it close now hit render  and it will give it a nicer finished polished look. Mine doesn't look much different.

Good Dan, I'm gonna move my light source somewhere  where it's catching the top of this thing. There we go. Actually maybe a diffuse light. That's it. Diffuse light and I'm gonna crank it up  and then I'm gonna go to render. Mine's kind of soft.

I'm gonna lower down the softness. Let's get it to be hard. All right, I'm gonna stop messing  Around in 3D It looked cool how it started. I just wanted to remind you of like  how to get a good render. Okay? Is to come into here, turn ray tracing on,  turn the quality up to high and then hit render.

'cause by default it's not doing that, okay? It's not gonna be a good output. The other thing that can really help with the resolution,  and this is totally gonna freak your computer out, is  that if you go up to fix  and go to something called document raster settings, okay? And in here mine by default is at 72 PPI pixels per inch. Kind of like low resolution works perfectly good for  what I'm gonna be using it for, but let's say it's going out  to it annual report and I need it  to be super high, be prepared. If you click this button, it's gonna redraw it.

And depending on how old uh your  machine is, it will freak out. My machine is like I maxed out an Apple machine  and it's still quite tricky doing a simple biograph. Oh but look how tasty it looks. Come on. Okay? So if you do need more resolution  out of it, you can do that.

I totally need a shadow selected turn shadow on prepare  to freak out machine if yours is freaking out. But you really do want the 3D stuff. There is a way around it. First of all, just turning the ru of savings back to 72. Get it how you want. Then you know when you're finished  crank it up to 300, uh, PPI and that'll be fine.

The other one is, oh look at all my reflections. Lemme change my lighting just one more time. Okay, I've made mine worse. But what I wanna show you is instead of,  'cause I wanna drag this along right  and it's gonna start rendering again. What you want to be doing is turning the ruster back down  but also turning the uh,  ray tracing off until you're finished as well. 'cause otherwise it's going to keep doing this every time  you move any one of these dials anyway.

Alright, that one, let's turn it off. Hang on, jump up. Alright, so you might be able to hear it in the microphone. I don't know. The fans on my  pool, little laptop have come on. They never come on.

So Illustrator is not, it does cool. Um, 3D but it's not kind of built for it  so it can be a little bit tricky. So I'm gonna turn the ray tracing off  and then mess around with it and let you go  because we've made a paragraph way back earlier  and then we spent way too long messing around with it in 3D. Alright, I turned off my shadow. Didn't look good with it anyway. Um, last thing I wanted to share with you  before we go is if you do find yourself doing a lot more  work with, um, graphs inside  of Illustrator, there is a plugin.

This seems to be, I haven't used it. I asked a few people that I know who do do this type  of thing and they said this is the one. Okay? So, uh, data on data line, Dalon, whatever,  it's um, go check it out. They have got a plugin for Illustrator  and that might be something that you could use if you are,  you know, going further with graphs in Illustrator. Alright, my friends, uh, that is gonna be it.

I will see you in the next video.
Written Guide

How do you make a pie chart in Illustrator?

Choose the Pie Graph Tool from the Column Graph Tool flyout, drag out your chart, and enter your data. You can also convert an existing graph using Graph Type. If the result looks wrong, transpose the rows and columns in Graph Data, then click the tick to apply the change.

How to Create Pie Charts in Illustrator, Plus a 3D Doughnut Chart


Key takeaways

  • Create a new pie chart or convert a graph you already have.

  • Fix the data layout and recolour slices alongside their legend keys.

  • Move slices and labels without losing the editable graph data.

  • Build a real doughnut-shaped cut-out when you need custom artwork.

  • Add optional 3D depth and improve rendering without making every edit painfully slow.

The pie chart part is super easy. The tempting bit is taking that perfectly sensible chart and giving it a hole, some depth, a shiny material and perhaps a little too much attention to the lighting. I do like messing around with that stuff.

The useful distinction is this: keep your chart connected to its data for as long as possible. You can do quite a bit of styling before you need to break that connection. The 3D treatment is entirely optional.


Create a new pie chart or convert an existing graph


Start with the Pie Graph Tool

  1. Click and hold the Column Graph Tool in the toolbar.

  2. Choose the Pie Graph Tool from the flyout.

  3. Drag on the artboard to create the chart.

  4. Enter your data in the Graph Data window and apply it using the tick.

If you already have a graph containing the right data, there is no need to start again. Converting it is a useful little skill.


Convert a column graph into a pie chart

Select the existing graph using the Selection Tool, the black arrow. Open Graph Type, choose the pie chart option and confirm. You can explore the pie chart settings, but the defaults are fine for this example.

There is one catch: data that worked nicely for a column graph may not immediately produce the pie chart you expected.


Fix the data orientation with Transpose

In the coffee example, converting the column graph initially produces several separate circles rather than one pie divided into slices. The data needs to run across the table rather than remain stacked in its previous arrangement.

  1. With the graph selected, open Graph Data.

  2. Click Transpose Column and Row.

  3. Click the tick to apply the change.

That last click matters. Transposing the table does not update the artwork until you apply it. Once you do, the separate circles become a single pie chart with its category legend.

Adobe Illustrator 2024 workspace displaying a grayscale pie chart with a legend (Decaf, Espresso, Instant, Filter, Brewed) behind an open Graph Data spreadsheet dialog window.

Transposing the data turns the separate circles into one pie chart.

The conversion may reset your colours. A little annoying, yes, but easy enough to fix next.


Recolour the slices and their matching legend keys

The black arrow selects the whole graph. To work on an individual slice, use the Direct Selection Tool, the white arrow.

Here is the sneaky trick that saves you matching every legend key by hand:

  1. Use Direct Selection to select a slice.

  2. Choose Select > Same > Appearance.

  3. Apply your chosen fill colour to the selected slice and matching legend key.

  4. Repeat for the remaining categories.

In this example, the finished palette uses teal, coral, orange, pale yellow and a dark neutral. The important bit is not the particular colours. It is keeping each slice and its legend key consistent.

Illustrator canvas showing the coffee comparison pie chart recolored in teal, peach, orange, red, and dark brown segments matching the updated legend keys.

Matching colours keep the slices and legend easy to connect.

Keep the pie chart editable while adjusting its layout

Do not ungroup the graph unless you really need to. Once you break it apart, you lose the connection between the artwork and its graph data.

Fortunately, moving a few things around does not require that sacrifice.


Pull out a slice

Use Direct Selection to select a slice and drag it away from the centre. It remains part of the live graph, even though it now sits outside the main circle.

For example, pull out the filter coffee slice, return to Graph Data and change its value to 80. Apply the change and the slice updates while remaining separated from the rest of the chart. You get the emphasis without giving up editable numbers. Very handy.


Move or update the chart label

You can also use Direct Selection to reposition the label beneath the graph. It remains part of the chart, so you can still return to Graph Data, change the label text and click the tick to update it.

In other words, a little layout adjustment is fine. You do not need to turn everything into ordinary paths just to jiggle a label around.


Make a doughnut chart: a quick workaround or a real hole

A doughnut chart introduces a different problem. You cannot simply combine a live graph and a circle into a compound path to cut away the centre. Illustrator needs the graph broken apart first.

There are two ways forward, depending on what you need.


Option 1: Fake the hole and preserve the data

For a flat chart on a white background, a white circle over the centre can do the job visually.

  1. Choose the Ellipse Tool using L.

  2. Start at the centre of the pie.

  3. Hold Option + Shift on Mac or Alt + Shift on Windows while dragging to draw a circular shape from its centre.

  4. Give the circle a white fill.

Don't tell anyone: it is not a hole. It is just white.

That little fudge can be useful when retaining the graph data matters more than having genuinely transparent artwork. It is not the right solution for the 3D treatment, though. For that, we want to remove the middle properly.


Option 2: Duplicate the graph and cut out the centre

Make a duplicate before breaking anything apart. Move the live version aside as your good, editable copy. Use the duplicate for the custom artwork.

  1. Select the duplicate graph and choose Object > Ungroup.

  2. Accept the warning that this breaks the connection to the graph data.

  3. Ungroup again as needed using Command + Shift + G on Mac or Ctrl + Shift + G on Windows.

  4. If you previously pulled a slice out, move it back into position before cutting the hole.

Outline mode helps with alignment because it shows the paths without their fills. Toggle it with Command + Y on Mac or Ctrl + Y on Windows, line up the slice, then use the same shortcut to return to the normal preview.

With the centre circle in position, select it along with the pie shapes. Choose the Shape Builder Tool using Shift + M. Hold Option on Mac or Alt on Windows and drag across the regions inside the circle to remove them.

This destroys the unwanted centre geometry rather than merely hiding it behind a clipping mask. That gives the 3D effect a real inner edge to work with.

To check the result, toggle the Transparency Grid with Command + Shift + D on Mac or Ctrl + Shift + D on Windows. If the grid shows through the middle, you definitely have a hole.

Illustrator artboard with the transparency grid active, showing the recolored pie chart modified into an open ring or donut chart beside the vertical legend stack.

The transparency grid confirms that the centre has been removed, not covered.

Prepare the doughnut chart for 3D


Remove unwanted strokes

Check the chart for strokes before adding depth. The generated graph includes a stroke, and that can leave you with black edges when you extrude it. You might like that look. I do not want it here.

Select the doughnut slices, bring the stroke control to the front with X, then press the forward slash key (/) to set it to None. Make sure the stroke, not the fill, is active before pressing it.


Group the slices

Select the doughnut slices and group them using Command + G on Mac or Ctrl + G on Windows.

You can apply 3D to separate pieces, but they can end up behaving like separate objects and flying all over the place. Grouping gives you a more manageable starting point.


Add 3D depth and pull out a segment

With the grouped doughnut selected, open Window > 3D and Materials. In the panel's Object controls, choose Extrude.

There we go. Entirely unnecessary 3D, but rather fun.


Rotate one axis at a time

The central rotation control can feel a bit wild. Dragging its centre may eventually get you to the angle you want, but it is not always the most predictable route.

For more control, use either:

  • The rotation settings further down the panel.

  • The outer handles on the on-canvas rotation control, which let you adjust one axis at a time.

Tilt the chart until you can see both the top surface and its extruded sides.


Separate a slice after applying 3D

You can still change the underlying artwork after adding the effect:

  1. Toggle Outline mode with Command + Y or Ctrl + Y.

  2. Use the Selection Tool and double-click the group to enter isolation mode.

  3. Select the segment you want to emphasise and move it outwards.

  4. Toggle Outline mode off to see the updated 3D result.

  5. Double-click the background to leave isolation mode.

Close-up 300% view of the vector donut chart segments extruded into three-dimensional curved blocks alongside the floating 3D and Materials properties panel.

Moving the underlying segment creates a separated slice in the 3D result.

Remember that this version is editable artwork, not a live data-driven graph. That is why we kept the original safely off to one side.


Improve the 3D finish with rendering, materials and lighting

If the chart looks pixelated, or your computer is having a little meltdown, there are two separate things to manage: render quality and raster effects resolution.


Turn on ray tracing for the final render

In the 3D and Materials panel, open the rendering options, enable Ray Tracing, set the quality to High and click Render.

The default working preview is not necessarily the polished output you want. Rendering gives Illustrator a chance to calculate a nicer finish.


Experiment with materials and lighting

You can keep the base material and adjust its properties rather than choosing a completely different material. Try the Metallic and Roughness controls. Lower roughness gives a shinier surface; adding some roughness softens that finish.

Lighting makes a big difference too. Try the diffuse lighting preset, adjust the intensity and move the light so it catches the top of the chart. The softness setting changes how hard or soft the shadows appear.

Make a few changes, then render to judge them properly. And do be prepared to discover that your first version looked better. I managed that quite successfully while fiddling with the lights.

You can also enable a shadow, but keep it only if it helps the result. More effects do not automatically make a better chart.


Increase Document Raster Effects resolution when needed

For higher-resolution output, go to Effect > Document Raster Effects Settings.

The example starts at 72 PPI, which is fine for working and suitable for its intended use. If the chart needs higher-resolution output for something such as an annual report, you can raise it to 300 PPI.

Be prepared: Illustrator has to redraw the effect, and that can take time even on a powerful machine.

Illustrator workspace displaying the 3D extruded donut chart with lighting controls active in the 3D panel, while the Document Raster Effects Settings modal selects High (300 ppi) resolution.

Raise the raster effects resolution when the final output needs more detail.

Keep Illustrator responsive while you work

The practical trick is to separate working settings from finishing settings.

  • While editing: use 72 PPI raster effects and turn ray tracing off.

  • While adjusting materials or lights: avoid making Illustrator perform a full render after every small change.

  • When finished: increase the raster effects resolution if required, enable ray tracing, choose High quality and render.

Otherwise, every adjustment can trigger another expensive calculation. Illustrator can produce some cool 3D, but those effects can put a surprising amount of strain on the machine.


Is Illustrator the right tool for your charts?

Illustrator can make graphs, but I will happily admit that the process can be cumbersome.

For a one-off annual report, I would probably build the chart directly in Illustrator. If data visualisation were my everyday job, I would look at tools such as Excel, Apple Numbers or Google Sheets rather than assume Illustrator is the easiest option.

If you need to do more graph work inside Illustrator, Datylon is a plugin worth investigating. I have not used it myself, but people I asked who do this sort of work recommended it.

The core workflow is simple: create the pie, fix the data orientation if needed, colour it and keep it live. Only break a duplicate apart when the design genuinely calls for custom shapes or that optional 3D treatment. The pie chart is easy. Knowing when to stop playing with the lighting is the tricky bit.


Key terms

Live graph

A graph that remains connected to Illustrator's Graph Data window. You can update its values and labels without rebuilding the artwork.

Transpose

Swapping the rows and columns in the data table. In this example, it changes how Illustrator interprets the coffee categories, producing one divided pie instead of separate circles.

Direct Selection Tool

The white arrow used here to select individual slices and labels within the graph rather than selecting the whole chart.

Shape Builder Tool

A tool for combining or removing regions of selected shapes. Holding Option on Mac or Alt on Windows lets you subtract the centre regions to make the doughnut hole.

Ray tracing

A rendering option used to improve the finish of the 3D effect. It takes more processing time, so it is best left off during frequent adjustments.

PPI

Pixels per inch, the resolution measurement used in Document Raster Effects Settings. Higher settings can provide more detail but take longer to calculate.


FAQs

Why does my Illustrator pie chart show separate circles?

The data orientation may not suit the intended pie chart. Open Graph Data, click Transpose Column and Row, then click the tick to apply the change.

Can I pull out a pie slice without losing editable data?

Yes. Use the Direct Selection Tool to move the slice outwards while keeping the graph intact. You can still change its value in Graph Data and apply the update.

Can I make a doughnut chart without ungrouping the graph?

You can place a white circle over the centre for a flat chart on a white background. That preserves the live graph, but it does not create a real transparent hole. For the cut-out used in the 3D workflow, duplicate the graph, ungroup the copy and remove the centre with Shape Builder.

How do I stop Illustrator slowing down when editing a 3D chart?

Turn ray tracing off and work with Document Raster Effects Settings at 72 PPI. Once the design is finished, raise the resolution if needed and run the high-quality render.

Daniel Walter Scott

Written by Daniel Walter Scott — Founder of Bring Your Own Laptop & Chief Instructor

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • Cookie policy
  • © Bring your Own Laptop Ltd 2026
🎬 After Effects Essentials is Now LIVE!

🎬 After Effects Essentials is Now LIVE!

Kyle Hamrick’s brand-new After Effects Essentials course has officially launched!

Jump in and start bringing your ideas to life with motion, animation, and visual effects, all taught step-by-step from the ground up. 🚀

Whether you’re completely new to After Effects or ready to build your confidence, there’s plenty to explore, create, and animate.