tutorial

How to Create Chevron in Illustrator

How to Make Chevron Easy Tutorial in Illustrator

In today’s tutorial, I’ll be showing you 5 easy steps to make a chevron pattern in Adobe Illustrator.

You can watch the full video below, or scroll down for written directions.

You don’t need the pen tool to create chevron in Illustrator, and this is good news, my friends! Why?  Because it is notoriously difficult to get things perfectly straight, equidistant, and symmetrical with the pen tool. In fact, the pen tool is known to induce headaches. Seriously.

So how will we make perfect chevron without it?

To create a chevron pattern, we’ll use a combination of the Line Segment Tool, the Zig Zag Effect, and the Blend Tool.

For this tutorial I’m using Illustrator Creative Cloud (which is a fancy way of saying that I’m using a cloud-based Illustrator with all the latest & greatest features), but creating chevron is a simple process that you can do in any version of Illustrator. Depending on which version you’re using, it may take you a few additional steps. Also remember that certain tools or features might be located in slightly different places.

How to Create Chevron Pattern in Illustrator

How to Create Chevron in Illustrator Step #1: Draw out two straight lines

In the toolbar, choose the Line Segment Tool. Hold down the Shift key while you drag out a line to keep it perfectly straight/level.

How to Make Chevron in Illustrator Step 1 drag out a straight line

After you have your line, make sure it’s selected and hold down Shift + Alt (Option) to drag out an identical line. Drag it to the bottom of your artboard. Now you have one at the top and one below. Next we’ll make them zig-zags.

How to Make Chevron in Illustrator Step 2 Drag an identical line to the bottom of your art board

How to Create Chevron in Illustrator Step #2: Create the zig zag shape

With both lines selected, from the top menu bar, choose Effect > Distort & Transform > Zig Zag. Make sure Preview is checked so you can see how the settings are affecting your lines.

How to Make Chevron in Illustrator Step 3 Choose Effect > Distort & Transform > Zig Zag
How to Make Chevron in Illustrator Step 4 adjust the size and ridges per segment to create zig zag lines
  • Size affects the height of the line.
  • Ridges per Segment will give us more or fewer zig-zags.
  • Make sure Corner is selected; otherwise you’ll have wavy lines.

Play around with the settings until you like what you see, then click OK.

At this stage, if you want the lines to be heavier or thinner, you can adjust the stroke up or down until you reach the desired thickness.

How to Create Chevron in Illustrator Step #3: Create the chevron pattern

Now we’re going to fill up the space between our top and bottom line with more zig-zags to create the chevron pattern. This is simple to do using the Blend Tool.

In the top menu bar, choose Object > Blend > Blend Options.

Edit your blend options. Object > Blend > Blend Options to fill in the chevron pattern.
Adjust your blend options.

In the Blend Options Menu, choose Specified Steps from the Spacing drop-down menu, and for Orientation: Align to Page.

The number you put into the box will be how many chevrons appear between the top and bottom line. For my chevron pattern, I entered 20, but don’t worry. You can always go back and edit this later.

Press OK. Don’t worry— your pattern will not appear yet. To fill in the pattern, go again to Object > Blend > Make

Choose Object > Blend > Make to create the chevron pattern
Once the chevron pattern has generated you can easily make adjustments

How to Create Chevron in Illustrator Step #4: Adjust the Chevron pattern

Now you can use your Direct Selection Tool to fine-tune your chevron pattern. To change the distance between each line, click on the bottom line and hold the Shift key (to keep it straight) while you drag up and down until it looks exactly how you want it. Add to or subtract from the number of chevrons by returning to Blend Options and adjusting the number you typed in the field in Step #3.

Use your direct selection tool in illustrator to drag the bottom line up and down, and notice how the space between the lines changes.

How to Create Chevron in Illustrator Step #5: Change Colors & Make Final Adjustments

Make final adjustments by changing the color of your Chevron or changing the stroke to make the lines thicker or thinner. Any changes you make will apply the same effect to all chevrons in the pattern.

You can adjust the stroke or change the number of chevrons in your pattern. any change you make will affect the whole pattern

That’s it!

If you enjoyed this tutorial, be sure to pin this image to share with others, or follow my Youtube Channel, where I create graphic design tutorials using Adobe Illustrator, Photoshop & more!

Check out more of my Tutorials:

How to Create Zig-Zag Lines in Illustrator

Easy Zig Zag Lines Tutorial Illustrator

In today’s tutorial, I’ll be showing you how to make zig zag lines (also called Chevron) in Adobe Illustrator using 3 simple steps. It’s super quick.

You can watch the full video below, or scroll down for written directions with screenshots.

Zig Zag Lines Tutorial on Youtube

It’s easy to create zig zag lines in Illustrator, and there’s no pen tool required. Have you ever tried using the pen tool to create something symmetrical in Illustrator? Beyond, say, a straight line? Bravo to you if you have! Personally, I find it to be a total pain in the you-know-what.

To achieve a perfect, symmetrical zig zag line, we’ll be using a combination of the Line Segment Tool and the powerful Zig Zag Effect in the Distort & Transform menu bar. So simple, fast, & easy!

I’m going to be using Illustrator Creative Cloud for this tutorial (which is a fancy way of saying that I’m using a cloud-based Illustrator with all the latest & greatest features), but creating zig zag lines is a basic process that can be duplicated in older versions of Illustrator. Keep in mind that depending on which version you’re using, it may require a few additional steps. Some of the tools, toolbars, or various features might be located in a different place, so don’t give up before you have a look around.

How to Create Zig Zag Lines in Illustrator

How to Create Zig Zag Line in Illustrator Step #1: Draw A Straight Line

Choose the Line Segment Tool from your toolbar and drag out a line while holding down the Shift key. Holding shift keeps the line perfectly straight/level.

3 simple steps to create zig zag line in illustrator step 1 draw out a line with the line segment tool easy tutorial

How to Create Zig Zag Line in Illustrator Step #2: Create Peaks

From the top menu bar, select Effect > Distort & Transform > Zig Zag. Check Preview so that you can see the changes in real-time and get the effect you want.

3 simple steps to create zig zag line in illustrator step 2 choose effect distort and transform zig zag easy tutorial
  • Size affects the height of the line.
  • Ridges per Segment will give us more or fewer peaks.
  • For sharp zig zags, ensure that Corner is selected. Otherwise, if you select smooth, you’ll have wavy lines (like ric rac).
3 simple steps to create zig zag line in illustrator step 3 adjust the size and ridges per segment with the corner option selected tool easy tutorial

When you’re happy with the result, click OK.

How to Create Zig Zag Line in Illustrator Step #3: Adjust the Zig Zag

Using the Selection Tool (keyboard shortcut: V), click on your line. In the top bar, you can adjust the stroke up or down to achieve your desired thickness.

Finished Zig Zag Line in Illustrator | Wondernote

From here, you can adjust the color, or you can select the Zig Zag effect from your Appearance Menu  (if you don’t see the appearance menu, go to the top bar > Window > Appearance. Make your zig zag line taller, shorter, or increase the number of peaks and valleys.

That’s it!

If you enjoyed this tutorial, be sure to pin the image below and share with friends! Also follow my Youtube Channel, where I create graphic design tutorials using Adobe Illustrator, Photoshop & more

How to Make Zig Zag Lines in Illustrator Easy Tutorial

Check out more of my Tutorials:

Maker Lex Instagram

Copyright © 2023 · Theme by 17th Avenue

Copyright © 2023 · Amelia on Genesis Framework · WordPress · Log in