Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using the Pattern Tile tool and tile types

From: Drawing Vector Graphics: Patterns

Video: Using the Pattern Tile tool and tile types

Composing and adjusting your pattern designs is an The creative process tends to overlap methods at times and by this So what we're going to do is, we're

Using the Pattern Tile tool and tile types

Composing and adjusting your pattern designs is an effortless task when using the Pattern tool in Illustrator. As I mentioned previously Illustrator's Pattern tool provides you with five tile types or arrangements that you can use to adjust your designs. And create unique patterns like the one on this tie. So let's review each of these five tile types and see how you can twirl them the Pattern Tile tool. The creative process tends to overlap methods at times and by this point in this course you've already seen me use the pattern tile.

Tool, but we're going to use it more as we test drive each of the tile types. So we're going to go over the various tiling types within the Pattern tool. You can also think of them as arrangements. And the best way to do that is to just demonstrate how each of them works with the same. Piece of artwork. Once again free floating artwork such as this design motif which I should point out is part of the stock art library I provide in the exercise files for this course, works is an ideal piece of artwork that I work along with the Pattern tool.

So with this selected, we're going to go ahead and go into the Pattern tool. Object >Pattern> and Make. And immediately you can see how based off of the a, the first tile type, which is grid, it is creating a grid based off of our tile shape. Now this is kind of a no brainer. And it bases it off the size of the artwork itself so if I select all the artwork you can see how the top edge and the top and the bottom edge of the art work is actually the exact same proportion as the tile edge that is displayed here as default.

And if we click on the tile tool, you can see how it looks as. Now select this grid tile type that's what this is on grid and it selects it, now we can adjust this with using the tile tool by simply grabbing the bounding bar sheet. You can grab it from the centre points and if you hold the Option down. Once again we'll uniformly adjust it on the spacing on the top and bottom evenly. And you can do the same way on the side and it will space it that way evenly.

And you can see how that affects the overall pattern. You can also grab the corners and do it this way where it's everything at once and it allows you. To move it in such a way where it's a little more fluid that way. And you can adjust things as you see fit that way if you want to tile. So that is how the grid repeats your art horizontally and vertically. Like a chess board arrangement just because it's a square grid doesn't mean the pattern has to be a square.

So adjust the grid. Play with it yourself to see how it works but it will align your artwork much like it's done on a chessboard. So the next tile type I want to show you. Is brick by row it's called. And this one organizes your tiling much like a brick row. So imagine this piece of art being a brick and so you see a brick going off to the right here. And so on and so forth. And then center. Centered in the middle of these two flowers is your motif up here.

So it kind of offsets it like a brick. Now right now, the offset is set for a half repeat, meaning it's repeating your design halfway through. Until it gets to the next repeat. So you can adjust that. You can make it a fourth so it's a little less. You can make it a third. You can pull down. You can make it, you can go up to. 2 3rds so there's a lot of different variables you can use on brick to row and like the previous one, if you select the bounding box this allows you to adjust brick by row in certain ways.

This will control the overall offset by pulling these in and out to control how it spaces it, so. You can play with that. You can also scale the overall sizings. So maybe you want it tighter. So we can bring that in so it's a lot tighter. And you can adjust the offset however you want. And you can even pull it to the other side. So there's a lot of flexibility here. A lot of. Variations. So experimentation is key to find out, and to apply it to the specific art you're using.

The next tile type I want to go over is the same, but instead of it being brick by row, it's called brick by column. And brick by column works the same was as the previous, but it slides the whole tile vertically. Instead of horizontally. So unlike a brick wall this slides it the opposite way. And overall the principle is the same as the previous one. It's just offsetting your artwork vertically instead of horizontally so you have the same controls here.

Where you can offset your art work. And it gives you a lot of freedom to play with it. And once again, experimentation is the way you discover the best tile type that is to use for your specific pattern design. The next one I want to show you is getting into the hexagon now. And this is hexagon by column. And it repeats the design based off of the hexagon shape and slides the whole tile vertically. So if I click on this, and you can see, I mean this is a pretty distorted hexagon based off of our artwork, but you can pull it out and adjust the sizing just like any other.

And you can see how you can click there and it gives you control to composite the design however you want, you don't have to do it uniformly if you don't want to you can pull down from one side and one corner or one top. Can bring in the top or the bottom. So that's how the hex by column works. And it arranges once again, your art work by column and spaces it based off of that hexagon arrangement. Now the last one I want to go over is called hex by row.

And this repeats the design using the same hexagon shape, and slides the whole Artwork horizontally. And, once again, the same controls for adjusting your art will work the same way, based off of the hexagon. And you can adjust how it's going to replicate. In this case, we could go really tight on here. And then adjust this top to add spacing so it's a visual oriented thing and as you play with it you'll see what works, what doesn't work and where you can make improvements in your adjustments.

The Pattern tool is very geared for exploratory building in my opinion. And that's not a bad thing. It's just, you need to know that up front. There is no set coordinates. You can't select a tile type, and punch in a specific coordinates and have it set itself up. It doesn't really work that way. But it's easy enough to use manually. So we're going to exit and go back to the art board. And since I haven't done it before. We're just going to click Done here. And that brings us back to the artboard too.

