Select Page

How to Create Seamless Patterns in Adobe Illustrator

In this example, let’s say you want to create a seamless pattern in Adobe Illustrator using vertical stripes. First create a 1:1 artboard at any resolution you like. If you’re creating this for use in 3D, powers of two work best (1024, 2048, 4096, etc). Next, create your first stripe with a solid rectangle, and be sure to turn off the stroke.

Single rectangle, no stroke.

Next, ALT+Left Click and drag your rectangle so it snaps to the right edge of your original shape. This is a quick and easy way to copy/paste or duplicate an object, and move it around at the same time. Once you’ve done that, set the fill color for your next stripe. Continue this for as many colors as you want. I’ll do three.

Three rectangles, snapped to each other, all different colors.

Now, with all of your stripes selected, head up to the Object menu and click Object > Pattern >Make.

I didn’t even know this existed!

Once you click that, you’re brought into a special pattern editing view. From there, you can set specific parameters for your pattern. But by default, it’s seamless. By the way, this pattern (or swatch, as Illustrater calls it) is NOT square, and doesn’t have to be. We’ll get there. When you’re done, click done at the top.

I just clicked ‘done’ at this point.

After you click done, you’ll have a brand new swatch in your Swatches panel.

Last step! Turn off your stripe template and grab the rectangle tool and drag it across your entire artboard. Make sure you’re snapping to both corners and holding SHIFT while you drag. Then, set your fill to that fancy new swatch you just made. Done!

So stripey…

Export it at whatever resolution you want, because vectors are cool like that. Hope this helped, hope you learned something new, and you’re rad. See you in the comments!

Check out more articles

How to Generate a Ranger Config File

ranger --copy-config=all This will copy all the default config files from /usr/local/lib so you can make edits without messing anything up. Huge shout out to https://dquinton.github.io/debian-install/config/ranger.html for explaining this and so much more. Took me a...

First Open Source Contribution

Surprise! I genuinely did not plan on making my first ever open source contribution today. In fact, I didn't plan on a lot of things happening this week at all. I recently got an awesome opportunity to work on a site that is being hosted on a platform called Pantheon,...

How to Exclude Specific Posts and Pages from WP_QUERY

For the sake of having something to work with, let's suppose we've got the following query:In this query, inside the $args array, there's a special parameter that allows you to exclude specific posts and pages from the query. This parameter is called post__not_in and...

Configure SSH For Password-less Connections

Preamble I'm slightly embarrassed to admit this, but it was a long time before I figured out how amazing this little file is and how exactly to put it to good use. The file I'm talking about is the SSH config file. By default, when you first connect to a server via...

WordPress Site Stuck in Maintenance Mode

Plugin Error Code 500 During Update While I was updating a WordPress plugin locally, something happened on my local server to trigger a 500 error code as the plugin was updating. On the frontend, I refreshed the page and was greeted with "Briefly Unavailable for...

Creating a WordPress Plugin Downloader

How it Started I was recently tasked with the challenge of creating a WordPress theme generator. The idea being, instead of writing your style.css file from scratch, you'd be able to just answer a few simple questions about how you'd like your theme set up, and those...

Fix Audio on XFCE Chromebook

The Problem After moving from GalliumOS to Xubuntu, I noticed that playing YouTube videos on both Firefox and Chromium would result in decent playback for a few minutes, but suddenly the audio would turn into a solid beeping tone while the YouTube video displayed the...

Adjust Trackpad Sensitivity XFCE

xinput set-prop "Elan Touchpad" "Synaptics Finger" 1 1 1 What are the values 1 1 1? This sets the sensitivity as close to the original ChromeOS as possible. Larger numbers will decrease sensitivity of various aspects. I never looked into which individual value...

Fireworks (Short Film)

https://vimeo.com/395077249 About the film Year: 2020 Director/DP: Tim Searfoss Writers: Matt Jones, Tim Searfoss Sound Mix: Matt Jones

Hosting Multiple Sites Using LocalWP

I've done a write-up on hosting local WordPress sites before, but I definitely prefer this method over the previous one. If you've never tried hosting multiple sites using LocalWP, then I'd encourage you to check it out. I've had really bad issues with it in the past,...