Make an Angled Stripe Background in Adobe Illustrator

Make an Angled Stripe Background in Adobe Illustrator

So you're sitting there asking yourself "how do I make a quick two color angled stripe background using Adobe Illustrator?" In the next few steps I'll show you how to do exactly that.

Create Your Stripe

  1. Using the rectangle tool, draw a rectangle that represents on color segment of your stripes. It's not overly important to worry about length or thickness at this point.
  2. Copy the segment and move it directly below the original. It helps to have Smart Guides turned on for this alignment.
  3. Change the colors to make the stripe of your choice.
  4. Select both segments and drag them over to the Swatches pallet to create a new pattern swatch of your stripe.

Use Your Stripe

  1. Draw an object that you want to apply your stripe to. I have drawn a simple square.stripe3
  2. Go to the Appearance pallet and change the Fill to your newly added stripe.stripe4
  3. Presto! Your object is now striped!stripe5

Rotate Your Stripe

An awesome thing about patterns in Illustrator is that they are not defined by the object or path they appear on. You can modify the pattern in many of the ways you can modify an object, and we're going to use that to rotate it 45 degrees.
  1. Right click on the square and select Transform > Rotatestripe6
  2. When the dialog box appears enter your desired rotation of the stripes. If Preview is checked you'll notice that the entire object has rotated
  3. In Options, make sure to check the Patterns box and un-check the Objects box. Your object is now back where it started, but your stripes have been rotated 45 degrees.
  4. Click OK
That's basically it. But remember I said you can perform almost all of the same transformations of a pattern that you can do for an object? Well, this can help you create some really cool looking designs all from one single stripe pattern.

Transform it Some More!

So that's great, it's a nice stripe. But what if I want to add another smaller stripe going the other way? Easy! We'll just apply the stripe again and transform its scale!
  1. Draw a new object to receive the new stripe.
  2. Use the Swatches pallet to again apply the same stripe pattern as before.
  3. Now lets right click on the object and select Transform > Rotate
  4. Input 90 degrees and be sure that only Patterns is clicked in the Options box.
  5. Right click the object again and select Transform > Scalestripe8
  6. In Uniform, scale it down to 20%stripe9
It's as easy as that! And remember, it's all the same pattern!

No comments:

Copyright Matt Stoffel. All rights reserved. Powered by Blogger.
© Threedown - Matt Stoffel. Developed by ThemeShine.

Latest Posts

Blog Archive


Follow Me