Skip to main content

Intro to Adobe Illustrator

Lesson 6 of 12

Live Shapes and Transform Panel


Intro to Adobe Illustrator

Lesson 6 of 12

Live Shapes and Transform Panel


Lesson Info

Live Shapes and Transform Panel

we're gonna be using the properties panel, the transform panel that's in the properties panel here to go ahead and show you what's called live shapes. We showed you how to draw shapes and do corner widgets here. But there's a whole lot more things that we can do with shapes in here. That's pretty awesome. And so we're gonna use the transform panel and we're going to show you some of the cool things. Okay, And this is the transform panel resides in your properties panel, and we're going to show you that. So just some of the quick overview of what weaken dio We can go in and weaken set when we're drawing a circle or a square, we can edit these circles to create pie shapes. Yeah, really? We can draw polygons, change the number of sides here at the corners, and so let's jump right into that live shapes. So here I've got some basic shapes already drawn that we can use this as reference. So what's alive? Shape? Well, alive shape is simply a shape that is going to have attributes, that we can...

do a lot of stuff too. So if I go to my properties panel. It's like, Oh, I'm not really seeing much of my properties panel. Well, the reason why is because under the transform section, we have to click on the more options in order to get this. Okay, I wish they showed all of the transform section in here because it would be a whole lot more useful because there's so much hidden in the transform here that I'm actually going Teoh call up my actual transform window to show you these live objects. So I'm gonna take the transform section here, which is a which is the same thing here in the properties panel. It just shows everything. So with this, I'm going to you select my circle, and I can control the size and the width and the height here, and I can rotate this. But here's the cool thing. This little handle that sticks out of the circle. I called little Walker Walker handle for those of you that were in the eighties. And you know that reference right there. I can take this handle, and I can open this up to create a pie shape. Now, here in my transform panel, Aiken set those angles right here for the pie shape, which is actually pretty awesome. Now, here's the crazy part. If you never knew this, this is something that's absolutely awesome. You want to do a quick little pie chart, and if somebody is like, OK, I want you to show 65%. I'm gonna show you the coolest thing right here. When we're dealing with percentage, we have 0 to 100. We're dealing with a circle. We have 360 degrees. So if I want a 65% pie chart, I'm gonna type in 65 times 3.6. Every percentage is 3.6 degrees. And, yes, all these fields could do math. I know, and I can go ahead and I can show you what the remaining part of a 65% pie shape is. Now. You're like, Oh, my gosh, I want both these shapes. Well, we have a little flip shape right here, which allows us to invert rpai so we can show half of this or the 65% in the 35%. Yeah, pretty awesome. Live shapes. I know. It's awesome. We're gonna jump over to our next shape here, which is gonna be our rounded rectangle here in the transform panel. If you don't want to edit your corner widgets right here, you can use them in the transform panel by default. This link is active, which means when I change the size of any of my corners, they all change simultaneously. Liken unlinked that. And I can then change the corners for one side only. And I can control the size and the style of each and every individual corner here. If I want no corner, no rounded or inverse corner would like to return that to a square corner. I simply set that setting to zero and then I have the basic corner. So yeah, I could do a lot of cool stuff in here. I could go in and I could make it look like a little vessel or a cup right there just by rounding those corners again. Transform panel. This is all live shapes by polygon. Now, I was able to edit the polygon with a little triangle here on the sides. But I can also do it in my life shape here where I can simply roll up the number of sides right here. And then I can resize it with the two different radius. Is here quick and easy. Way to change the size of something. If I want to make it different, I don't have to highlight the number and then type in something new. Put your cursor in there and just use your up arrow or down arrow on your keyboard. And that allows you to change that value. You don't have to type it in highlighted. Delete it now, don't bother. Put it in there. Awesome. Okay. Gonna go back, Teoh our rectangle here, and we have our rotate sections that we can do here as well. But here's what I wanted to show you in this particular regard. This shape right here that I have has both a fill in a stroke on it. Now, if I were to go ahead and I were to scale this up or down in size, I could make this larger, smaller, taking the selection tool and pulling on the pull handles, and I could scale my entire object. Now the stroke weight on this has not gone up in size. Sometimes if I scale these objects larger, I do want the stroke to scale with it. I can turn on this scale, stroke and effects, which means I scale something larger, smaller. The stroke will scale larger and smaller with it. The larger I make it, the larger the stroke gets smaller. I make it the strollers, Muller, the stroke gets. I may want that. I may not. So this is something you can turn right on and write off in the scale corners here. The other thing that I want to show you is this. I'm going to pull my corner widgets in, and I'm going to go in and turn this into a little pill shaped by pulling my corner widgets all the way in. Now, as I make this larger, you'll see that it no longer remains that pill shape. And it's like, Yeah, but that's what I wanted. Okay, transform panel, scale the corners. Do you want to keep the look of the corners the same? Or do you want to keep the corner radius? The same If I scale the corners here at night, choose scale corners, I will get larger pill shape no matter what size I make this so smaller and larger If I do not scale my corners and I do this, I lose my pill shape. But when I come back down to make it a smaller here, I can't make it any smaller than my original corner. You see how I try to make that smaller and I can't go past that. That may be something you run into. That's the scale corners feature here. Do you want to make it look the same, or do you want to keep the corner radius the same? Choose the scale corners or not well, with our triangle tool here again, we can go in and set the number of sides, and this is where we can go in and set our angle of rotation as well. We can also skew our objects or sheer them so we can keep them on their baseline and we can share them off one way or another. Using our sheer so kind of cool with what Weaken Dio with that sheer all live shapes and life shapes is just something you can get in and use. Select them and then actively at it. Those properties right there in the transform panel it is in the Properties panel, but you got to click on little dot, dot, dot for more options to get the complete section here. That's why I use the transform panel.

