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

Patterns in the context of illustration

From: Drawing Vector Graphics: Patterns

Video: Patterns in the context of illustration

The only thing equal to the enjoyment of creating a well The great way to use pattern designs is within the context of illustration,

Patterns in the context of illustration

The only thing equal to the enjoyment of creating a well crafted repeat pattern is using your pattern in the real world. Once you have a design created in vector form, your opportunity to use it is virtually limitless. Today's digital world makes it easier than ever before to reproduce your patterns in a diverse range of applications. Patterns are a great way to spice up an illustration and add a level of complexity without having to do a lot of heavy creative lifting.

Let me show you an example of how I used a pattern to bring some fun authentic flair to a brand character illustration. The great way to use pattern designs is within the context of illustration, and a lot of the methodology that I'm going to show in this movie, and a lot of the examples you're going to visually see, I cover in greater detail in my Drawing Vector Graphics Color and Detail course for Lynda.com. So, make sure to check that out.

But, this exercise file will be In the files for this course. So, you can deconstruct this and really pull it apart and see how it was built specifically. And once again like patterns, like illustration, it all starts in the drawn forms. So this is my refined sketch for a character I developed for a company. And this guy is called the Coupon Professor for whatever reason. Sometimes I don't ask clients why they name things certain ways.

In this respect, he is a professor and he provides coupons. So that's what the theme is here. It all started with building my base factor art, based off of my refined drawing. Once I have my base factors, I can go ahead and colorize it. So this shows my base colors on this character and what I want to do now is after I was looking at him, I liked him. I thought he looked good. But, I thought he could be even better and actually a little more authentic in terms of a professor.

When I think of a professor, I think of, you know, smoking pipes or a tweed jacket. And I really think a tweed jacket is where we can go with this. So, that's what I want to do now. I want to show you how I used a pattern, in this case a tweed jacket pattern, and this is my actual pattern tile,my finished pattern tile. And it's a simple, geometric shape. This isn't very illustrative. It's literally like a tweed jacket in terms of its pattern.

If I go to Keyline view, you can see it's just simple, kind of arrow shapes, going in different directions to form the pattern. When you have a pattern tile, whether you're using it for illustration or you're running it out for fabric, your repeat, meaning how big the repeat is on the final product will be determined by the size of your tile. This tile is how big I created it, but it's obviously too big of a repeat for usage in this illustration, which is at a 100%.

So I sized it down to create a smaller version that's going to work well in context of this illustration. And for explanation's sake, we're going to turn of the detailing on this arm, and on this part of the suit. And we're going to do that by clicking this layer off. And if you want to know more information about adding this type of detailing, we're using a base color here, and then on the top, if I turn off the illustration really quick, you can see how we're blending from a darker, tonal value of that base color and blending out to 0% opacity.

Those are all the methods I cover in my Drawing Vector Graphics Coloring Detail course. So if you check that out, you'll fully understand what I'm doing here. But in this case, we're just going to show how to apply a pattern to the context of illustration. With our pattern swatch size determined, we're going to go ahead and drag that right in to the swatches palette down here. So we'll go ahead and do that. And once we do that, if we go double click it, and go into the pattern tool, you can see how it's already automatically repeating because it's set up as a pattern tile.

So we can go tweed pattern, and double click on the background to go back to our art board. And once we have that set up we can start using it, so we're going to click on his jacket here, and we're going to fill it. Instead of the fill color being flat, we're going to fill it with tweed. So you can see how cool it adds to the overall aesthetic. We're going to select his lapel, and we're going to fill that too. And now this is where adjusting the orientation of the pattern's going to come in handy.

We're going to go over to the tool palette, and we're going to select rotate, and we're going to double click on that, and we're going to make sure Transform Objects is off. We don't want to rotate that. We want to focus on rotating the pattern. So, we're going to rotate it until it's kind of running at the same angle of his lapel, and that looks about good, and we're going to click OK. So you can see how offsetting a pattern orientation will contrast with the pattern next to it so, it doesn't all bleed together, and you still have that surface dimension to contrast with the other.

We'll go ahead and select his arm. We'll fill that one with a pattern, as well. And, in this case, I think we might, no, you know what, I'm going to just leave it. That one doesn't bug me running that way. I think it looks good. If we turn on our detail layer, you'll see how the detailing interacts with the surface of the pattern fill, and so you can still add the dimension we had before, but now it's even greater with the pattern fill in it. And here's another point of this illustration.

The pocket, where we have further usage of that pattern. And if we compare this, if you look at his pants and the left side of his suit, that's without the pattern. The right side shows the pattern. We're going to toggle on and off between completely the pattern being used and the pattern not being used. And so I think you can really see the contrast of without a pattern and with a pattern. So that's how you can use patterns in context of illustration.

I think it's a great way to really liven up an illustration or a surface, especially in this context, 'cause it adds to the overall concept.

Show transcript

This video is part of

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

35 video lessons · 4033 viewers

Von Glitschka

Expand all | Collapse all
  1. 5m 24s
    1. Welcome
      1m 32s
    2. Exercise files
    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


You have completed Drawing Vector Graphics: Patterns.

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

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?


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.