So either click Done or double-click the background. I think double-click the background works faster. So, just to show you Pattern Fill using that specific motif. Here is a good example of the Pattern Fill I used with the hexagon shape, so. That's that. Now there is unorthodox ways you can use and explore using the Pattern tool. because it's so exploratory and because it works so well with free floating art. There is a lot of different things you can do.

So you might start off with this artwork, and you would go, well that's kind of an odd shape. How would I repeat that? Well, it's not as hard as you may think, so we're going to select this, drag it in to the swatch's pallet, and then we're going to double-click it, and you can see that immediately it opens up in Grid view, and actually. Grid view is all we're going to need because we're going to click on the Tile tool and because we have smart objects on it'll detect where our anchor points are.

So we're going to pull this Tile tool in and snap it to there and that brings our artwork in on both sides because it was flat on the top and bottom. That's already alignment and that is easy as it was to create this pattern which we will go ahead and name regent for no good reason whatsoever and we will double click the background and if I go ahead and select this you can see how that pattern fill work.

So. One easy way to use it, that's one example. Let me show you another one and this is how you can create your artwork to align with the specific tile type and it'll make it a whole lot easier to work with. So, this is a specific design I created called garden walk and it's based off a hexagon shape. So you see how I've. Already created a hexagon shape, and this specific shape right here has no fill and no stroke, because in essence it's going to be a throw away shape that I get rid of.

I don't want that in my final pattern, so I'm going to select the tile, once again. I won't drag this to the swatches palette. We'll go ahead and go this route. Object > Pattern > Make, just to be different. And as the default for the grid, it's not working because it doesn't work well for a square type of arrangement. It's going to be ideal though for a Hex to Row, so we're going to click that. And we almost don't need to make any tweaks to this whatsoever.

If I zoom in, you can see how it's already picking up where the top of our artwork is because I have. This hidden throwaway shape selected here. So what we're going to do is, we're going to go ahead and toss that throwaway shape. We don't need it, and I'm going to turn off the Show Edge tile, so you can see what the final looks like. And so if you create your artwork to align, put that on Full 9 by 9 just to fill the background.

You can see how it's easy if you draw your artwork to align with an already preset tile type that's going to assist you in building your final tile design. So if we exit to the art board again and we go to an example of the pattern fill, you can see how that works out. So using the Pattern Tile tool and tile types can help you interlock your design elements and assist in constructing the flow of your repeat pattern.

When it comes to using tile types, there's no distinct right or wrong way to use them. The rule of thumb is, whatever looks good and that enables you to create the design you intended, that's going to suffice.

Show transcript

This video is part of

Image for Drawing Vector Graphics: Patterns
Drawing Vector Graphics: Patterns

35 video lessons · 3975 viewers

Von Glitschka
Author

 
Expand all | Collapse all
  1. 5m 24s
    1. Welcome
      1m 32s
    2. Exercise files
      49s
    3. What are patterns?
      3m 3s
  2. 1h 6m
    1. Drawing out and refining your design
      9m 39s
    2. Building your vector pattern with a bounding box
      15m 22s
    3. Creating and using pattern swatches and libraries
      9m 29s
    4. Organize, size, rotate, and adjust your pattern fills
      9m 45s
    5. Using transparency to create depth
      8m 46s
    6. Using textures in your patterns
      13m 26s
  3. 1h 37m
    1. Pattern tool basics
      11m 16s
    2. Selecting appropriate artwork
      13m 19s
    3. Using the Pattern Tile tool and tile types
      11m 42s
    4. Using pattern tiles with the Pattern tool
      12m 55s
    5. Adding depth using the Appearance panel
      9m 39s
    6. Pattern tool limits
      9m 22s
    7. Good pattern-building habits
      15m 37s
    8. Exporting your pattern files
      13m 44s
  4. 30m 15s
    1. Creating a brush pattern
      9m 48s
    2. Creating a traditional border pattern frame
      4m 8s
    3. Using brush textures and clipping masks with patterns
      10m 6s
    4. Creating complex designs using a pattern brush
      6m 13s
  5. 24m 21s
    1. Patterns in the context of illustration
      6m 54s
    2. Patterns in the context of graphic design
      5m 0s
    3. Patterns in the context of visual identity
      8m 6s
    4. Patterns in the context of product design and accessories
      2m 21s
    5. Patterns in the context of textile designs
      2m 0s
  6. 14m 33s
    1. Ekaterina Panova, Russia
      1m 51s
    2. Raul Villanueva, Peru
      1m 6s
    3. Anastasiia Kucherenko, Ukraine
      1m 30s
    4. Andi Butler, United States
      1m 40s
    5. Dennis Bennett, Germany
      1m 34s
    6. Samarra Khaja, United States
      1m 44s
    7. Jenean Morrison, United States
      1m 25s
    8. Laura Coyle, United States
      3m 43s
  7. 1m 27s
    1. Final thoughts
      1m 27s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Drawing Vector Graphics: Patterns.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.