Line Variation in Illustrator Tutorial
In a previous Design Tip of the Week, we mentioned the increasing trend of icons and simplistic, geometric illustration. While their minimal, clean aesthetic is perfect for some situations, there are other times when an illustration needs to have more personality and be more dynamic. Line variation can add that extra flavor.
In this tutorial, I’ll show you how I personally add line variation in Illustrator (there are, however, many different approaches and methods). Let’s begin!
We’re going to use this guy for our first example. (He may look familiar, but he is in fact a different blob-person than the one I previously introduced in an other tutorial.)
Take a look at the Stroke Panel, you’ll notice that the (line) profile is uniform – consistent all the way through. (Also the line weight is 3 pt. – this will come into play later.) We want to change that. After all, our friend here has some lovely curves that need to be accentuated. With a monotonous line weight, no wonder his expression is rather plain.
Illustrator offers an array of line treatments.
We’re going to select one that has more variety.
Alright! Now we have something going on. However, I am not so sure if I want the line to be as thin as it is where it tapers.
This is a crucial part in fixing line weights that are too thin. You’ll want to…
1. Click on the original line
2. Copy it
3. Paste IN PLACE (Shift+Command+V or Shif+Ctrl+V).
4. Set the newly pasted line weight to a lower value (than your original, dynamic line). Our original line was at 3 pt., so I’ll make this one’s line weight set to 1.5 pt.
5. Change its Profile to Uniform
Ta-da! Just by those simple changes, our blob friend now has more personality. He even now has a charming mustache!
Now let’s take a look at an example that is a more complex illustration. And what better imagery than a pig with a jet booster strapped to its back!
As you can see, the illustration on the right has more complexity and character with its linework than the version on the left. The varying thick-to-thin lines play off the curves of the rounded forms and the angular lines of the more streamlined shapes.
Now give it a shot! Go transform those boring vectors into lively illustrations! In addition to this one, we have TONS of tutorials on illustration in the Arsenal. Check ’em out and start creating masterpieces!
Thanks for reading!
How to make patterns in Illustrator: Lines and Dots
Patterns can be a wonderful visual element. They can create form and show depth in an illustration, or add more visual interest to a large color field of a graphic. Below are step-by-step instructions on how to easily create two patterns in Adobe Illustrator: line and dot.
Step 1: Create a rectangle and diagonal line going through the center. Begin and end the line from the top-left corner anchor to the bottom-right anchor, then select and scale it up proportionally.
Turn off the fill in the rectangle and set it and the line at 1 pt. stroke weight. The crucial part of this is that the line must be aligned perfectly in the center, shooting diagonally from the top-left corner to the bottom-right. Smart Guides (View > Smart Guides) is a huge help.
Step 2: Duplicate the objects (the rectangle and line), aligning the one copy at the top-right corner and the other at the bottom-left corner.
Again, Smart Guides will make life easier. Make sure things are perfectly aligned: the corners of the original rectangle are touching the centers of the duplicates.
Step 3: Delete the two duplicate rectangles and the line of the original rectangle. Turn off the stroke of the original rectangle.
Step 4: Select the two lines and in Blending Options (Object >Blend > Blending Options), set the Spacing to Specified Steps along with an desired increment, which MUST BE AN ODD NUMBER*.Then click Okay.
*This number will determine how many lines are repeated in your pattern.
Step 5: Go to the Blend option again and select Make.
Step 6: Select the two lines that are forming the pattern AND the rectangle in the center. Drag these to the Swatch Palette, resulting in a newly created swatch.
Step 7: Select the lines and rectangle and drag it outside the artboard.* Test the pattern by creating a new shape and setting its fill to the new swatch.
*Keep these original objects off to the side in case the pattern needs to be edited: the color of the lines, stroke weight, increasing or decreasing the repetition. If changes are made, a new swatch must be created ( objects again dragged to the Swatch Palette) in order to use the new pattern.
The reason behind testing the swatch pattern in a shape is to ensure the elements are lining up correctly. However, there are times when the pattern looks misaligned or distorted. Zoom in and out to double-check, it could just be the monitor depicting the pattern in a funky manner.
Step 1: Make a square (with a 1 pt. stroke) and dot. Align them at their centers.
This is the spacing between each dot in the pattern.
Step 2: Turn the stroke off on the square. With that and the circle selected, drag it to the Swatch Palette.
Step 3: Create a shape and then select the newly created swatch pattern for the fill.
The amount of dots is dependent on the size (and spacing) of the original dot. If the pattern needs to have more dots, simply shrink down the original dot (with its square) and create a new swatch pattern.
Things to consider
Because patterns add another level of visual interest, it is often easy to throw them on everything. Like any element, they don’t work ALL the time. Take the time to really consider if something needs a pattern or not. Also, in regards to Illustration, consider the form that is being depicted. A line pattern would make more sense on straight-edge surfaces, where a dot pattern may best fit with an organic, rounded form. Patterns are super cool, no doubt, but use them deliberately to elevate your illustrations and designs.
We love Patterns!
Check out these Arsenal Products that will add patterns to any project with ease!