Whenever we create a vector shape in Animate CC, we can choose to include the fill, stroke, or both aspects at once. Let’s have a look at how these aspects of a shape are managed.
- [Voiceover] Whenever we create a vector shape in Animate CC, we can choose to include the fill, stroke or both aspects at once. Let's have a look at how these aspects of a shape are managed. So to do this, I'm going to draw a simple rectangle on our stage using the Rectangle tool. Here we have our stroke color which is black and our fill color which is white. In order to draw anything, I'll either have to unlock one of these layers or create a brand new layer so I'm going to do that now and then I can draw out my shape.
Choosing the Selection tool once again, we can see that the fill is indeed white and if I click on the fill, I can select it independent of the stroke. That means once selected, I can go ahead and divorce it from the stroke like this or even delete it altogether. Let's undo that using Command or Control z. I can do similar things to the stroke. So it's selecting little pieces of the stroke. These are individual paths here.
Or if I want to select the entire stroke, I can double click upon the stroke and the entire thing is selected. Just like with the fill, I can remove the stroke entirely or even delete it. However, if I want to select both the stroke and the fill, there are a couple of ways to do it. One thing I can is draw a selection rectangle around the entire shape and now both are selected.
I can also double click upon the fill and this will also select all aspects of the shape. If I want to modify the shape in some way, it's very easy to do that. So for instance, perhaps I want the stroke color to be brown and I want the stroke size to be nice and thick so I'll put it to about 10. For the fill color, I can choose anything in my swatches but notice I can also choose to sample any colors on my stage.
So perhaps I want to choose this kind of darker splotch right here from the background, I can do that. There are a number of other options here so I can choose a vector brush from my brush library if I want. I can choose a variable width profile so let's say I choose this one right here. You'll notice that the stroke width is drastically altered. I can also choose how the stroke is scaled so scaling normally, horizontal, vertical or none.
So that means when I scale the actual object, this selection determines exactly how the scale strokes by precise direction. Stroke hinting you can turn on and notice right here when I turn that on and off how the corner changes a little bit. I prefer to have stroke hinting on in most cases because it helps corners from not breaking apart. Down below that, we have different options for our cap and join.
This determines how the cap ends on a stroke so does it just cut off immediately, does it have a round end to it or a square end? On a shape like this that has a closed path, it doesn't really matter but if you had something that was a line with two distinct ends, this would matter a great detail. As seen here, even adjusting these basic properties provides a lot of creative options for vector art within Animate CC.
- Setting up your workspace
- Using the stage and the pasteboard
- Importing images, Illustrator files, and Photoshop files
- Modifying text
- Drawing shapes and creating vector objects
- Managing your timeline
- Adding audio
- Using shape and motion tweens
- Coding navigation buttons
- Testing your animation