Viewers: in countries Watching now:
Patterns have been a part of cultures around the globe for centuries. From fashion and branding to interior design and signage, patterns blanket and beautify our world. Designers are often asked to create new patterns from scratch, and although digital tools make the process easier than ever, it can still be a perplexing task.
In this installment of Drawing Vector Graphics, Von Glitschka demystifies the pattern design process, explaining tessellations (mathematical tiles that lie at the heart of patterns) and visiting the various methods of creating new patterns. He shows how to build repeating patterns with Illustrator's pattern tools and pattern brushes, and incorporate patterns into your design. The course also features patterns from some of the industry's most inspiring designers.
Another useful type of pattern brush, is the border pattern. These work well for publications and documents, but can also work well as the design device and a larger layout. Let me show you how to set up and use a border pattern. Border patterns are very closely associated with a pattern brush because essentially it's using the same methodology. But, you're applying it in a slightly different way. In this case, I'm going to use a traditional border pattern, but it's going to augment my overall concept.
And that's the importance of creating your own assets like this and once again, it starts off as a simple sketch. And when you create art work like this for a border, all you have to worry about for a traditional type of frame is the straight segments and the corner segment. That's all you need to really worry about and in this case, this was my core asset to create my straight segment. And since I'm creating a corner treatment of this, it's the exact same height, and it'll end up being a square shape so it aligns with my final tiled artwork.
So this is the base factor art, and what ended up coming to look like is this being my segment, and this being my corner. Now when I associate it with a bounding box you can see how this is a square shape, and it fits within the container of the square shape. That's because it has to align both vertically and horizontally with this element when it's applied to a path, or specifically a rectangle. So that'll work properly as a pattern, so, I've gone ahead and set that up already as you can see in the Brushes pallet here.
If I double click on this you can see how my corner segment is showing here. Where the corner segment goes and my straight segment goes here. And you can see it's giving me funky preview down here. It doesn't look like the sizing is correct, but, because I build it correctly it's going to work fine, so, we're going to name this, and I'll just call it Flora for lack of a better term. We're going to make sure to have our colorization methods set to Tint so we can color it however we wish, and Stretch to Fit is fine.
And we'll click OK. Once we have that set up we can apply it to any frame. So this is a traditional type of frame rectangle and when we apply our flora brush to it, this is how it's going to look. So it creates a very elaborate border treatment without taking a whole lot of work. And in this case we can also color it however we want, in this case we're going to color it green And there's going to be a secondary usage for this, because I'm going to tie it in to an identity project that I worked on.
And it's for a restaurant, and I'm going to show you how I use this in context of that restaurant. So this is their menu, it's a small bistro. They serve vegan food and vegetarian cuisine and so the concept of my border treatment kind of goes with the concept of the restaurant. It's very green, very healthy, it's all about eating vegetables and greenery and that kind of stuff, so. This is the branding I developed and so the border treatment really adds to that, and it was relatively easy to create using the border, using a pattern brush to create the traditional border in this case.
Now the treatment that i use on this circular shape was applied to coaster so you can see how that works here. All these of course are set up in the exercise files so you can check it out to an even greater degree, but border patterns can be driven by any type of graphic style. So, whatever you're working on figure out the style that's going to be appropriate for your project and it's going to be an easy way to add a lot of interest to whatever you're creating.
There are currently no FAQs about Drawing Vector Graphics: Patterns.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.