Sketch to Success: Master Hand-Drawn Patterns in Adobe Illustrator - Graphic Design for Lunch™ | Helen Bradley | Skillshare
Search

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Sketch to Success: Master Hand-Drawn Patterns in Adobe Illustrator - Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Intro to Hand Drawn Patterns in Adobe Illustrator

      1:13

    • 2.

      Pattern 1 Draw and Trace

      5:16

    • 3.

      Pattern 1 Make the Pattern

      9:55

    • 4.

      Pattern 2 Draw Trace and Color Flowers

      6:41

    • 5.

      Pattern 2 Make the Flower Pattern

      6:11

    • 6.

      Pattern 2 Add Another Shape and Color

      7:19

    • 7.

      Pattern 3 Make a Template for Overlapping Shapes

      6:19

    • 8.

      Pattern 3 Trace Color and Make the Overlapping Shapes Pattern

      9:14

    • 9.

      Pattern 4 Plan the shapes

      4:20

    • 10.

      Pattern 4 Make the template

      4:58

    • 11.

      Pattern 4 Make the pattern

      9:46

    • 12.

      Pattern 4 in Multiple Colors

      7:09

    • 13.

      Project and Wrapup for Hand Drawn Patterns in Adobe Illustrator

      1:10

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

149

Students

3

Projects

About This Class

Sketch to Success: Master Hand-Drawn Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Graphic Design for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn to turn simple hand drawn sketches into vector objects in Illustrator and to then make seamless repeating patterns from them. You will learn to vectorize your hand drawn shapes, to color them using the Shape Builder tool, and then create patterns from them. You will also learn how to make drawing templates to help make sure your hand drawn designs will line up nicely as patterns. This class also incorporates some useful techniques using the Recolor Artwork tool for recoloring designs .

The course is taught step by step - I’ll give you all my starter sketches to use - so that, by the end of the class, you will have a range of finished designs ready to use and be ready to draw and work on your own sketches. And, of course, along the way you will have learned handy tips and techniques for working in Illustrator every day.

More in this series:

10 Adobe Illustrator Layer Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 Adobe Illustrator Pattern tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Illustrator Pen tool and Path Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 in 10 - 10 Adobe Illustrator Align tips in 10 minutes - A Graphic Design for Lunch™ Class

 10 in 10 - 10 Adobe Illustrator Type Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 in 10 - Ten Top Adobe Illustrator Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Interface & Workflow tips for Adobe Illustrator - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Appearance Panel Tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Color tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Recolor Artwork tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Gradient tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Reflect and Rotate tips in 20 mins - A Graphic Design for Lunch™ Class

20 Path, Crop & Cutout tips in 20 mins - A Graphic Design for Lunch™ Class

20 Things New Illustrator Users Need to Know - A Graphic Design for Lunch™ Class

2022 Calendar from Scratch in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Extrusion Effects with Text & Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Perspective designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Y Shape Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Exotic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Handy Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Illustrator Shading Techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Cool Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Hexagon Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Abstract Ombre Background in Adobe Illustrator - A Graphic Design for Lunch™ Class

Add a Background to a Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

All you need to know about Brushes in Illustrator - A Graphic Design for Lunch™ Class

Banner and Award Badges in Adobe Illustrator - A Graphic Design for Lunch™ Class

Bends and Blends in Adobe Illustrator - A Graphic Design for Lunch™ Class

Blends and Gradients in Adobe Illustrator - A Graphic Design for Lunch™ Class

Block and Half Drop Repeats in Adobe Illustrator - A Graphic Design for Lunch™ Class

Braids, Rick Rack & More in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cacti with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circles with Brushes, Blends & Transformations - A Graphic Design for Lunch™ Class

Color Schemes to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Complex Patterns with MadPattern templates in Adobe Illustrator - A Graphic Design for Lunch™ Class

Convert a Sketch to Vectors with Illustrator Live Paint - A Graphic Design for Lunch™ Class

Create a Plaid or Tartan Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create Radiolarians in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create with Blends and Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Creative Half tone Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Curly Frames in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Corners for Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Organic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Project Backgrounds in Adobe Illustrator - A Graphic Design for Lunch™ Class

Curvy Line Inspired Patterns in Illustrator - A Graphic Design for Lunch™ Class

Cute Furry Creatures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cutout Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Design in Black and White in Adobe Illustrator - Create Positive/negative images

Designing with Spirals in Adobe Illustrator - A Graphic Design for Lunch™ Class

Designing with Symmetry in Adobe Illustrator - A Graphic Design for Lunch™ Class

Design with Lines in Illustrator - Make Saleable Shapes & Patterns - Graphic Design for Lunch™

Diamond & Crystal Patterns in Illustrator - Graphic Design for Lunch™

Diamond, Harlequin & Argyle Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Dimensional Line Art in Adobe Illustrator - A Graphic Design for Lunch™ Class

Doodle Flower Design & Pattern in Illustrator - A Graphic Design for Lunch™ Class

Doodle Style Heart with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Dotted Line Patterns in Illustrator - A Graphic Design for Lunch™ Class

Draw a Hot Air Balloon in Adobe Illustrator - Fun with 3D!

Draw a Retro TV in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw a Vintage Birdcage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw Safari patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Drawing to Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Easy Isometric Art in Adobe Illustrator - A Graphic Design for Lunch™ course

Export File Sizes & Resolution in Adobe Illustrator - A Graphic Design for Lunch™ Class

Faux Tissue Paper Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Flat & Dimensional drawing techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

Floral Alphabet character in Adobe Illustrator - A Graphic Design for Lunch™ Class

From One Design Make Many Variations in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun Effects with Graphic Styles in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Gradient Background Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Guilloche Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Hi-Tech HUD rings in Adobe Illustrator - A Graphic Design for Lunch™ Class

Ikat Inspired Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

I'm Seeing Stars - Shapes in Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Isometric Cube Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Knockouts in Illustrator - Holes in Shapes - A Graphic Design for Lunch™ Class

Large Scale Repeating Patterns in Illustrator - A Graphic Design for Lunch™ Class

Layered Paper Style Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Leaf Patterns in Illustrator - A Graphic Design for Lunch™ class - Vectorize Drawings 3 Ways

Let's Go Steampunk! Draw Gears in Adobe Illustrator - A Graphic Design for Lunch™ Class

Live Trace (Bitmap to Vector) in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make a Lace Pattern Brush in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art with Stock Images in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Complex Art in the Appearance Panel in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Ditsy Patterns in Illustrator - A Graphic Design for Lunch™ class

Make Retro Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Scrapbook Papers to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make to Sell Printable Grids in Adobe Illustrator - A Graphic Design for Lunch™ Class

Master Masks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meandering Hexagon Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Memphis Design Inspired Pattern in Illustrator - A Graphic Design for Lunch™ Class

More fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Multi-Color Faux Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Neon Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Nighttime Cityscape in Adobe Illustrator - A Graphic Design for Lunch™ Class

Organic Spiral Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern Design in Illustrator Masterclass - A - Graphic Design for Lunch™ class

Patterns for POD & Scrapbooking with Illustrator & Illustrator on iPad - Graphic Design for Lunch™

Pattern in Pattern & Irregular Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern in Pattern in Adobe Illustrator - Doing the Impossible - A Graphic Design for Lunch™ Class

Pattern Know-how in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern of Lines and Dots in Adobe Illustrator - A Graphic Design for Lunch™ Class

Patterns in Adobe Capture for Illustrator & Photoshop - A Graphic Design for Lunch™ Class

Perfectly Overlap Rotated Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Piping Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pop Art Star Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Rainbow Gradient & Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mandala Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mirror Drawing in Adobe Illustrator - A Graphic Design for Lunch™ Class

Retro Landscape Illustration in Adobe Illustrator - A Graphic Design for Lunch™ Class

Road Trip! DIY Brushes & Live Paint in Adobe Illustrator - A Graphic Design for Lunch™ Class

Roaming Square Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seamless Repeating Texture Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Designs - Chalkboard Wreath - in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Ornaments in Adobe Illustrator - A Graphic Design for Lunch™ Class

Semi Transparent Flower Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Sharing and archiving files from Adobe Illustrator - A Graphic Design for Lunch™ Class

