Overview
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
instructorI 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.
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.
Live Shape Effects let you edit shapes like ellipses, polygons, and stars after you draw them by using on-canvas widgets or the Transform panel. They are brilliant for making things like pie charts, triangles, badges, and starbursts quickly, but they stop being live once you expand or manually alter the shape in the wrong way.
Live Shape Effects are one of those Illustrator features that feel a bit sneaky. They sit there quietly on shapes you probably use all the time, and then suddenly you realise you can turn a circle into a Pac-Man, a polygon into a perfect triangle, or a star into a proper badge without redrawing anything.
They are genuinely useful, and not just for making weird little novelty shapes. They are especially handy when you need clean, editable geometry fast.
Live Shape Effects work on specific shape tools in Illustrator. The main ones here are:
Rectangle Tool
Ellipse Tool
Polygon Tool
Star Tool
Not every tool in that group behaves the same way. For example, the Flare Tool is not joining the party here.
The important thing is this: these effects only stay live when the shape is still treated as a live shape. Once you break that state, the extra controls disappear.
When a live shape is selected, Illustrator shows small on-canvas widgets. These little handles let you change the shape visually without rebuilding it from scratch.
Sometimes that means opening or closing an ellipse. Sometimes it means increasing the number of sides on a polygon. Sometimes it means turning a starburst into a softer badge.
It is quick, visual, and a lot more flexible than the old approach of drawing a shape, realising it is wrong, deleting it, and starting again.
This is the kind of payoff Live Shapes give you: one set of simple tools, lots of editable outcomes.
Start with the Ellipse Tool and draw a circle or ellipse. Once it is selected, you will see the live shape widget.
Drag that widget and the ellipse opens up into a wedge shape. That is the classic Pac-Man look, though it is probably more useful as a pie slice than as retro arcade fan art.
A plain ellipse can become a pie slice just by dragging the live widget.
That single feature is great for:
Pie charts
Circular progress graphics
Cutaway diagrams
Simple icon work
You can drag the widget by eye, but for anything that needs accuracy, open the Transform panel.
That panel gives you ellipse-specific controls, including:
Width and height
Start angle
End angle
Direction options for flipping the arc
This is where things become much more practical. Instead of guessing, you can type the angles in directly.
The Transform panel is where live ellipses stop being guesswork and start being precise.
If you ever want to reset the ellipse back to a full circle, double-click the live shape widget and Illustrator clears the effect.
This is the bit that catches a lot of people.
If you switch to the Direct Selection Tool and start moving anchor points around, Illustrator can convert the object from a live shape into an expanded one. Once that happens, those lovely editable controls vanish.
So yes, Live Shape Effects are very handy, but they are also easy to lose.
If you break one by accident and catch it quickly, just undo.
The Polygon Tool is probably one of the most useful live shape tools in the whole set.
Draw a polygon, select it, and look for its live shape widget. It is not always in the same place as the ellipse widget, which is mildly annoying, but once you find it you can drag to change the number of sides.
That means you can go from:
Triangle
Square-ish polygon forms
Pentagon
Hexagon
All the other gons that everyone pretends to remember
One of the easiest wins here is making a perfect triangle without wrestling with the Pen tool.
One especially useful trick is dragging the polygon down to three sides. That gives you a perfect triangle instantly.
If you have ever tried to draw a mathematically tidy triangle with the Pen tool, you already know why this matters.
The Star Tool has some of the most flexible Live Shape controls in Illustrator.
Draw a star and you can then adjust it after the fact, which is a major improvement over the older way of doing things.
Previously, if you wanted a star with a certain number of points, you often clicked once with the Star Tool, entered values, and hoped you got it right. If you changed your mind later, that usually meant starting again.
With live stars, you can keep editing.
A live star gives you control over:
Number of points
Inner radius
Outer radius
Rounded corners
This means you can create very different looks from the same base shape:
A traditional star
A spiky starburst
A sun shape
A sticker or badge shape
A softer rounded burst
Stars are where Live Shapes get properly fun because the same object can become a burst, a sun, or a badge.
If you drag the inner radius outward, the centre opens up and the star begins to look more like a sunburst or promotional sticker. Pull it inward and it becomes more like a classic star.
There is also a separate live widget for corner rounding, so you can make the points feel softer without changing the overall structure.
Here is a nice little bonus move.
While dragging out a star, before releasing the mouse, tap the Up Arrow or Down Arrow on the keyboard. That adds or removes points as you draw.
It is one of those tiny Illustrator tricks that makes you look far more organised than you might actually be.
Most of the time, you are better off keeping the shape live for as long as possible.
That said, there are situations where you may need to expand the shape. For example:
Sending artwork to older production workflows
Preparing files for certain cutting or plotting systems
Needing a plain path instead of a live object
Once expanded, the shape still looks the same, but all the special live controls are gone.
So only do it when you actually need to.
This is where the ellipse tool becomes properly practical.
If you need a pie chart segment that represents an exact percentage, dragging the wedge by eye is not enough. Instead, use the full circle value of 360 degrees and calculate the angle for each segment.
Use this:
360 x percentage as a decimal
Examples:
15% = 360 × 0.15 = 54 degrees
30% = 360 × 0.30 = 108 degrees
Type that result into the ellipse angle controls in the Transform panel and Illustrator creates the exact wedge size you need.
This is the fast, tidy way to build a pie chart when each segment needs an exact value.
Draw a full circle with the Ellipse Tool.
Duplicate it so you keep a base version handy.
Turn one copy into a wedge using Live Shape controls.
Use the Transform panel to enter the exact angle based on the percentage.
Bring the segment to the front if needed.
Duplicate for the next segment.
Change the colour and rotate it into place.
Use Smart Guides so the pieces snap neatly together.
That is a much cleaner method than trying to fake it with manually cut shapes.
If a pie chart is nice, a donut chart is just a pie chart trying harder.
To create one, draw a smaller circle from the centre of the larger chart.
Use these shortcuts while drawing:
Alt on Windows or Option on Mac to draw from the centre
Add Shift to keep it a perfect circle
Then remove that centre area using the Shape Builder Tool. Make sure you are using Shift + M, not the Width Tool, which is the sort of tiny mistake that is very easy to make.
Once the centre is knocked out, the same pie chart becomes a cleaner donut-style graphic.
The result is a donut chart built from live shape wedges, which gives you a quick, editable graphic for presentations, infographics, or interface mockups.
If you have ever clicked a shape in Illustrator and wondered why it has odd little handles or widgets on it, this is usually the answer.
Those extra controls are Illustrator telling you the object is still a live shape.
If you do not see them, one of these is probably true:
The object was not created with a live shape tool
The shape has already been expanded
The anchor points were edited in a way that broke the live state
Once they are gone, you generally cannot just switch them back on for that exact object. That is why it is worth preserving the live version until you are sure you are finished.
Use the Transform panel whenever precision matters.
Keep Smart Guides turned on for alignment and rotation.
Duplicate live shapes before making destructive changes.
Only expand when a workflow absolutely requires it.
Use polygons for perfect triangles instead of drawing them manually.
Use live stars for badges, bursts, and sticker shapes instead of building them point by point.
The Rectangle, Ellipse, Polygon, and Star tools all support live shape editing. The Flare Tool does not behave the same way here.
The most common reason is that the shape was expanded or manually altered with the Direct Selection Tool. Once Illustrator converts it from a live shape to a regular path, the special controls are gone.
Yes. Draw a polygon and drag its live widget until it reaches three sides. That gives you a clean, perfect triangle instantly.
Use an ellipse as a live shape and enter the wedge angle in the Transform panel. Calculate the angle with 360 multiplied by the percentage as a decimal.
Draw a smaller centred circle inside the pie chart and remove the middle using the Shape Builder Tool. Hold Alt or Option to draw from the centre, and Shift to keep the circle perfectly round.
Only if you need to for compatibility with older production workflows or specific output requirements. In most cases, keeping the shape live gives you more flexibility.