Seamless Illustrator Pattern Tutorial

Today’s post is going to be a little different. I am going to walk you through how to create a complex seamless patter in Illustrator. With CS6 on its way, this will be pointless soon (if you end up owning Illustrator CS6) but it may be useful to a lot of people. With this method, you too can be well on your way creating outdated wallpaper. Here we go. I will include screen shots to help out a long the way.

  1. Create a new document.
  2. Turn on the grid. View-Show Grid.
  3. Turn on Snap to Grid. View-Snap to Grid.
     
  4. Proceed to create 4 squares like this:

    Hold SHIFT down to make sure they are perfectly square. Let them snap to the grid. This is important.
  5. Copy one of the squares and paste a new one right in the center of those first four. Let snap do the work. It should look like this:
  6. You will now create the artwork in the square on the top left like this:

    Remember that this pattern will be repeated, so pay attention to the parts that hang out of the square, some of these will overlap on the other side.
  7. Next, you will take all of the art elements (not the squares themselves) and group them together.
  8. Now you will create some temporary rectangle, shown in pink. Make sure “Snap to grid” is turned on, then draw them on the closest grid point to the edge of your artwork for the left side and the bottom. Now select your artwork group and the left rectangle and click the “Horizontal Align Left” button. The idea here, is we want to be able to duplicate this pattern on the other side and the bottom, so having the artwork snapped to the grid will make it a lot easier to do this. We will now do the same thing for the bottom using the “Vertical Align Bottom” button.
  9. Now, for your convenience, I have highlighted the grid lines we will focus on for this copy procedure. With snap turned on, we grab the grouped artwork, do COPY, PAST IN PLACE, then hold SHIFT down and drag the new copy to the right, letting the left side snap on that grid we are focusing on. The bottom should already be lined up because we held SHIFT down and drug it across.
  10. Now we are going to do the same for the bottom squares. Simply select the top two groups, COPY, PAST IN PLACE, then SHIFT drag to the bottom until it snaps onto that lower grid line we are focusing on.
  11. Now that we have the art laid out, we can delete the outer 4 squares, leaving only the center square. Bring that object to front by selecting it and going Object-Arrange-Bring to Front.
     
  12. With the square selected go Object-Path-Divide Objects Below.

    This will slice all of the objects beneath it. Now all we need to do is clean it up. Get the Direct Selection Tool (A) and start deleting everything outside that square.

    Note: You will have to zoom in very close, go along the edge of that square and select the small parts that don’t get deleted with the broad selections.
  13. If you want to, with SNAP turned on, draw a box around your square, send it to the back and you have a background. Now with your artwork selected, go Edit-Define Pattern, and there you go, a perfectly aligned repeating pattern! Eat your heart out CS6!

South Korean Street store front.

I saw a picture of a South Korean store front. I liked it. It had a lot of character, so I decided to sketch and paint it.

Enjoy.
oh, here is the etsy link:

>New poster

>Here is a poster I created.. just because. I am giving away a 13×19 print of this for anyone who wants to “Like” my Facebook page, share it,  and comment on the posting.
Here is the link. Enter now if you want to win it!
http://www.facebook.com/#!/pages/Sabor-Design-Studio/109603929070114

>City Street

>

City street illustration. Enjoy.

>Sketches

>These are some sketches to be made into paintings when i get some time. The one that looks like me is kind of a self-portrait, and kind of not… I will post the painted versions when i get around to painting them.
Connect with me on FB! Here is my Sabor Design Studio page:
http://www.facebook.com/#!/pages/Sabor-Design-Studio/109603929070114?ref=ts

>Danny Devito rides again.

>

Watching “It’s Always Sunny in Philadelphia” Thought I would try and draw Devito… don’t know if it is successful, but it’s a start.

>Not sure how I feel about this one.

>

Here is another sketch. Not sure if I like it or not, but I figured I need to post something.

>Girl with Goggles part 2

>

Here is an update to the drawing I posted a couple of days ago. I painted this one. As you can see. I tend to not worry about my sketch lines when I paint, I like to see them with the color, I think it looks cooler, has a certain amount of organic feel to it, rather than a clean, overly worked image… maybe that’s just me.

>Goggles.

>

What would a blog post be without goggles? I enjoy goggles, own a pair of my own (handcrafted by me) and I thought, why not put them on a chick? So here you go. Goggles on a chick. It kind of ties in with a personal project I am working on… kind of. This project will hopefully be huge. I am planning on working on it over the next year and not really telling anyone about it. It seems when i voice stuff, it never ends up happening, so i am keeping it quiet.

>My 100th post

>

Hey look.. 100 posts. it only took a couple of years… and nothing has really been said during that time. Nice. Here is another self-portrait.. because I am vain.