Viewers: in countries Watching now:
This course is the third in a four-part series devoted to mastering the premiere graphics creation application, Adobe Illustrator, version CS6. Industry pro Deke McClelland takes a project-based learning approach to the key features in Illustrator, including Recolor Artwork, transparency, masks, blend modes, strokes and fills, and dynamic effects. The course also covers techniques for creating custom gradients, designing logos, generating photorealistic neon text, and wrapping type around objects. Plus, Deke shows how to call up the most essential features by organizing your workspace and employing time-saving keyboard shortcuts, how to manage the color settings, and how to adjust a few settings to make the program work even better.
In this movie I'll show you how to create a beveled ornament, specifically these two stars on either side of the logo; and I'll also show you how you can quickly and easily recolor your artwork, even when it contains multiple fills and strokes and dynamic effects. I'll go and switch over to my document in progress and then I'll select the two stars by clicking on one and Shift+Slicking on the other with the Black Arrow tool. And I'll Ctrl+Spacebar+Drag--that's a Command+Spacebar+ Drag--around the right-hand star in order to zoom in on it.
And so the first thing we want to do is switchover to the Appearance panel and go ahead and click on existing black fill to select it. And then click the Add New Fill icon in the bottom left corner of the panel, or you can press Ctrl+/ Command+/ on a Mac, and change that New Fill to White. Then go up to the Effect menu, choose Distort and Transform, and choose Transform; or if you loaded Deke keys you've got that Shortcut of Ctrl+E or Command+E on a Mac. I am going to go ahead and dial in Horizontal and Vertical scale values of 80% and turn on the Preview checkbox.
Now if you look closely you'll notice that even though the center reference point is selected inside this will matrix here, that the white star is not exactly centered inside of the black star. And that's because Illustrator is measuring the center according to the bounding box of each selected path outline, by the way. If these 2 paths were grouped together this effect would not work. So they have to be independent path outlines. Now our problem is that the center of the Reference point for a star doesn't match the star's actual center.
And so, if you wanted to scoot this guy down, you would have to change the Vertical Move value here. And I found that a value of 0.25 points ends up working out beautifully. Now in our case we don't need the two stars to be centered so I'm going to reset the Vertical body to 0, I just want you to know that that's the case when your working stars and other shapes whose centers don't match the center of the bounding box. Anyway, after scaling the object we'll go ahead and click OK. And now we want to around off the corners of this new Star.
So I'll go up to the Effect menu choose Stylized and then choose Round Corners Command; and I found the Radius value of 1 pt. ended up working quite nicely, because these stars are so small after all. And then I'll turn on the Preview checkbox, and I can see that I have blown it here; I've rounded both shapes; including the block fill. And that's because the Stroke was an active when I chose the Command. Not that big a deal, because I can click OK in order to apply Round Corners to the Path, and then I can grab the Round Corner effect and drag it and drop it onto the white fill in order to correct the problem.
Then click on a white fill to make it active, drop down to the Page icon at the bottom of the panel and click on it, and this time let's change the New Fill to Black so it covers up the old one. And I'm also going to adjust my Transform settings. So I'll click on the word Transform there, and I found that Horizontal and Vertical Move values of 1.3 points ended up working out nicely. I'll turn on the Preview checkbox. You can see that that scoots the black star outside of the shape, which is okay, because we are going to cover up that region right there with the Stroke.
The thing that isn't okay is we have got a little bit of rounding showing up over here on the far left hand side. So, I am going to increase the Scale values to 85% apiece, and again I just figure these out through trial and error. If you're working on different kinds of shapes you would presumably have to come up with different values. The same goes if these were larger or smaller shapes. And then I'll click OK in order to apply the effect. All right, now click on the Stroke up here up here at the top and change the Color to Black and then change the Weight to 2 pt.
And then finally, you want to click on a word Stroke, and change the corner to a Round Join in order to produce this effect. Now the problem is it's at the top of the stack; it should really be below the fills, so I'm going to go ahead and twirl all my Fills closed and then drag this new Stroke to the bottom of the stack, like so. And notice it does a great job of covering up that black fill; but if for some reason we could still see the edge of that fill, you would just click on the word Transform for this Soft Fill right here, and you would turn on the Preview checkbox so you can see what you're doing, and then you would adjust those move settings.
Anyway, ours are fine so I'll just Cancel out. And then I'll click on the bottom Stroke to select it and I'll click on Add New Stroke to create a new one. And it will go ahead and keep all those settings. We want to select the original Stroke now-- the one of the bottom of the stack--and change its Align Weight to 3 pt. And then I'll once again apply the Transform Effect by going up to the Effect menu, choosing Distort and Transform, and choosing Transform. And again through trial and error, I ended up changing the Horizontal value to 2 and the Vertical value 1.
We can turn on the Preview checkbox if you want; you'll see that you get a kind of Shadow effect, so I'll go ahead and click OK. Now I want to create an edge, a white edge, to distinguish the black stroke of the star from a black stroke of its shadow. So with New Stroke selected I'll go ahead and click on the Add New Stroke icon, that way I keep the Stroke settings, but I don't duplicate the Dynamic Effect. And I'll change the Color to White for the New Stroke and I'll change its Line Weight to 4 pt like so.
And we end up with is beveled star. Problem is this isn't the Color Scheme I'm interested in, I want the stars to be red throughout, which could mean changing the color of two Fills and two Strokes here inside the Appearance panel. But there's an easier way to work, which is to go up to the recolor artwork icon up here in the Control panel and click on it, and then click on that little dialog box icon in order to bring up the Color Reduction options dialog box. And turn off the black checkbox, So we're not preserving blacks--that way we can change the Color of our blacks--then click OK.
And now make sure that your color values are set to CMYK, and then go ahead and dial in a Magenta value of 100, a Yellow value of 100 and a Black value of 0. And that ends up re-coloring everything about the stars--both Strokes, and both Fills and one easy operation. And then click OK in order to make the change. And that's how you create a beveled ornament. Now when you view the effect this close up, these highlights don't really necessarily look like highlights associate with the star.
I will click off the shapes to get rid of the selection outlines. But as soon as you zoom out by pressing Ctrl+ 0 or Command+0 on Mac, and then in my case zoom back in so I can see the artwork up close, they end up looking great. So, it's an effect that resolves itself quite nicely for small objects. And that's how you create beveled ornaments using a combination of the Transform and Round Corner effects.
There are currently no FAQs about Illustrator CS6 One-on-One: Advanced.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.