Next: Work Faster Using Essential Illustrator Shortcuts, Part 2
Character Illustration with Live Paint in Illustrator
If you’ve been following Shutterstock’s updates on Twitter, then you’ll know how popular a certain blue bird has become. Using Illustrator’s Live Paint features, we’ll draw and paint our very own unique bird that can be used on your website or Twitter background to attract a greater number of followers.
Next: Work Faster Using Essential Illustrator Shortcuts, Part 2
Live Paint allows you to draw and paint just like in the “real world,” so anyone can start making vector art without any prior vector knowledge. Combining Live Paint techniques with a three-step method of character design (below) will enable you to produce some great illustrations faster than you think.
Step 1 – Character Outline Using the Pencil tool, draw your bird as an outline. You don’t need a tablet; I’m using a regular mouse. Just draw a basic outline and keep things simple at this stage. Here’s my completed outline:
Step 2 – Add Color using Live Paint This is the fun part - we will use the Live Paint Bucket tool to apply some color. However, before we do this, we have to put all that we’ve drawn into a special group known as a live paint group. To do this, press Ctrl+A (Windows) / Cmd+A (Mac) to select all the paths and then click once on them with the Live Paint Bucket tool.
Now that the paths are in a Live Paint group, you can hover the Live Paint Bucket tool over different parts of the bird. The regions that you can paint (known as faces) will outline in bright red. Pressing the left and right arrow keys will allow you to cycle through and select different color, gradient and pattern swatches as indicated by the three boxes directly above the cursor. Here I’ve cycled to an orange swatch and clicked once to fill the beak with orange.
Continue painting the other parts of the bird in the same way until you have a rather flat looking bird, like below. We’ll now add some shadow and highlights to give our bird some dimension and detail, which is the third and final step.
Step 3 – Adding Dimension To add shadows and highlights, use the Pencil tool to draw paths to define these new regions. We’ll then want to paint with a slightly darker color for shadows and a slightly brighter color for highlights. I’ll start by drawing with the Pencil tool a single path to define a shadow region under the left wing. To add this new path into the existing live paint group, select them both and click Object > Live Paint > Make. Then you can add color to this new face with the Live Paint Bucket tool the same way we did in Step 2.
Continue drawing more paths to define other regions of darker and lighter shades as illustrated in the example below. You may notice that you don’t have to be very precise with your drawing, and that paths can overlap and extend into other areas -- we are more concerned about defining the areas we want to paint rather than the appearance of the paths.
Finally, if you select the Live Paint group and set the stroke color to none using the tools panel, then all the black outlines will disappear to reveal quite a good-looking bird. Feel free to add an accessory or two, as I’ve done with the yellow ribbon.
There is a lot more that you can achieve using Live Paint. What we’ve covered here are only the very basics to get you started and exploring, so experiment and design to your liking! |