Sketch to Vector Art in Illustrator - Saleable Digital Assets - A Graphic Design for Lunch™ Class

Sketchy Image Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Something's Fishy! Appearance Panel Tricks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stipple Texture Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stitches & Needles & Sewing Elements in Adobe Illustrator - A Graphic Design for Lunch™ Class

String Art Inspired Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stylish Doodles to Make & Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Terrazzo Patterns Made Easy in Adobe Illustrator - A Graphic Design for Lunch™ Class

Text over Busy Backgrounds in Illustrator - A Graphic Design for Lunch™ Class

Textured Dot Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Triangle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Type on a Path in Adobe Illustrator - A Graphic Design for Lunch™ Class

Understanding Bounding Boxes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Use Photoshop Objects in Illustrator - A Graphic Design for Lunch™ Class

Vector Halftones & Houndstooth in Adobe Illustrator - A Graphic Design for Lunch™ Class

Vector Textures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Warp Shapes & Text in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolor Stripe Seamless Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolors with Type & Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wave Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Designs with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Diagonal Line Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Scrapbook Paper Designs to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Tree Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wreaths & Floral Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Zentangle® Inspired Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meet Your Teacher

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Intro to Hand Drawn Patterns in Adobe Illustrator: Hello and welcome to this class sketch to Success, Master hand drawn patterns in Adobe Illustrator. I'm Helen Bradley and I'm a Skillshare top teacher. I have over 280 courses here on Skillshare and over 182,000 student enrollments. In this course, I'll show you how to successfully turn hand drawn sketches into patterns in Adobe Illustrator. I'll show you how to set up your sketches so they'll be easy to work with, including how to make a printable template for your drawings. I'll show you how to plan a more complex pattern and how to set up designs using multiple colors. And then how to quickly reduce them to one color designs. I'll be focusing on tips for designing a successful workflow too. You'll get the whimsical beauty of hand drawn elements, but with a focus on the designs coming together very quickly and easily. Now everything's taught step by step, and I'll give you my sketches so you can follow along with the videos. By the end of the class, you'll have a range of finished designs and you'll have learned handy tips and techniques for making patterns from your own sketches. Without further ado, let's get started making hand drawn patterns in Adobe Illustrator. 2. Pattern 1 Draw and Trace: For this first pattern, we're going to make a pattern of circles to show you that this is not rocket science. This is the design I'm going to use. I've actually sketched this out on a sheet of copy paper with a felt tip pen. I photographed it with my phone. I e mailed it to myself, and I've opened it up here just in preview so that I can show you the image. There's part of my desk here. There's a big smudge of ink here. One of these shapes is really off and nothing looks well lit. But it doesn't matter because this is going to make a really nice pattern. There is one thing to be aware of though here, is that I've tried to arrange my circle shapes in roughly what is going to be the pattern formation. So I've got an even number of rows, I've got eight rows, I've got 12345678. And the result of having those eight rows is that this is pretty much what the pattern Swatch is going to look like. I've also got four columns and things are neatly arranged. Now if you didn't like some of these circles, you could draw another one to one side, trace it and then replace it. You're not committed to all of these shapes. Just think in terms of laying things out. And if you make a few mistakes as you draw, just draw some extras around the edge. But this is the design we're going to work on. So I'm going to start in illustrated by creating a new file. I'm just making something 1,000 pixels by 1,000 pixels. These are going to end up being vector shapes. Size is not really crucial. I'm going to bring in my files. I'm going to choose File and then Place. And this is my mini circles image. You can see here that I don't have any of these options selected. I'm not linking it, I'm just going to place it, so this is going to be embedded in the document. The next thing we're going to do is to crop our image to get rid of the bits we don't want to trace. So I'm going to click on Crop Image. I'm just going to drag the crop handles in to try and get rid of as much of this image as I don't want to trace as possible. But it wouldn't really matter if we had to include this ink splotch because even if it does trace, it's easy enough to get rid of. Later on, I'm going to click Apply, and that just crops the image. You can see at this point how badly it's been photographed. This side is dark, this side's light. None of that matters. We're going straight up to image trace, and the default image trace is black and white. Every pixel in the original bitmap image has been interpreted as black or white. Let's have a look at the tracing dialogue. This is the image trace dialog. If you don't see all of these options, you'll just click the advanced arrow here to open up the options that you have available. Now you could increase parts to see if that gives you a better result. You could also increase corners to see if that gives you a better result. Also for this particular image, increasing noise might remove some of the edge bumps. You'll see here that we've got fills created. Each of these shapes is going to be a field shape. It's not a line, it's just a field shape. The other thing I'm going to do is try and ignore my white color. That will make things a little bit easier later on. That means that all the white objects will be dropped out of this design. Having done all of that, is going to click here on Expand, and that will expand everything into filled shapes. We'll go to the layers panel because we need to see what we've got. Obviously, we've got a group here and inside the group are lots of different shapes here. All I've got is shapes. They're all compound parts. They're compound pars because they've got holes in the middle. Every one of these circles has a hole in the middle. When you trace the shape that has a hole in the middle or when you create a shape that has a hole in the middle, they're always going to be compound paths. Now, some people just have a fit over that and go, I don't want a compound path. What is a compound path? It doesn't matter. It's just a path that has a hole in the middle. And if it really worries you, you can just double click on its name and just call it circle. And these can all have the same name, they can all be called circle. You can remove the offending words compound path because it doesn't affect the document at all. Every shape that has a hole in the middle is a compound path. We're going to break everything out of this group. So I'm going to select the group and choose object group, because I want to be able to get to these individual circles to move them around. Now because they're circles with holes in the middle, you'll see that they don't actually bring their white with them. We actually cleaned up the white, We removed it. Now if you happen to have any white here, you'll see it as an empty thumbnail. Something that is white. When you select on it, it's going to show white fill over here. You can likely safely remove that. Right now what we want to work on is just black lines, no fills, no nothing. We're ready to make this into a pattern, and we're going to do that in the next video. 3. Pattern 1 Make the Pattern: To create this design as a pattern. We're going to select over all of our shapes and choose object pattern, make. I'm going to close up my Swatches panel. I'm going to hide my art boards because right now this change between white and black or white and gray is a little bit disconcerting. I'm going to choose view hide artboards. I'm going to make the width and height of my pattern an even round number. We don't want patterns that have fractional values on them, that's just inviting problems later on. Now, this is close enough to 300, I'm just going to take it up to 300 here, close enough to 470. You can go either way, doesn't really matter. I'm going to increase my number of copies so I can see more shapes. I'm also going to zoom out because you can zoom in and out in this pattern preview or pattern creation mode. I'm also going to turn off my tile edges so I can have a look and see that everything looks pretty balanced. A little bit concerned about this area here. Let's turn the tile edge back on. The reason we turn the tile edge back on is because only these objects here are actually selectable. You can't select anything else, it's just part of the repeat. This is selectable, I'm going to grab it, just make sure that I have it. And I'm just going to move it a little bit. I can move this one, or I could rotate it, I could do whatever I like here. I'm just looking at breaking up the pattern a little bit. Just maybe making it look a little bit more balanced. Turn off the tile edge so you can't see where the tile is. If you're happy with that, we're just going to click done. Now, we didn't move things around. This set of objects here is not in the exact same arrangement as we used inside the pattern. Let's just delete them, and let's go and get the objects as they were arranged in the patent. To do this, we'll go to the swatches panel. We'll double click on our pattern swatch, which is this one here. I'm going to select all. And what that does is select just the objects that were part of the pattern in the arrangement that they are inside the pattern. We'll choose edit and then copy. I'm going to click cancel, because I already have this pattern. I'm going to choose edit and then paste. These are the objects in the order in which they were in the pattern. That means it's just going to be a whole lot easier for us to use them again to make another pattern. And we're going to do that right now. I'm going to select over them. What I want to do is to fill their middles. Let's zoom in. We know that we don't have any middle fills for these shapes. Now, before I do anything, I may look at this shape here and do something about it because it does have a pointy top on it. Let's go and see what we've got here. I'm going to select over the shape and I'm going to the smooth tool. It shares a tool bar position with the shaper tool, the pencil tool. Let me just make sure I've got the smooth tool, which I haven't. And I'm just going to smooth out these lines and get a slightly better result for that particular shape. Now, at this stage, you may also have a look at any other shapes that you think you want to smooth. Hit them with the smooth tool, just remove the worst of the bumps from them. This is a hand drawn design. You don't want to remove every bump because otherwise you're going to lose that quality. If we wanted circles, we would have drawn circles in the first place. But you might think that there are too many bumps or bumps in the wrong place that you can just smooth out with the smooth tool. Pretty happy with that. So let's just soon back out. I want to fill these shapes. I'm going to make any adjustments to the shapes before I do the fill. Otherwise, my fills and my shapes night part company and be different shapes in the end. So I'm going to select over everything and I'm going to the Shape Builder tool. The Shape Builder tool shares toolbar position with the paint bucket tools, but Shape Builder is what we want. I'm also going to double click on the tool so I can set the settings. What we want to do is we want to turn on Cursor Swatch Preview. And we want to make sure that we can highlight the fill and highlight a stroke when editable. It's going to click okay. Now I'm going to go and get a color. I'm just going to use this pink color. And I'm going to click in the middle of these shapes to fill them. Now there wasn't anything in here. We already discovered that these were just black filled shapes, so there was no middle. But what the shape builder is doing is it's taking that inner path inside these black compound paths and it's making a shape out of them. It's making shapes where there weren't shapes if you like. Let's go back to the layers panel. You'll see now that we have a path that has been created by the shape builder tool that is the center of every one of these shapes. There's one for each one of the shapes. We know that this is in the arrangement that will work for our pattern. We'll select over everything object pattern, make. All we'll have to do this time is just adjust the size. Remember we took this up to 300 and I said that, I think that this was close enough to about 460. Let's just take it back to 460. Let's zoom out, just make sure that everything looks all right. See a few more copies of this. If we're happy with this, we can just click Done. Now the other thing you may want to do at this point is to add a background to your pattern. Let's go back to the pattern we just created. And let's turn on the tile edge so we can see where the tile edge is. Our pattern is 300 pixels by 460 pixels. That's what the tile is. We're going to create a rectangle that size. Let me just go and get a color to use though. I'm going to use a pale orange. At this stage, I'm going to click on the Rectangle tool, click here, and make a rectangle 300 pixels by 460. I'm just reading that from this pattern dialogue. Let's click, okay. We're going to move it behind everything with object arrange and then send to back. Then we're going to move it. Now I like to use the arrow keys for this. Just makes it a little bit easier because I'm not going to grab a circle by mistake. I'm just going to use the shift up arrow key and the shift down arrow key, shift left and right. At this point, I'm going to turn off the tile edge. And I'm just going to make sure that none of the circles here are cut off. There's no missing pieces. Let me show you what a missing piece is going to look like, if we can get it. Yeah, there we are. Here's what missing pieces look like. You want to make sure that you don't have any, that every single shape is fully visible. You may want to have a really good look in these areas. Just make sure that everything looks fine. Now, when I turn my tile edge back on, you'll see that my tile edge and my rectangle are actually offset from each other. They're not over the top. The rectangle is not exactly over the top of the tile edge. And it doesn't have to be. And in a lot of cases it shouldn't be, because if it is, you're going to see things cut off. Really happy with this, everything's looking just fine. I'm going to save this as a new pattern. I'm going to click save a copy. Because I opened up a pattern that didn't have a background. This time I wanted to have a background. I'll click. Okay. New pattern has been added to the Swatches panel. I'm done now, so I'm just going to click cancel. Let's see what we've got. Going to add a rectangle to the document. This is the original pattern. It is just black circles with no fills at all. If I turn my art boards back on again, you can see that the pattern, as it appears outside the artboard is hollow. There are no field shapes there. This is the next pattern. This was one with field shapes, but again no background. And this is the one with field shapes and a background. Now if you wanted this one to look like it wasn't a field shape, this is what you're going to do. You can simply recolor it. Let's go to recolor artwork. Let's close up this dialogue. Let's go to advanced options. We can make the pink and the orange the same color by simply dragging the pink onto the orange. Now you can see that they're slightly different tones of the same color, and that's because of this setting. What we're going to do is open up this little down pointing triangle. And we're going to choose exact. That makes the orange the exact same color. Everything that was pink, now this exact same color of orange. And we can click Okay. This is now another swatch in the swatches panel. We've got the original hollow design. We've got a design with filled shapes in the middle. We've got a design with filled shapes and a background. And now we've got a design with filled shapes, but the fill is exactly the same as the background. It looks like it doesn't have fills at all. There's a fair bit of mileage that you can get from just simple circular shapes drawn on a sheet of paper. This is an indication as to what can be done. 4. Pattern 2 Draw Trace and Color Flowers: For this next design, we're going to use some hand drawn flowers. And on the screen now is the image that I've already drawn. So let's go back to illustrate and we're going to create a brand new file. So I'm again going to use my 1,000 by 1,000 pixel document. I'm going to choose File and then place and go and choose my flowers image. Again, I'm just going to drag to create it inside this document. We're going to obviously need to vectorize this document. But before we do that, let me introduce you to my theory here. What I did was I just drew the outlines of the shape. I didn't bother coloring things in because it's easy enough to color things in inside illustrated by just using the Shape builder tool to join these shapes here into a single object that can then be colored. You don't need to go ahead and do the coloring, but what you will need to do is to trap the areas you want to be a different color. I want these flowers to potentially have inside a little center here that is a different color to the rest of the flower. I've made sure that all of these circles or these shapes here are actually complete shapes. There's no gaps into the rest of the flower. So you can see every one of these is a joined up shape. That's just going to make it easier to select and color later on. Let's go and get the image. We're going to image trace again. The default option is going to be black and white, which is just perfect for us. We may, however, want to adjust the trace, which we do by opening up the image trace panel. Again, opening up this advanced area. And I'm just going to increase my corners and paths and also increase my noise just to make sure that these are sort of smooth out shapes. I'm pretty happy with that. I'm just going to close the dialogue here. And I'm going to expand again. We'll go to the layers panel with window and then layers. Or you can just press F seven. You'll see that everything is inside a group. So we'll choose object and then ungroup. That should give us a whole series of paths. Now there are some empty paths here that are in actual fact elements here in the drawing of the white elements, which we're going to deal with in a minute. But you will want to come down to the very one at the end which is the background. And you will want to delete that because that's a white background that we don't need. I'm just going to close this for a minute and let's go and select the Shape Builder Tool. First of all, select over all the objects and come in here to the Shape Builder tool. Now with the Shape Builder tool, I'm going to make sure that I can color. I've got highlight fill and I've also got the ability here to pick colors from the color swatches. I'm saying a cursor swatch preview. This all means that I'm able to fill this with color. I'm going to the swatches, I'm going to start with black. For black, I'm going to fill in these areas. Now let me just zoom in so we can see everything a bit more clearly. As we're drawing with the shape builder tool, I'm going to make sure that I not only join the hollow bits here, but also join them to the surround, so I end up with a large filled shape. Now, this is going to be the center of the flower. Later on, this is going to be the flower. They're all the wrong colors, doesn't really matter. Let me show you this one up close. So we're going to drag to create this as a shape, but we're also going to drag over the outline edge to make sure that it's included in there. So that's why we didn't need to bother coloring things in because we can color with the shape builder tour much, much more quickly than we could color with pen on paper. And there's absolutely no necessity to do that. Again, I'm just making sure that for each of these flowers, I'm picking up all the shapes that make up the flower petals, but also picking up that outside edge. I'm just clicking and dragging to move the workspace or the artboard round. I'm just holding down the space bar that changes the cursor to the hand tool just makes it a bit easier for me to see where I'm going with this. You can pretty much see from your selection that you've got things correct because you should have just a single set of anchor points around the outside shape and a single set of anchor points around the inside center of the flower. If you make a mistake with this and fill the wrong area, just press control or command Z to back out one step and then you can go ahead and do it again. Okay. I've got everything there. I am going to fill the center of my flowers. And it doesn't matter really too much what color I use, But I am going to make sure that I select everything. Then I go and select everything over again. Go back to my Shape Builder tool and this time select a color for the fill. I'm going to zoom in and just click in the center of the flowers to make sure I have a colored filled shape. Now, we don't have to use the center of the flowers later on as a separate color. We can actually make them the background color. I'm going to show you how to do that, but for now, it's better that you give yourselves the options of having different colored centers by actually making them a different color. Let's have a look in the layers panel. See what we've got. We've got individual paths and compound parts. Again, compound parts are just pars that have a hole in the middle exactly as they should. But we'll do better with this particular pattern if we put things together. I'm going to select over the objects that make this flower. And I'm going to choose object and group at the same time. I'm going to learn this keyboard command control. And because I have to make a whole lot of flowers, it's just going to be a whole lot easier for me to just select over the pieces and press control and go on to the next one. The reason why we're making these flowers into a group shape is that they're going to be easier to move around in the pattern panel if we need to, because they're all going to be inside groups. When they're inside groups, they're going to travel as a group of objects, not as individual objects. I'm double checking in my Las panel to make sure that there are no orange objects left out that aren't inside a group. Everything's looking really good here. We're going to come back in the next video and actually make the pattern out of these objects. 5. Pattern 2 Make the Flower Pattern: You might have noticed that I've actually not done what I suggested that you do in the first set of videos in this course. And what I'd suggested to you previously was that you have an even number of rows and the same number of objects in each of those rows. Now, I haven't done that here. I've got three objects here, and then two, and then three, and then two. Now there are a couple of things that you could do here, and one of them is that you could use the loose objects to fill in objects that you don't like. For example, if you didn't like this shape, you could delete it and move this one down into its place. And if you didn't like this one, you could delete it, you could move this up. So it gives you a little bit of flexibility. If you decide that once you're inside Illustrator, you don't like some of the objects you've drawn, then you can just get rid of them. Still, leaving you with this four x four grid. Now, I'm just going to undo that, because there's also something else that you can do with an arrangement that looks like this. So I'm going to show you that first. So let's go and grab hold of everything and go to object pattern make. I'm going to turn off my art boards with view and then hide artboards. Just easier to see everything. I'm going to zoom out. So I'm going to zoom tool and I'm going to zoom out so I can see everything a little bit more clearly. I will also increase the number of elements that I see. Just makes it a little bit easier to see the final design. And you can see that I've got a few problems here. These things are running into each other, but I can choose something like brick by row or brick by column as we did previously. But we could use a different offset. So I'm going to set this to a one third offset. You can see that brick by column with a one third offset is actually using all of those objects that we had in that design. It's just a slightly different arrangement of objects. And the result is that we end up with a pattern that looks pretty good. Now what I'm going to do here though, is change this width and height, because again, the last thing that you want is widths and heights that are fractional numbers. And it's actually better if they are actually even numbers. I'm pretty happy with this. If I want to put a background on it, I can. Right now I'm going to click to show my tile edge. I'm going to add a rectangle here that is the same size as my pattern. Let's just click here. It's 818 for mine by 656, it's gone over the top of everything, which is why everything has disappeared. That's just fine. We'll go to object, arrange, and send it to the back so it's behind absolutely everything. It's also a really bad color to show the rest of our design on. So let's go and give it a different color. So I'm just going to give it a pink color. I'm actually going to use that pink color in a few minutes. Let's have a look here, and let's just move the rectangle into a position where we're not cutting off any of our designs. I'm just having a really good look here. I'm going to zoom in and just make sure that none of the edges of any of these flowers are being cut off by the placement of our rectangle. I think this one is here. I'm just going to nudge it across a little bit. I think everything's pretty good there. So I'll just click done. Now, let's go ahead and create a rectangle and fill it with the pattern that we just made. Now of course, with our pattern, we can go ahead now and make some color changes. I'm going to the Recolor Artwork Dialogue. Let's go to Advanced Options here. You can say that my black can be mapped. There's an arrow and there's a color spot here. If you didn't have one, you could just click to add the color spot. And just click to make sure that this is an arrow so you can recolor things. Now what I'm looking at is I'd like to just reverse these colors around. I'd like the orange bit to be black. Wherever the orange is, I want it to be black. Now, I'm going to drag this down. We're remapping orange onto black. Then whatever is black, I want to be a pink color. I'm going to drag my black up into my pink. Whatever was pink, I want to be orange. What I want to do is to set all of these two exact colors. They're not going to be shades of color, They're going to be exact. Now as soon as you choose one to be exact, all the others are exact. The only thing I'm not happy with right now is I think my orange is too bright. So let's go in to edit. Let's unlink the colors and let's go and tone down the orange. We could even beef up the pink a little bit. It's very easy. Once you've got your pattern in place to go ahead and recolor things, I'm just going to click Okay. Of course, that's going to give us our initial pattern as well as this recolored version. Now I also suggested initially I was adding centers to these flowers, so we would have an option of making them a different color. But what if we wanted these to be see through, if you like, so we could have the background color in the center of the flowers. Very easily done. Again, going back to the recolor artwork dialogue, going back into advanced options. In this case, what we want to do is to make the black the same orange as the background. So we're going to drag the black up to map it to the same orange. But again, it's not coming in as an exact match. So let's just go and ask for it to be an exact match. Now it looks like we've just got pink shapes on an orange background and we're actually seeing through the center of the flowers. That's not correct. The center of the flowers are actually individual shapes of their own. They just colored with the exact same color as the background. That's giving us three versions of this pattern. The original one, the colors that I planned to use all along, and then the colors where we've dropped the center of the flower out and we've just got the background coming through, looking like it's coming through the flower. In actual fact, these are separate shapes. 6. Pattern 2 Add Another Shape and Color: Before we leave this particular design, let's have a look at something that we can do that is going to need a little bit of mental gymnastics to get ahold of exactly what we're doing, but I think it is of value. What I want to do is I want to make a duplicate of these center shapes. I want to make it a little bit larger and behind this center shape, and I want it to have a different color. This is how we're going to do it. Firstly, we're going to grab over all of these objects. And if you remember, they were inside groups. Each one of these flowers was a group of its own. Well, we're going to ungroup them because it's just going to make life a little bit easier. Then we're going to choose one of these pink shapes, it doesn't matter which one you choose. And we're going to select all of the pink shapes by choosing Select and then same and fill color. Now every one of those pink shapes is selected, we're going to make a duplicate of it. So we're going to edit, copy, and then immediately choose Edit. Paste in place. Right now we've got pink shapes on top of identically shaped pink shapes. Let's make these a different color. Let's go to the Swatches panel, and for now we're just going to make them blue. Going to the layers panel, we've got all the blue shapes on top, but underneath we've got pink shapes that are the exact same size. Let's go and target one of these pink shapes. Now you can see that this is selected here. It's not the blue shape that's selected, it's the pink shape because I'm selecting it from the layers panel. That's going to be really important because otherwise it's going to be difficult to select that shape because it's identical size to the blue one and it's right behind it. Now let's go and select all the pink shapes. Select same fill color. You can see in the layers panel that the pink shapes are now selected. What we're going to do next is we're going to make them bigger and we're going to offset them a bit. Let's choose effect, distort, and transform, and then transform. And we're going to make them, for argument's sake, 120% bigger. We're also going to reflect them, maybe on the x and the y axis. You can do it randomly if you want to. All we're looking at is something different between the front shape and the back shape. You could even move them a little bit. So you could increase the horizontal and the vertical values to move them a little bit. Just whatever you need to see. Something a little bit different in these shapes, I'm going to actually take mine up a little bit bigger. I think I might get better value out of that. Once I'm happy with what I've got, I'm just going to click okay. Now, for the center of each flower, we've got two shapes. We're going to go back and group these because we're going to make a pattern out of them. We want them all to travel together. Again, I'm just selecting over everything. Control or command G. Now with this, you only have to select over the bits that make up the flower so you don't have to go all the way around it, provided you're picking up the middle of the flow and some of that edge. We already know that those flowers are single shapes, so you can just select that little bit of the object. Double check in the layers palette that everything is inside a group and you don't have anything that is left over any of these blue or pink or black shapes. Okay, let's go and make our pattern. Object pattern make. This is a refresher on this particular pattern, what we're going to do, let me just go and get my pattern options dialogue. We're going to choose a brick by row, I think. No brick by column for this one, a third offset. Let's see, nine by nine so we can just see what everything looks like. Let's zoom out a little bit. Let's turn off our art boards so we can see things more clearly. I'm going to bring down the size here or take it up. You can take it up or bring it down just so long as you're working with whole numbers and for preference even numbers. Now I'm going to add a background to this, but one thing I'm going to be 100% sure of is that the background is not any of these colors. It's not blue. It's not pink and it's not black. Let's go and get the color first. I don't have anything selected here, so I can just go and grab a color. I'm actually going to make it this gray color. Click on my Rectangle tool, click in my Document and create a rectangle that is this size 820 by 660, it's gone over the top of everything. We're just going to choose object, arrange, send, to back, to send it behind everything. And then we just have to move it. I'm just using the keyboard to move it. The up arrow key with the shift key just moves at ten pixels at a time. Just makes things a bit easier for lining things up. I'm going to check that nothing looks like it's cut off. Yes, I think this is slightly cut off. Let's just move it over a little bit, see if we can get a better result there. I think everything's looking good for me right now. Let's just click Done to drag out a rectangle so we can test our new pattern. The fill is targeted here. Let's go and fill it with our design. Now of course, we can go ahead and recolor the art. Let's go to the Recolor Artwork Dialogue. Let's click Advanced Options. I'm going straight into edit. And I'm going to start working on these colors. But I am going to unlink the harmony colors. I want to find this black, because I'd like that to be pink. Now you can see that that's not working for me. Wherever I take it, it's not pink yet. Well, let's just go down and adjust the brightness of it and the hue. Now we should be able to get some control over it. Now, I want the background gray to be orange. Let's take that out into the orange area. I want this pink to be white. What I'm going to do is reduce the saturation and increase the brightness. The pink has now become white. For the blue, I want it to be black. So I'm going to click on it. And for that, I want the brightness to be zero and that will take it to black. Now I just need to work around these colors for the flower and the background, because I'm not really happy with those. Let's just increase the saturation, maybe increase the brightness to just lighten this up a little bit. You can choose these colors from the color selector here, or you can just use the hue saturation brightness option. You can also choose RGB, so you can adjust it, red, green, and blue, just whatever makes best sense to you. You can use, when you're happy with what you've got, just click okay and you can continue to work on this. But as you can see, we've been able to build a third color into our design, again with a very hand drawn look done by just duplicating those shapes, enlarging them, arranging it layerwise. The smaller of the object is on top and the larger of the objects is behind. 7. Pattern 3 Make a Template for Overlapping Shapes: For this pattern, we've got a whole lot of overlapping elements. While it might look like it's fairly simple to create, in actual fact, it is a little bit more problematic. The reason for this is that there's not a lot of room for maneuvering in a pattern like this. You can see that this point just appears inside this shape here. And there's not a lot of left right movement that we can have here. We need to be fairly accurate in something that is even just a hand drawn pattern. We need to make sure that things are going to line up reasonably well. The other thing that I've discovered is that when I draw these shapes on a sheet of paper, even though they look relatively good on a sheet of paper, by the time they get to the computer, they look much thicker than they were on paper. So I'm going to opt for thinner lines rather than thicker ones because I know I'll get better results. So let's see how I actually created this pattern. And to do that I'm starting an illustrator. And I'm starting with a print document. So I'm going to file new, I'm going to print documents. I'm going to make mine letter and landscape orientation. If you're in a country that uses a four, just use a four. It's not the paper size that matters. It's what we're about to do here. So we're going to mock up this design. So I'm going to the rectangle tool. I'm going to have a white fill and a black stroke. And the black stroke is going to be this element here, so it's fairly thick. This one I'm going to use about a seven point stroke. Just going to hold the shift key as I create a rectangle. I'm going to rotate this by holding the shift key so that I rotate at 45 degrees. Now I don't want the bottom two lines here. I'm going to select over them. Just select over that anchor point with the direct selection tool and press Delete, and those two lines disappear. Now you'll see that the bounding box is still looking like a rectangle. We were just going to choose object transform and reset bounding box. Now the bounding box more accurately describes the shape that we've got here. Now just be aware that this shape does have a white fill. That's going to be really important, so you want to make sure you have a white fill at this stage. I'm just looking for the angle that I want here. I think that's a pretty good angle for me. I'm going to select this shape, hold the Lt or Option key down, and drag a duplicate away. This is going to be the inside line and I'm going to reduce its thickness quite a bit. I'm just going to place it where I think it will go. I'm thinking that this is sort of the basis for my pattern, but before I do anything, we're going to test it. I'm going to select over these two shapes and choose object pattern, make. Because there's no point in drawing these shapes if the whole thing is not going to work. Ultimately, I'm going to have more shapes than this, but I am going to use brick by row, and I'm going to use a half offset to start bringing in the side. So these shapes are overlapping. And you can see they're overlapping here. That's good. I'm going to bring down the height now. Right now, those white backgrounds are making sure that this shape is going over the top of itself in the wrong way. But I'm just going to click here to make it go in the correct way. Let's go back to reducing a height. And we're going to reduce the height by quite a lot. And ultimately we're going to have these as hand drawn shapes. They're going to be a few of them. But right now, I'm looking at the balance between these shapes. And what I'm thinking is that this gap is way too big. It didn't look too big in the starting shapes, but right now it's larger than I want it to be. I'm going to select this shape and I'm just going to move it up a bit. I'm just going to have a look at the result on my pattern. Now I'm thinking, now I could reduce the height a little bit as well. This is looking like an attractive pattern to me. I can increase the number of repeats I'm seeing on the screen just to see what it looks like. Now, if I'm happy with that, I need to be aware of something. The shape that I have here, if I just click done, we've made it into a pattern, is not this shape. They're not the same thing. Because what Illustrator does is when you come out of the pattern make tool, it just gives you back what you started off with, but not the edits that you've made. Let's go back into this pattern by just double clicking on it. Let's select over It, because this is actually my new shape. I'm going to choose Edit and then Copy. I'll click Done. I'll click here and choose Edit, Paste. These are in actual fact, the shapes that are in use in this pattern, not these. I'm going to get rid of those with these. I'm just going to start lining them up on the sheet of paper. I'm going to make some copies of them. Now. I've got everything selected here. I'm going to hold the shift key. I'm constraining the proportions of this as I'm just sizing it down. I'm going to grab a second copy, Alt, drag this away, and I'm going to Alt, drag a few copies, however many copies I want for my ultimate design. Now I'm just going to use five. That's a reasonably good collection of objects. If you want more, you can do more. Now we're going to print this, and we're going to draw over the top of it. And drawing over the top of black lines is not a really good idea. Let's select this and let's reduce its opacity down. What I'm going to do is reduce its opacity to a low level ultimately because we're going to use black pen over this. What's going to happen is we're not even going to see the gray. And so you can just ignore the gray that's using this as a sort of template. The spacing of these doesn't matter because we're going to arrange them differently ultimately. Anyway, I will go ahead and print this with just file and print. Once it's printed, I'm going to go ahead and draw over these lines. I'm probably just going to draw a really thin rectangle here with a hollow center that I can fill in. But this is going to be just a pen line. I'm using just a regular felt tip pen, fairly thin. Once I've done that, photographed it, brought it back to my computer. We'll go ahead in the next video, open it in Illustrator and create our pattern from it. 8. Pattern 3 Trace Color and Make the Overlapping Shapes Pattern: Having printed this template, I've drawn over it. I took a photograph of the drawing and I have e mailed it to this computer. The document has now been saved onto my computer, so I'm ready to continue to work with it. So I'm going to create a brand new document for my pattern. It's 1,000 pixels by 1,000 pixels and it is RGB color. I'm going to bring in my, my photographed image with file place. Here it is. I'm just going to drag it into the document. I already did a little bit of cropping on this on my phone. Now you'll see that I drew in and filled in this shape here because it went a bit haywire as I was drawing it. But there is no need to actually do that. We're going to fill them with the Shape Builder tool, select this and go to the image trace option. We're tracing it to the default black and white. If you want to make some adjustments, you can click on the Image trace panel option here. So that you could make adjustments such as increasing paths and corners a little bit and increasing noise that can often help things to look a little bit better. I'm going to close this dialogue and go ahead and expand this into the shapes in the layers panel. We have a group, so we're going to select the group and choose Object and then ungroup. At the bottom of the layers panel is this compound path that is the white background. So we're going to select that and delete it. Now thinking ahead to how we're going to use this design, it might be useful to be able to make these thinner lines one color and the thicker lines another color. If we're going to do that, we're going to pre prepare that before using the shape builder tool. I'm just going to select over these top shapes because they're the ones I actually want to create. Just going to make sure that I get all the white shapes as well as the black outlines. Now I'm going to the fill color and I'm going to make it a different color, so I'm going to make it a light gray. We'll zoom in here so that we can see to join everything together with the Shape Builder tool. Going through with the Shape Builder tool, I want to make these into a single shape. You see right now, they're the filled white shape as well as the filled outline. But we want to make them just a single shape. It's just going to make life a bit easier. Make sure you do it on both sides. This shape actually had two pieces of white in it originally. Let's drag over this. Of course, if you make a mistake, you're just going to undo it and start again. This one is perfect. Let's just zoom back out. One of the issues we're going to have with this design is if you remember when we created this one that it had fills behind it. Now this one doesn't have fills behind it. So what we're going to need to do is to put those fills in. I'm going to zoom in a little bit and I'm going to the penal. I'm going to select a different color to work with, so I want the fill color here to be some different color. I'm going to start drawing, so I'm going to click here and I'm just drawing inside this gray field shape. I'm going to move down and across and up. This shape later on is going to allow us to line everything up in our pattern. But at the moment it's over the top of this gray line. And obviously over the top of this one, I'm just going to move it behind everything with object, arrange, send to back. Now I'm just going to pick up this shape, drag a duplicate away, and just pop it behind this one. Because there's a pretty good chance that it's going to fit perfectly behind every single one of these if it doesn't just adjust its shape, but should fit pretty well for you. Now I've got my literal shapes. If we want to do this as a black and white pattern, it's really easy to do. If we want to do it as a multicolor pattern, it's also very easy to do. We will need to group these by selecting over them and pressing control or command G. Or you can do it from the menu if you prefer, by choosing Object and then group. Now that we've got our group shapes, we can arrange then. So I'm going to drag the second shape over the first and just position it where I think it needs to be. And then I'll do it with the other shapes as well. Once I've got them into the approximate position, I'm going to select over all of the shapes. Now remembering they're in groups, they're going to behave as groups. I'm just going to line them up at the top. I'm also going to choose this option which is horizontal distribute center. They're going to be spaced evenly apart. Let's see how they go now, making our pattern. I'm selecting over them, choosing object pattern. And then click Okay. In the Pattern options dialogue, we're going to select a brick by row and we're going to do a half offset, because that work perfectly last time. We're going to bring in the width. I'm just holding the shift key as I tap the down arrow key to move ten pixels at a time, the overlap here is wrong. You can see it's incorrect. So we're going to try a different horizontal overlap. And that's telling me that I've bought these too close to each other. So let's just take them out a little bit. Just making sure that I use a even number here. I'm thinking 424 will probably work for me. Now, we need to reduce the height, so I'm going to here and again shift down arrow to reduce the height. But you can see that the layering is all wrong here. And this is going to change the layering, the overlap. So let's make it the right way so we can see what we're doing as we're reducing this height. Let's turn on some more repeats, so we can see a little bit better what the design is looking like. We can zoom in. I'm pretty happy with this. It's looking pretty well arranged for me. I'm just going to click Done. I'm going to select over my shapes. Move them out of the way. Let's create a rectangle that is the 1,000 by 1,000 pixels of this document. I'm going to line it up to the document now we'll fill it with our pattern. Now that we've got our pattern, we can recolor it. So let's start with the black and white version. I'm going to recolor Artwork. I'm going to click on Advanced Options, and then we'll deal with the colors. What I want is for the grayer areas to be black. So I'm going to drag the gray onto the black and set that to exact. Now I've got black where I had gray. And if I want the background to be white, then I can just double click here and set my background to white, which is 255-25-5255 in the red, green, and blue channels. I'll click Okay. And then. Okay. And this is now a new pattern in the swatches panel. So we have the original pattern and we've got the new colored version. Now I'm going back to this one, that's three colors because I want to change the colors of it. I'm going back into the recolor artwork dialogue, into advanced options. Every one of these colors can be remapped. They've all got arrows, and they've all got a color here that's really important. Before we go into the edit option, I'm going to unlink my harmony colors so that these colors can all be changed individually. This is the black here. If we want to make it some other color, you can see that moving it around has no effect on it. What we're going to do is increase the brightness. I've got hue saturation brightness here. But you could have other settings. You could use RGB if you wanted to. Let me just increase the saturation. So now we can drag this around to get a different color for our lines. When you get a color combination that you like, click Okay, so that you can save it. And now of course, you can go back and create a different color combination. But you will want to save the ones that you like, because they're going to be difficult to get back to if you don't save them. Here I'm just using the color relationship that I had previously and seeing if I can find something interest where the colors are staying in that same spatial relationship to each other. Not really happy with that. I'm going to change my colors individually. When I find something I like Click. Okay. And of course, all these swatches are going to be lined up in the swatches panel. Every single pattern we've made and every single recoloring of those patterns is saved as a pattern in this file. Of course, as with all of your patent files, you want to save this file. So you save your patterns so that they would be accessible in the future. 9. Pattern 4 Plan the shapes: Let's look now at some planning for a design. What I want to do is to create a pattern that looks something like this. So obviously, there's going to be other elements all around it, but I'm thinking that this is the basic design that I want. Now I'm going to let you into a secret here. There's way more than we actually need and we're going to see why. And then we're going to see how to pare it down. And I suggest that you start any design like this where you want some things to overlap just in a hand drawn image so that you can work out what exactly you need and what you don't need. I'm going to select everything with the selection tool. Just grab everything. Let's turn off our artboard so that we've got a nice clear background. And let's choose object, and then pattern. And Meg, I'm going to zoom out a little bit. What we're going to do with this pattern is to use the brick by column because that's going to offset these pieces. What I need to do is to close up this gap here and this one here a little bit. You can already see that there's going to be a problem because I've got two flowers where I only need one. Let's just deal with the height. I'm going to close that up a little bit. Looks pretty awful. Now let's have a look at the width. And again, I'm holding the shift key and the arrow key just to close up this area. I think that my height is not really great. All you want is a rough idea of where the problems are. There are quite a lot of problems in this particular design. Now we're going to the direct selection tool, which is going to allow me to select various elements here in the design. I'm going to get rid of the excess. There's excess here. You can say that I've got too many flowers here. So I'm going to click on one that I can select and remove it. Now I'm going to have a look here and remove this one. We'll also have a look down here. And I can remove one from down here. There's another one that can go here too, but I can't select over it. So let's go and see if it comes from somewhere else. Now you can see that there's a problem here. These two are supposed to be on top of each other. So are these two. We've obviously got some excess flowers here. Now looking at it, we're going to have a flower at this intersection. One here, one here, one here. It looks like we're right for flowers, but we're certainly not right for lines. We've got way, way too many lines. I think I can probably just close this up a little bit more. So it might be a little bit easier for you to see where the issues are. Now I'm going to have a look at removing lines. Up here you can see we've got two lines, we only need one. So I'm going to select over that line using, again, this direct selection tool, because that will allow me to select this line. Just click a couple of times to remove it. Now we've got that one solved. Let's have a look over here. We've got too many lines. Let's select and remove the one we don't need here. Same problem down here. We've got a problem as well. Now, in removing all of those excess objects, we've got a pattern. It doesn't look very good, but its purpose was never to look good. Its purpose was to show us just what we need to make a pattern like this. We don't go overboard and create too much. I'm going to select everything with Select and then All. And I'll choose Edit, and then Copy. I'm going to click Done, so that I can actually create my pattern. And then I'll press control or command V or choose edit, and then paste to paste my shape in. Now I'm finding that recently I'm having a lot of trouble actually grabbing things from inside a pattern. I don't know what it is with Illustrator, but if that happens to you, just go back in and do it a second time to see if you can get the pieces that you need. Now we're having a look at the actual pieces that we need to make a pattern. And you can see it's a lot simpler than what we thought we needed. Now we can go ahead and create some sort of a template for designing this pattern. Print it out, hand draw it, and then turn it into a pattern in Illustrator. And that's what we're going to do in the next video. 10. Pattern 4 Make the template: We now have a pretty good idea what our pattern piece needs to look like. It needs to look more like this than like this. We could go ahead and make a template at this stage. But let's take this just one step further, because you may want to create something that has more hand drawn elements than this. Let's have a look at this. And this is basically the same design, just expanded a little bit. There are more flowers, there are more lines, but the principle is the same. You can see here that we don't have any of these lines out here, and we don't have any flowers around the edges. That's what we removed. We removed these flowers around the edges and these lines. That's exactly what I've done here. I've removed the flowers from around the edges. And these lines, let's just prove to ourselves that this also would make a pattern. Because if that does make a pattern, then we could create this as the template. So choose object pattern, make. You'll notice that I've got my art boards hidden at this stage. I'm going to choose brick by column. I'm going to bring the sides in quite a ways. I'm decreasing the width. And then I'm just going to adjust the height. Although things aren't lining up and they're not going to line up because it was just a drawing. It obviously, this line that is in the wrong angle, everything else is looking really good. There's just a single line in each place and there is a flower over every single intersection. If we could create a basic pattern that looks pretty much like the one that we just used, then that template would allow us to create a hand drawn design. I'm just going to click done for this. So this is the kind of layout we need for our design. So let's go and create a brand new document. This is going to be printed, so let's choose file and then new. Now in this case, I'm going to create a print document, and I want to use letter size because that's what my printer is going to print on. If you use a four in your country, then choose a four. I'll click Create. Now we need to create those rectangles. I'm going to click in the document, I'm going to create a rectangle that's 50 points by 50 points. That's just a pretty good size for this particular design. I'm going to rotate it around holding the shift key so that it is rotating 45 degrees. Now at the moment it has a fill on it, which is just fine, but I do not want these lines. I'm just going to the Direct selection tool and I'm going to select over these two edges here and press Delete. Now I have a shape I can use. I'm just going to drag a duplicate away. Now I'm going to select both shapes and Alt, drag a duplicate away. I'm going to continue to do this until I build up the shape that I'm looking for. Let's just compare it with what we had here. We've got a grid of three by three squares on an angle. And then all the outside edges are just the out pointing lines, but none of the completed rectangle. Well, here I have a grid three by three, and I've just got out pointing lines, None of the edges are complete. Now, we need a flower shape. I'm going to select the ellipse tool. I'm just going to drag out an ellipse. I'm going to fill it with black, and I'm going to remove the stroke from it. We can turn the ellipse into a flower using pucker and bloat. I'll choose effect, distort and transform, And then pucker and bloat. We've got preview turned on, so I'm just going to adjust this towards the bloat area. Now I have a small flower. I'll click okay. I'll choose Object, Expand Appearance. So this is now a flower shape. I'm just going to size it down, holding the shift key to reduce its size in proportion. And I'm going to place a flower at the intersection of every single one of these lines. Now I am going to rotate it around a little bit so that it is in a more interesting rotation. These are the flowers that I'm going to draw. Now that I've got my first four flowers in position, I'm going to select over all of them and all drag duplicates away. That's a good basic template I'm going to select over everything. I'm going to decrease the opacity because again we want the lines to be just very gray scale so that they're not going to show up when we trace our drawing. Now that I've created this, I'm going to print it. I'm going to draw my shapes. I'm going to photograph it. I'm going to send it to my computer and we'll open it up in Illustrator and continue with our pattern in the next video. 11. Pattern 4 Make the pattern: I've now printed out this template. I've inked it, I've taken a photograph of it, and I've uploaded it to my computer. We're ready to progress with it. So I'm going to create a brand new document with file and then my documents, 1,000 pixels by 1,000 pixels. I'll click, I'm going to bring in my drawing with file and then place. This is the drawing. I'll click Place. And I'm just going to drag into my document now. You'll see that this time I did ink my flowers in solid ink, but you could do as we have done previously and fill them with the Shape Builder tool. You'll see I've got a piece here that I will need to remove. Let's start by tracing it. So I'm going to image trace. I'm going to open my image trace panel again, using these advanced options, I'm going to increase my paths and corners and slightly increase the noise. I'm pretty happy with that. I'll just close this dialogue and I'll go ahead and expand it. We'll go to the layers palette. Again, you can get to that by choosing window and then layers. Let's just open it up. We're obviously going to have a group with all these elements in it. So the first thing I'm going to do is break everything out of the group with object and then ungroup. Now this little piece up here I want to pick up, but I also want to pick up the background. The background white is always, again, going to be at the very bottom of the layers panel. You can just go and select it and press the delete key. This is this piece up here, so I'm just going to select it and remove it. These bits are all the spaces in here. I'm just going to grab all of them. I don't need to actually select them. If I'm working in the layers panel, I can just select the layers here, but not have them selected in these little icons here. And just drag them onto the trash can and that just gets rid of all of them. Basically we're left with a single compound path. My worry with this is it's probably not straight. Let's go and deal with that. I'm going to target the rectangle tool. I'm going to add a red stroke to this shape. I'm going to increase the stroke to about three points. And then I'm just going to drag it over what should be square so I can get an idea as to how far I am out. And I am out a little bit here in the last panel, I'm going to lock this rectangle down because I don't want it to move. I don't want it to get in the way as I'm working on it. I'm going to select over my shape. And I'm going here to what's called the free transform tool. I'm going to target that now with the free transform tool we can drag on this corner. You'll see that when I hover over the corner, I get this really funny shape, sort of cursor if I click and drag, but add the control key or the command key on a Mac. As I do it can actually just adjust this corner. I'm just going to do that. I'm going to do that here as well. Click and drag. Holding the control key, because I'm on a PC, would be the command key on a Mac. Let's just see if we're straightened it out. I think this bottom corner needs to be done a little bit. This one needs to be brought in and this one needs to be brought out again. Let's target it. Go to the free transform tool. Let's look at these corners, making sure I'm holding the command key, or the control key as I'm working now. This doesn't have to be exactly perfect, but it will need to be relatively square. I'm pretty happy with that. So I'm just going to unlock that rectangle. I'll select it and delete it. Now I'm going to take this shape because it is all one shape and I'm going to rotate it. I'm holding down the shift key as I rotate it around, it looks the way that I'm used to this pattern piece. Let's hide the artboard by choosing view and hide artboards. We'll select over this shape and make a pattern out of it with object pattern. And then we already know we need to choose brick by column. And then I'm going to start bringing in the width until everything intersects nicely. You'll probably want to select to see nine by nine so that you can see things really clearly. Just gone the wrong way with my zoom tool, let me just get it back. You want to check that everything is looking pretty okay? I'm going to just decrease the height because I do want it to be a round number and I want it to be an even number. If something is not stretching far enough, you can select it. Let me just press control or command A so that we can see where our piece is here. This is selectable. You could come in here with the direct selection tool and you could drag on an element. I'm actually just going to dim my copies right now. If something didn't meet up exactly, you could select over the end. Here you can see that some of these nodes around the end are selected but the rest are not. And then you can just move them. I'm actually. Just going to move them down so you could see that you could extend this if it was not quite long enough to join up. But given that we pre prepared this template, it should be pretty accurate. I'm just going to undo that. I'll turn off my dim copies so that I can see my design. I'm pretty happy with that. I'll click done. Now, you might have noticed that that design was fairly thick. It is also possible to thin it down a bit. Let's open up the Swatches panel. Let's go and target the pattern we just made. Once it's targeted, we're able to drop it onto the plus sign here to create a duplicate of it. I've still got my original pattern. I just want to make a thinner version. I'm going to double click on this pattern. I'm going to show my tire lurch, so I can see where I'm working. And press control or command A just to select everything. You could also select all. Now there's a method for making things smaller. For this, you'll use the Effect menu, Click on Effect, and then Path. And then choose Offset Path. Here you can see that offsetting the path ten pixels enlarges everything. You can see things have got really, really thick. Well, we can go in a negative direction, so I'm just going to start going down. And you can see now we're getting smaller shapes. You probably don't want to go too small because you're going to lose some of the quality of what you have here. But I'm thinking about minus three would be pretty good for this design. I'll click Okay. If I'm happy with that design, I'll click Done, because we're working on a duplicate now. Right now, this is telling us that the pattern contains active content. I'm just going to click cancel at this stage. Let's go and select everything because I use that offset path. You'll see in the appearance panel that we actually have an offset path attached to this shape. What I can do is expand this with object and then expand appearance that bakes that offset path into this shape. Now if I click Done to complete my pattern, I won't get that error message. Let's see what we've got here. This is going to drag out a rectangle, and this is one of my patterns. This is the thinner version and here is the thicker version of it. We've been able to create two versions of this pattern, basically from the same hand drawing. Of course, if we wanted a thicker version, then we could create that as well. Let me just click away from here. Let's take the original onto the plus sign. Let's go and double click on it. Let's select everything we select All will go to effect path, offset path. This time I'm going to offset it, say by about seven. That's thickened it up quite a bit. I'll click okay. And we'll go back and expand it with object expand appearance. Then we'll just click Done. Now we have three versions of our pattern. The very thick version, the original version, and then a thinner version. Of course, these patterns can be recolored by selecting on them. Go to the Recolor Artwork tool, click Advanced Options, You'll click the arrow here. Make sure that you have a color selector and also that you've got your arrow. I'm going to just start with a color, let's brighten it up, increase the saturation, and then adjust the hue. I'm just trying to pick up that color. There we are. And then of course, we can go to the edit tool and just choose the color that we want to work with. Now this design is going to work really well with a single color. It's going to fail if you want to create two different colors. If you want your grid to be one color and your flowers to be another color, because you are going to have overlap issues. If you wanted to do that, you would be drawing the flowers on one sheet of paper and the grid on another. You'd need to trace each of them, layer them, and then you'll probably need where the overlaps are going to fail. You'll need to shorten the grid so that it comes alongside the edge of the flour. So just a heads up for that. It's going to be quite a bit trickier if you want to make that a two color pattern, but certainly works very simply with a one color design. 12. Pattern 4 in Multiple Colors: If you're interested in seeing how a two or multicolored version of this design would work, let's have a look and see how it could be done. What I've done is I've taken the grid here and I've pulled the flowers out as a group separately. The flowers still have the same spatial relationship to the grid, so if we picked up all these flowers, they would position themselves in the exact correct place over the grid, And that's pretty important. I printed that out, I inked it, I photographed it, I bought it back into illustrator. I traced it all the things that we've been doing all along, and then I used the shape builder tool to fill it. Let's have a look and see the result. I've also put the flowers over the top of the grid, so I just move them over the top. In this case, what I have done is I have created a grid in black. The flowers have a black surround around them, and then the petals and the center of the flower are colored with different colors of gray. Now, this is going to be the easier way of doing this, is to make sure that the grid and the outside of the flowers are going to be the same color. If they're going to be separate colors, then it's going to be even more complex to do The next step, we're going to make a pattern out of this. I'm going to select over everything with the selection tool, choose object, pattern, make. Again, we're going to use our brick by column. I'm going to bring my pieces in and then just adjust the height as well because we want that to be a round number and a whole number. If I dim my copies to 50% it's going to be pretty apparent what the issue is. You can see here that these lines are going to go over the top of the flowers. They're going to go over the top. Down here too here. But they will be all right on this line here. We're just going to experiment with various overlaps that are going to change that positioning and see how good a result we can get. Well, this is pretty near as good as we're going to get. We've got everything working perfectly along here and along here, there's overlaps here, and that's unavoidable. And everything along here is looking pretty good. I just think that if I changed my height and my width a little bit, I would close up the gaps that I'm seeing here. I think that's a better result. Everything's looking clean along here. It's a disaster along here, but the other sides are okay. Let's see what we can do. If we were to look in the last pallet, we would see that the grid is a single shape. And then the flowers are an individual set of shapes, but they're all inside groups. So what I'm going to do is zoom into the area I need to work in. I'm going to the direct selection tool. Because this is a shape I can just select over the edges of it and I can start pulling these pieces in. It's also possible to go and get the minus anchor point tool and just remove some of those anchor points. That might be the easiest way of doing it is select and remove some and then just draw these back in. As I mentioned, it's going to be a whole lot easier if your grid and the outside of your flowers are going to be the same color. Because then you don't have to worry about getting the intersection of these two shapes perfect because they're ultimately going to be the exact same color. That's why I think it's an easier way of working. Let me make sure I've got my direct selection tool selected to come over here. And I'm just going to get rid of those anchors again. Because I just think that that's probably the simplest and quickest way of pulling these shapes back back out. And I'm going to turn off my dim copies because that's going to give me a look at this design. Obviously what I'm looking for is any point at which the lines go over the flowers. But that's not going to be the case because I only had four lines that I had to fix and I have fixed them. Everything's pretty good. Now, I'm just going to click on now that's saved the pattern to the swatches panel over here. Let's just go and test it. Just going to turn my art boards off because I just think it might be easier for a minute. Let's drag out a rectangle and go and fill it with our new pattern. We can recolor the artwork by clicking on the recolor artwork Dialogue, and go to Advanced Options. Every one of these colors is adjustable. That's just fine. We can go straight into edit and start pulling our colors out. I'm just unlinking the colors so we can see what it is that we've got. This one here is the black color. I'm just going to increase the brightness on that now we can get access to that actual color. This is the center of the flowers here. This is the petals. You can adjust the colors on the color wheel here, or you can adjust them here using the HSB, hue saturation and brightness options. Just select your color first and then adjust the hue saturation and brightness. If you prefer to work in RG B, then select RGB from this drop down list. When you're happy with your color scheme, click okay. If you want to recolor the pattern again, then use this one as the starting point because it's just going to be easier to do. So this color isn't actually doing anything in the design, so we can just ignore it. We can rescale our object by choosing object transform scale. I'm going to turn off transforming the objects. I just want to transform my pattern. I'm going to bring my pattern down to 50% so we can see it a little bit more clearly. This is the pattern. We also have the original pattern. And we've got the first recolor and the second recolor as I said, provided you're happy with the outsides of the flowers being the same color as the grid, then everything's going to be a lot easier to create. If you do want the grid to be a different color than inside the pattern dialogue, you're going to have to do a lot more work on the grid to keep it away from the flowers so it doesn't look like it's overlapping the flowers. But I hope that helps you see the possibilities for creating multi colored versions of your designs. 13. Project and Wrapup for Hand Drawn Patterns in Adobe Illustrator: We've now completed the video training portion of this course, so it's over to you. Your project for this class is to create one or more of these hand drawn patterns in Adobe Illustrator. Post an image of your completed design as your class project. Feel free to download and use my drawings or you can create your own. I hope that you've enjoyed this course and that you've learned lots about turning hand drawn sketches into patterns in Adobe Illustrator. Now if you did enjoy this course, please click the reviews link to leave a review for the class. Even just answering if your expectations about the class were met is helpful. Writing a few extra words is even better. Now if you see the follow link on the screen, click it and you'll be alerted when new classes are released. If you need to leave me a comment or a question, click the discussions link. To do that, I read and respond to all of your questions and comments and I look at and review all of your class projects. I'm Helen Bradley. Thank you for joining me for this episode of graphic design for lunch, and I'll look forward to seeing you in another class here on Skillshare soon.