Skip to main content

Intro to Adobe Illustrator

Lesson 9 of 12

Transform Shapes

 

Intro to Adobe Illustrator

Lesson 9 of 12

Transform Shapes

 

Lesson Info

Transform Shapes

going in and transforming shapes here, rotating them and scaling them. That's pretty easy and duplicating them as well. We kind of got a little ahead of ourselves here, but, you know, I just had to show you, but I want to show you a couple of the things we can do with Illustrator. That's absolutely gonna change how we create our shapes here. And this is going to be, like, even more awesome than what we just did here. So rotating a shape which showed you how to do that resize duplicate. But we're gonna show you the direct selection tool toe actually edit shapes here and create a couple other really cool things grouping and on grouping things as well. So we're gonna jump right over to transforming our shapes. Here they are. Now I can click on any one of these shapes with the selection tool. I get my poll handles to resize. If I don't hold down my shift key, I'm going to skew them out of proportion. And I can also rotate them by hovering over but not touching the outside corners and then ...

rotating those as well. What I'd really like to do is I'd really like to go in here, and I'd like to edit these shapes to change shape completely. So this is where the direct selection tool comes in. The direct selection tool allows me to go in and allows me to directly select a single point or a single line on an object in move those objects separately. Now, I can't do this with the selection tool. And here's one of the biggest differences. If I have this active with the selection tool, you're going to see the bounding box around there, the pull handles. And if I have a rectangle, I'm gonna have little corner widgets to be able to edit this, and I get all these extra little items. If I have my direct selection tool and I click on something, I don't see any of that now. The key to this is what I'm using. My direct selection tool is I make sure I click off the object first, very important that you click off the object first. If I would like to edit a single corner or a single line segment, I can go in and select that single corner or that line segment and simply move that independently. That's why it's called a direct selection tool. I want to directly select a line segment or a corner. I don't want to change the entire shape just by using its bounding box pull handles. I just want to do that corner. I can dynamically change these shapes on anything that I want. If I want to make this taller, I can do this as well and change these shapes. The circle. If I would like to move that up, I can move that straight up there and I can change that circle. And I can turn that into an egg, Gonna jump over to my properties panel because in this specific thing right here, what I'd like to show you is yeah, I just took that circle and I turned into an egg just by grabbing that pull handle with the direct selection tool and moving it straight up there is my egg. Okay, that's great. What? I draw one. No way. But it create one if I'd like to turn this into a water drop. But any corner that I have or any point that I have that is a corner or rounded point is gonna have pull handles. Now I can go ahead into my property panel and I can use the convert section, which allows me to take a corner or a smooth point and convert it to a corner point, creating a raindrop right from them. So smooth corner or the corner. Pretty awesome. Now, another thing of direct selection tool will allow us to do to is allow us to target the corner widgets independently. If I would like to go in and just activate two of the corner widgets, I can simply click outside my area and drag over the corners that I would like to edit. You'll notice by directly selecting just those two corners the corner widgets, which normally appear on all corners. If I had the selection tool Onley appear when I use the direct selection tool, I can then directly select those corners and edit those corner widgets an option. Click through the different styles here to go ahead and create something totally different when I have my polygon tool. We had talked about this before. When we click on it with a selection tool, I only get one corner widget that does all the corners not the case. If I go and use my direct selection tool, which, by the way, the shortcut for that is the letter A. If I would like to go when I'd like to corner widget one or two or five of these corners, I can simply select just those corners with the direct selection tool in widget. Just those corners. And then I can begin to create a whole bunch of different shapes. So to select a corner, I can just drag right over it or simply select that corner and change that shape. I can pull any handle longer or shorter. And in this case, when I'm pulling the handle here, I don't need to use my mouse. I could actually use my up arrows here. If I would like to change something like this, turn this into a tree. Whatever I want. If I would like to widget does that one corner, I can go in and widget that corner and create anything. Now the one thing is gonna blow your mind is this And I've saved this transforming shape corner widget thing because this is incredible. I'm gonna take my star. And the last one that I had drawn with was this kind of burst shape. And so I'm going to go ahead and I'm going to draw my start here with multiple points. Get about 15 16 points here, and I draw the star. Now, what I had said before was that everything with a corner has corner widgets. Well, here's the deal. This doesn't have corner widgets active because there's too many of them. So when I select with the selection tool, it's like I thought he said that you only see them when you get it with the selection tool. I'm gonna turn off this hefty stroke here. I'm gonna set the stroke, wait to zero so we can see this a little bit better. And then I'm gonna click off this, and I'm going to click back on this with my direct selection tool. I'm gonna zoom into this here because this is so good. We need to make this front instead of because this requires its own stage. There's all my corner widgets. If I pull my corner widgets in slightly, you can see it can pull them in. And I can take this star and make it like this little cupcake. 10. Wow, isn't that awesome? If I go into what I call maximum widget nous, it all turned red. It means I cannot widget it any further. So if I do pull this in part way between the maximum and the minimum amount right there, I'm gonna have my little corner widget, and I get this little cool shape. Now we have three different corners that we can use. This is a rounded corner. We could have inverse rounded. And I can go over here to my transform and can't do that. Got to do it right on here because it's a star. I'm gonna go ahead and option click on those dots and it turns us into a little cold virus. Yeah, this is still the same star just with different corners. These air inverse rounded corners. Now I'm gonna go ahead and option click once again on the corner widgets and look at that. I have now turned that into a gear. Yeah, that's it. So we'll cupcake tin cold virus A gear. This is a star. This is started out as a star here. Didn't turn into a black hole. It turned out into an awesome gear. Yeah, these are the things that you can do. An illustrator. I know this is just This is just the very basic stuff, just the very basic stuff. And it's like, Wow, did I draw that, dear? Oh, now, if you ever tried to draw a gear, don't bother, because you can create one here that fast and all this is is a star with corner widgets. You pull them in and you get your normal little rounded corners like that option. Click on your corner widgets, and it cycles through rounded, inverse, rounded and flat. You can pull the length of the deer's more or less than you want. Bigger teeth, smaller teeth. Nonetheless, they're all gears. Yeah, so that is transforming shapes, not just clicking and pulling them with the selection tool. But the direct selection tool here allows you to directly select a corner or a point for multiple corners or a line segment and edit those however you'd like. It's cool, absolutely. And remember, this is just the beginning. This is just a quick overview so you can get into Illustrator and see some of the new features and understand illustrator a little bit better

Class Description

AFTER THIS CLASS YOU’LL BE ABLE TO:

  • 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

ABOUT JASON’S CLASS:

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.

WHO THIS CLASS IS FOR:

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.

SOFTWARE USED:

Adobe Illustrator CC 2019

ABOUT YOUR INSTRUCTOR:

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 jasonhoppe.com.

Lessons

  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.

Reviews

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!

Mustafa
 

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