Class Description


  • Navigate the Illustrator workspace
  • Draw and transform shapes
  • Create and apply color swatches
  • Choose and edit the perfect font for your project
  • Create a project from start to finish in Illustrator


The world’s top designers use Adobe® Illustrator® for its powerful, vector-based drawing environment – and now you can too. In this short course, Jason Hoppe takes you through the Illustrator basics to take a project from beginning to end. Learn helpful shortcuts and how to use core powerful tools to create and customize the graphics you need. Jason will show you how to create a new document, navigate the interface with ease, draw and manipulate shapes, apply color and text and save your file to be used across Adobe platforms. In Intro to Adobe Illustrator, learn the fundamentals to create high-quality vector illustration.


This class is for beginner designers interested in creating logos or graphics, freelancers building their business and brand, and anyone new to the Adobe Cloud.


Adobe Illustrator CC 2019


An Adobe® Certified Expert and Adobe® Certified Instructor, Jason Hoppe has accrued more than 17 years’ experience in high-end production training, photo retouching, color correction, and creative workflow management. Active in high-end electronic production since the industry’s inception, he’s also taught prepress and electronic design to hundreds of Seattle-based creative professionals and aspiring designers in various settings, including one-on-one tutoring, classroom instruction, live webcasting, and large group training. A founding Instructor at Creative Live, he currently teaches the Adobe® Creative Suite at The School of Visual Concepts, Luminous Works and Seattle Central College.

You can find Jason’s website and blog with Adobe Illustrator tutorials at


  1. Class Introduction

    Entering Illustrator: what are the interface basics you need to know? Jason gives you a quick overview of toolbars, panels and notable features of the newest version of Illustrator.

  2. Zoom and Navigation

    Learn how to use different zoom options to navigate the workspace with ease and efficiency. Jason shows you how to use floating and nested panels, helpful shortcuts, and how to access presets and customize your workspace.

  3. Create a New Document

    Beginning a project presents options: do you use templates, presets, or custom options? Jason models how to create a new document.

  4. Drawing Shapes

    Logo design begins with the shape builder tool; learn how to use one of the most fundamental drawing tools in the graphic design toolkit. In this lesson, Jason demonstrates not only how to draw basic shapes, but also how to toggle between variations, how to use the selection tool, and the power of corner widgets in creating vector graphics.

  5. Properties Panel

    Learn why the properties panel is your home base and how to best utilize it.

  6. Live Shapes and Transform Panel

    Go beyond basic shape building: the transform panel offers what you need to create more complex shapes in vector art. What possibilities does a live shape offer? Which features can you toggle on or off? Watch Jason model shape transformation in real time.

  7. Drawing Lines

    Switch drawing modes from shapes to lines, as Jason teaches you how to draw lines and arcs, use the stroke panel to edit lines, and utilize the curvature tool. Learn how to easily create dotted lines and different line variations available in Illustrator.

  8. Combine Shapes

    How do you build a coffee cup out of simple shapes? Learn to add and subtract shapes and see shapes in a different way; in this lesson Jason models creating complex figures and step by step icon design.

  9. Transform Shapes

    Professional graphic designers don’t waste time painstakingly drawing complex shapes: learn how to create bursts, gears, splatters, and other shapes in a matter of seconds. Jason will teach you how to rotate, resize, duplicate, change, and group shapes together.

  10. Create and Apply Color Swatches

    Why should you use the color swatches panel? How can you quickly create different colored mock-ups of the same object? Jason shows you how to create new colors, apply them, and recolor artwork without time-consuming editing. Learn how to access your custom colors across the platform in Adobe Photoshop or InDesign as well.

  11. Choosing Fonts and Editing Text

    In this lesson, Jason demonstrates how to choose type, edit text, add color, and navigate through properties panel text options. What is the difference between point vs. paragraph text? What are the limitations of each? Jason models managing text challenges.

  12. Saving Your Files

    In closing, Jason shows you to save in different file formats, export file formats, and export assets to asset libraries if you want to work on a specific item in another Adobe application.


Pattianne Pascual

This is magnificent! What a beautiful gift. I am 56 and always learning. This free class inspired me even more. I will be telling everyone about creative live,sharing and urging others to buy some of these great classes and bundles. Thank you so very much,again and again.i look forward to taking classes on a regular basis.

Sherrie Alexander

Jason was super knowledgeable, made working in illustrator fun and simplified . Love his easy to follow instructions. As we all know starting up in illustrator can be overwhelming. Thank you so much I needed this!


Good course, very basic though. Although I wished more details could have been added. Jason's explanations were very good and thorough..