PEN TOOL TUTORIAL FOR BEGINNERS
In this Beginner Adobe Illustrator Tutorial, we will be going through a basic process on how to apply the pen tool in a 2-step process. We will go step by step through a complete workflow using pen tool, brushes, and coloring. We will be doing some basic coloring with live paint bucket which is my favorite to teach beginners who are familiar with the same tool in Adobe Photoshop to complete this step by step tutorial. This Tutorial is a part of our Brushes 101 Series.
We are going through some different options for the pen tool. The few things to remember is to focus on getting down the anchors first. We have a lot of our tutorials that focus just on straight lines and placing anchors. The easy parts of the line are the start and end points which means you just have to look for changes in direction in the middle. Click and drag your mouse in the direction you want to go (slowly).
There are easy ways of approaching the pen tool. Start with straight lines and only look for changes in direction. Using your white arrow(A) select the point that look like they are curved and click on the smooth curves button. If your pen tool keeps adding a new anchor rather than a new line then make sure the line isn’t still selected. You will notice a + as you hover over the line if it thinks you want to add an anchor. Anchor Tool(Shift C) will reset and manually drag out each curve.
The line variation be simplified by looking at the ends of each of your lines. If it is floating out in space then it signals a tapered end. If the end point bumps up against another line or shape, this is a good signal that it should be wide. Use the cartoon brushes in areas to support the character and light source.
Adobe Illustrator Top Tips
All of our initial preferences are designed to gain more control over what you are clicking on. The more you can zoom in and see your anchors and handles the better.
Under VIEW make sure you have your smart guides turned on. Under your PREFERENCES (smart guides) you should definitely have your anchor/ path labels selected.
Anchor and Handle Size
In your (general) PREFERENCES there is a setting which can enlarge your anchor points and handles to make them easier for you to see before clicking.
Direct Selection Tool
The white arrow can grab and adjust the anchors, handles, and paths. All of the other settings are designed to let you know what you are selecting before you click and drag.
Adding on Line Variation using Cartoon Brushes
You will have more control over the placement and width of each of your lines using the Cartoon Brushes (Download + Install). The process will be a combination of using the Brushes to get down the initial thickness and stroke width. The second step will be modifying the placement of the variation using the so we can edit later. This 2-Step Process allows for more control over your Line Variation compared to using your Tablet with Pressure.
1. The Direct Download will make it very easy to download the zipped brushes file. Simply Extract All of the contents and follow along with the rest of the video.
Open Other Library
2. In your Brushes Panel, Window - Brushes. In the Bottom Left Hand Corner you will see a Brushes Library icon that looks like books. Click on it and scroll down to Other Library. Open Brush Library from folder.
Adding Line Weight
3. Depending on your own Style or preference, I would recommend adding a little more line weight to your artwork. The mistake I see a lot of beginners make is keeping the line weight at 1pt.
4. We have 17 Brush Libraries in our folder. You can use any one of them during this tutorial. All you have to do is line up the thin edge which will be floating in space. The Thick ends will represent our values which will be merging into other areas and strokes.
Color Swatches + Live Paint
Open the Swatch Window. On the bottom left-hand corner, you will see the Open Swatch Libraries icon. At the bottom of the drop-down menu, you will see Open Other Library. Go to our resource folder in the Color Palettes folder to Open ASE files. The ASE files have been created to make your life easier while going through the Challenge Series. Once you open the Library- click on the folder icon next to the swatches to move them from the library to the swatches. To use Live Paint and the Live Paint Bucket Tool, Select All. Go under Object - Live Paint - Make. You can now use the Live Paint Bucket Tool to dump color just like the Paint Bucket Tool in Adobe Photoshop.
Coloring with Fills
One of the easiest and fastest ways of filling in your color is through using Fills. The main thing to look for is enclosed shaped. We have done nothing but build with Shapes so coloring is super easy. Keep this in mind as you are going through the other tutorials where we don't have any shapes.
Select each color using the Magic Wand Tool (Adjust to Tolerance 5) each color. Add on a Radial Gradient to the frosting layers (3). Use the lightest and Darkest Color Swatch from the color set of 3. Adjust the slider to control where the values hit. Troubleshooting: Double check your fill is in front and not your stroke.
You can use the Gradient Tool to gain some control over where the gradient hits on your shapes. The tool will control the same features that are in the panel. I use the tool when I don't want to guess and check angle degrees or aspect ratio percentages.
How to Color in Adobe Illustrator
One of the easiest and fastest ways of filling in your color is through Live Paint. Live Paint Bucket is a part of the Shape Builder Tools which builds the shapes in the exact shape you need it. Select All. Go up to Object - Live Paint - Make. If you have a grayed out Make it simply means you didn't have anything selected. I do recommend Deselecting by clicking on your artboard before clicking on a Color Swatch. *Remember Everything is still Selected so it will Color the Full Selection if you click on a Color Swatch with everything selected. Click on the Live Paint Bucket (K) and Click to Dump Color. It will feel like the Paint Bucket in Adobe Photoshop.