In this movie we will be discussing one of the basic pieces of any type of artwork that you create inside of Illustrator. You've actually seen me do this a few different times if you have been watching the entire course. But in this movie I am actually going to dive-in and show you exactly what it means and how it works to utilize a fill versus a stroke. So as you can see, I have got some artwork out here on my artboard and it looks rather complex. It's got some sketchy looking strokes around the outside, the letters also have some hand-drawn aspects to them, and the gradient background actually fades from one color to the other.
This may look complicated in a way, but at its heart it's nothing but several different paths with various fills and strokes applied to them. If I select everything on my artboard by using Command+A or Ctrl+A on my keyboard, and then I enter an outline mode with Command+Y or Ctrl+Y, you'll see that I basically have a big rectangle around the outside. I have the two letters, the R and the A, and then the Roux Academy Art Media and Design text right there on the right. There is nothing really fancy about it, it's just basic paths. But I have utilized fills and strokes in order to make that happen.
So let's go ahead now and take a look at the differences between a fill and a stroke. I'll turn off Outline Mode by using Command+Y or Ctrl+Y again on my keyboard and I will click away to deselect everything, and then I will click right here to select just the letters. Once you have an object selected on screen you'll be able to see both the fill color and the stroke color in various different places. The fill color refers to the area inside the path, it's actually filled with a specific color. In this case the R and the A are both filled with white.
How do I know that? I can look over here in my Tools panel and I can see right here that this solid block is white. The solid block over here on the left is always referring to the fill color. You'll notice when I hover over it, it actually says Fill. This color, the orange color is the stroke color. When I hover over it, it says Stroke, and I can see there that it's set to an orange color. You can also see these up in the Control panel, here is the fill and here is the stroke. Any time that you want to work on these independently from each other you can just come up here, and let's say you wanted to change the fill from white to black.
Just click and change the color. If you want to change the stroke color, come here and pick a different stroke. Once you're finished, click away and it will close the box. You can actually add multiple fills and multiple strokes to your objects inside of Illustrator, and I'll show you how to do that when we learn about the Appearance panel later on in this course. For now though, let's just focus on how I created the rest of this artwork. I will undo these changes to get back to normal, and let's click on the background.
Once I click in the background, you'll notice that over here in the Tools panel the colors change. The fill color now has this gradient swatch showing that my gradient goes from light purple to dark purple, and then again I am using that same stroke color for this as well. If you wanted to make a change from this region here, all you would have to do is double-click, and you can go in and make a change to set it or you could switch over to the stroke color, double- click, and make a change to that as well. You can also simply pick fills and strokes from the Swatches panel as well.
If I bring out the Swatches panel, you will see there is no real control for which one you're working on. So what you have to do is set which one you are working on over here in the Tools panel. So right now I'm currently working on the fill. So if I happen to make a change, like clicking this blue for instance, it would automatically make the background blue. I can use Command+Z or Ctrl+Z to undo that. If I make the stroke active, I can then change the stroke color simply by clicking a color in the Swatches panel.
In addition to the regular fills and strokes, you can also do things like adding gradients on strokes as well as filling objects with patterns, gradients, and other types of effects. Throughout this chapter we will discuss the various types of fills and strokes that you're able to apply to your various objects inside of Adobe Illustrator. And hopefully by then you will have a better understanding of what you can do and you can really start to express yourself even more creatively by utilizing all of the options available to you.
Author
Released
5/7/2012- Understanding vector graphics
- Creating and setting up files for print or web destinations
- Selecting and transforming objects on the page
- Creating spot colors
- Applying fills, strokes, and gradients to artwork
- Adjusting appearances and effects
- Working with anchor points and paths
- Drawing with the Pen tool
- Creating text
- Managing layers
- Creating and using symbols
- Printing, saving, and exporting artwork
Skill Level Beginner
Duration
Views
Q: Where can I learn more about graphic design?
A: Discover more on this topic by visiting graphic design on lynda.com.
Related Courses
-
Illustrator: Drawing without the Pen Tool
with Mordy Golding4h 39m Intermediate
-
Adobe Illustrator
-
What is Illustrator?1m 15s
-
-
Introduction
-
Welcome55s
-
Using the exercise files1m 19s
-
-
1. Getting Started
-
Setting preferences9m 24s
-
Touring the interface9m 41s
-
Exploring the panels6m 54s
-
2. Working with Documents
-
Creating files for print4m 42s
-
Creating files for the web3m 36s
-
Managing multiple documents3m 25s
-
Navigating within a document5m 21s
-
Using preview modes3m 10s
-
Locking and hiding artwork3m 43s
-
Creating and using artboards7m 44s
-
-
3. Selecting and Transforming Objects
-
Using the Magic Wand tool5m 45s
-
Using the Lasso tool4m 9s
-
Grouping objects3m 7s
-
Using isolation mode4m 48s
-
Resizing your artwork3m 55s
-
Rotating objects2m 10s
-
4. Working with Color
-
RGB vs. CMYK1m 46s
-
Creating spot colors3m 40s
-
Using the swatch groups2m 33s
-
Working with color libraries3m 17s
-
Importing swatches4m 4s
-
Using the Color Guide panel3m 51s
-
-
5. Working with Fills and Strokes
-
Working with fills4m 58s
-
Working with strokes8m 46s
-
Using width profiles3m 31s
-
Outlining strokes3m 51s
-
6. Working with Paths
-
Understanding paths2m 41s
-
Understanding anchor points4m 20s
-
-
7. Creating Shapes
-
Understanding drawing modes4m 23s
-
Creating compound paths5m 15s
-
Creating compound shapes4m 11s
-
-
8. Don't Be Afraid of the Pen Tool
-
Exploring the Pen tool2m 39s
-
Drawing straight lines5m 12s
-
Drawing simple curves5m 23s
-
Your keyboard is your friend2m 14s
-
-
9. Using Type in Illustrator
-
Adjusting your type settings4m 10s
-
Creating point and area text3m 36s
-
Basic text editing2m 14s
-
Creating threaded text4m 59s
-
Using the type panels9m 48s
-
Creating text on a path5m 11s
-
Converting text into paths1m 43s
-
-
10. Adjusting Appearance
-
Applying multiple fills3m 1s
-
Applying multiple strokes4m 20s
-
11. Working with Layers
-
Exploring the Layers panel4m 18s
-
Creating and editing layers3m 27s
-
Using the Layers panel menu2m 42s
-
-
12. Working with Images
-
Exploring the Image Trace panel12m 14s
-
Tracing photographs8m 6s
-
Tracing line art4m 33s
-
Converting pixels to paths3m 49s
-
13. Creating and Using Symbols
-
What are symbols?2m 45s
-
Using prebuilt symbols3m 3s
-
Creating new symbols3m 50s
-
Breaking the symbol link3m 19s
-
Redefining symbols2m 5s
-
-
14. Drawing in Perspective
-
Defining a perspective grid4m 29s
-
Applying artwork to the grid3m 51s
-
-
15. Printing, Saving, and Exporting
-
Printing your artwork6m 16s
-
Saving your artwork2m 2s
-
Saving templates4m 19s
-
Creating PDF files5m 23s
-
Saving for the web4m 46s
-
-
Conclusion
-
Next steps56s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Understanding fills and strokes