Featured Article

Master Retro Stripes: Illustrator Tutorial

Cynthia Jul 13, 2026

Sшики want to create that throwback, vintage vibe in your design? Retro stripes are a timeless way to achieve that! Adobe Illustrator offers a variety of tools to help you create these charming patterns. Let's dive in and discover how to make retro stripes in Illustrator, perfect for your next design project.

How to create a 70s striped geometric pattern | Envato Tuts+
How to create a 70s striped geometric pattern | Envato Tuts+

Before we get started, ensure you have Adobe Illustrator CC installed on your computer. Once you've launched the application, create a new document, and let's begin!

How to make a seamless stripe pattern in less than 5 minutes
How to make a seamless stripe pattern in less than 5 minutes

Creating a Simple Retro Stripe Pattern

To start, let's create a basic retro stripe pattern using the Rectangle Tool (M).

the font used to create an image in photoshopped with text and shadow effects
the font used to create an image in photoshopped with text and shadow effects

First, create a new document in Illustrator. Choose a vibrant, retro-inspired color from the Color panel, and set your fill color to this shade. Use the Rectangle Tool to draw a long, thin rectangle across the artboard. Hold down the Shift key while dragging to ensure your rectangle is perfectly horizontal.

duplicating and offsetting stripes

70s Retro Rainbow Stripe Vectors for Canva | Vintage Graphic & Entertainment Design
70s Retro Rainbow Stripe Vectors for Canva | Vintage Graphic & Entertainment Design

Now, duplicate this rectangle by pressing Ctrl + C (Windows) or Cmd + C (Mac), then Ctrl + F (Windows) or Cmd + F (Mac). This will create a copy of your rectangle. Click anywhere on the artboard to place the copy, then use the Selection Tool (V) to move it next to your first rectangle. Hold down the Alt key while dragging to create an exact copy.

Select both rectangles and bring up the Align panel by going to Window > Align or pressing Shift + F7. Click on the 'Horizontal Align Center' and 'Vertical Align Middle' buttons. This will center your stripes perfectly.

Adding Color to Your Stripes

How to Create a Vintage Ribbon Effect in Adobe Illustrator
How to Create a Vintage Ribbon Effect in Adobe Illustrator

To create a retro vibe, let's add more colors to our stripes. Use the Selection Tool (V) to select your retina, then click on the 'New Fill' icon in the Color panel and choose another retro-inspired color. Repeat the duplicating process to create another stripe, and continue adding colors until you have a desired number of stripes.

To create a more dynamic design, try offsetting your stripes by duplicating and moving them slightly off-center. This will give your pattern a more organic, hand-drawn feel – perfect for that vintage aesthetic.

Creating Retro Stripes with the Pattern Tool

an orange slice on a striped blue and white background
an orange slice on a striped blue and white background

Now that you've mastered the basics, let's explore a more advanced technique using the Pattern Tool (Ctrl + T). This tool allows you to create scalable, repeating stripe patterns.

With the Pattern Tool selected, click on the artboard to create a new pattern. This will open the Pattern Options panel. Choose ' alumina' from the 'Type' dropdown menu. This will create a new pattern window where you can design your stripe pattern.

Retro Striped Text Effect Photoshop Tutorial
Retro Striped Text Effect Photoshop Tutorial
How To Retro Striped Text Effect Illustrator Tutorial ( HLG STUDIO)
How To Retro Striped Text Effect Illustrator Tutorial ( HLG STUDIO)
How To Create Geometric Stripy Line Art in Illustrator
How To Create Geometric Stripy Line Art in Illustrator
Retro Stripes
Retro Stripes
Retro Text Effect with Concentric Stripes
Retro Text Effect with Concentric Stripes
How to create Retro Style Engraved Text In Illustrator
How to create Retro Style Engraved Text In Illustrator
How To Create a Retro 70s Style Striped Logo Type Effect
How To Create a Retro 70s Style Striped Logo Type Effect
Abstract retro 1980 design of colorful lines stripe artwork simple template. Overlapping for minimal background. Illustration vector
Abstract retro 1980 design of colorful lines stripe artwork simple template. Overlapping for minimal background. Illustration vector
How to Create Retro Beams in Illustrator | Easy Tutorial
How to Create Retro Beams in Illustrator | Easy Tutorial

Designing Your Stripe Pattern

In this window, use the Rectangle Tool (M) to draw your first stripe. Once again, choose a vibrant, retro-inspired color from the Color panel. Use the Selection Tool (V) to duplicate and offset your stripes, following the same principles as before.

Once you have your desired pattern, click on the 'Add' button in the top-right corner of the Pattern Options panel. This will add your design to the pattern library. Give your pattern a name, then click 'Done' to close the Pattern Options panel.

Using Your New Pattern

Now that you've created your pattern, you can use it in your designs. With your pattern still selected, click and drag in your document to place the pattern. You can also rotate the pattern and adjust its scale by going to Object > Transform > Scale or use the keyboard shortcuts (Scale: Ctrl + Alt + S, Rotate: Ctrl + R).

To apply your pattern to an object, select the object, then click on the 'Add Fill' icon in the Color panel and choose your pattern from the library.

Experiment with different patterns, colors, and scale to create stunning retro designs. Don't be afraid to get creative and add your unique twist to the vintage aesthetic!

As you continue to explore the world of retro stripes in Illustrator, remember to have fun and let your creativity shine. Happy designing!