• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • About
  • Portfolio
  • Blog
    • Blogging
    • Business Tips
    • Design
    • Photoshop Tutorials
    • Illustrator Tutorials
    • Freebies
  • Shop
    • Creative Market
    • Spoonflower
    • Design Cuts
    • Patternbank
  • Resources
    • Resources
    • The Library
  • Contact
  • Nav Social Menu

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

Elan Creative Co.

whimsical graphic design

Hand-drawn diagonal patterns in Illustrator

August 10, 2018

Seamless hand-drawn diagonal patterns in Illustrator

I love stripes! I have so many striped t-shirts, and I’m even wearing stripes right now. My favorite kind of striped patterns are the ones drawn by hand using ink and markers.

A while ago, I showed you how to make seamless hand-drawn striped patterns, and now I’m back with another tutorial in which I want to show you how to make seamless hand-drawn diagonal patterns in Illustrator.

Watch on YouTube

Please subscribe to my channel if you want to see more design tutorials. I release a new tutorial every other week.

Watch on YouTube.

How to make seamless hand-drawn diagonal striped patterns in Illustrator

If you don’t want to scan your drawings, you can use a drawing tablet to create your stripes.

For this tutorial, I used black brush pens to draw the lines. After that, I scanned and digitized the lines in Illustrator.

Place the lines on the artboard, select all of them and go to Object > Transform > Rotate and rotate them 45°.

I like to use different colors for them. So I will select each line and change its color.

If you select all of them now and go to Object > Pattern > Make (in Illustrator CS5 or newer) and try to make a pattern that’s the same size as your artboard, you will get this:

This is clearly now what we are looking for. The lines overlap and the pattern looks messy. But if you delete half of them, this is what happens:

This is very similar to the final result. All we have to do is fill in the gaps.

When you make diagonal patterns, it doesn’t matter if they are stripes or diagonal floral patterns, you must add the graphics on one side of the artboard. The items should intersect two sides that are next to each other.

I will go back to the original image and delete a few lines. Here’s how my pattern looks now:

The lines are on half of the artboard, without crossing the artboard’s diagonal.

At this point, you can use the manual method to create the seamless pattern, or select all of them and go to Object > Pattern > Make and use the pattern tool.

The first thing I do is change the width and height of the pattern to the same size as my artboard (6x6in).

There are a few methods you can use to fill in the gaps. You can use the Blob Brush tool to add the missing lines, use the Direct Selection tool to move the anchor points and connect the lines, or create another line with the Pen tool.

As I showed you in the video above, I like to use all these tools and create seamless patterns that still have that hand-drawn look.

This is my final hand-drawn diagonal pattern:

When you are happy with the way your pattern looks, click Done and the pattern will be added to the swatches panel.

How to save seamless hand-drawn diagonal patterns in Illustrator

If you use the pattern tool and want to save the pattern tile, just use the Rectangle tool (M) to make a square that’s the same size as your artboard or pattern tile (in my example both are 6x6in).

This pattern is seamless and you can save it as a JPEG or PNG by going to File > Export > Export as.

If you want, you can add a background by creating another rectangle using the fill color you want. Align it to the diagonal stripes, then go to Object > Arrange > Send to Back (Shift + Ctrl + [ ).

That’s it! Hope you enjoy making seamless hand-drawn diagonal patterns in Illustrator!

Tweet
Share
Pin221
Share

Illustrator, Tutorials

You might also enjoy:

How to make half-drop repeating patterns in Adobe Illustrator - new Skillshare class
Half-drop repeating patterns – new Skillshare class
Hand-drawn striped patterns in Illustrator
Hand-Drawn Striped Patterns in Illustrator
How to make a chevron pattern in Photoshop
How to make a Chevron pattern in Photoshop
How to recolor artwork in Adobe Illustrator
How to recolor artwork in Adobe Illustrator

About Cristina Silvia

Hey there! I’m Cristina, and I’m a self-taught graphic designer and illustrator. With an everlasting love of all creative endeavors, I found joy in sharing with others what I’ve learned over the years and helping bloggers and entrepreneurs bring their dreams to life through beautiful designs.

The Newsletter

Subscribe to our mailing list to get the latest posts in your inbox + news and special offers.

Footer

Discover

  • Portfolio
  • Blog
  • Resources
  • The Library
  • Contact

Learn More

  • Policies
  • Terms
  • Licenses
  • F.A.Q.

Looking for something?

  • Bloglovin
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Copyright © 2023 · Elan Creative Co