Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns | Helen Bradley | Skillshare

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (17m)
    • 1. Illustrator for Lunch™ - Diamond, Harlequin and Argyle Patterns - Introduction

      1:09
    • 2. Illustrator for Lunch™ - Pt 1 - Basic Diamond Pattern

      5:00
    • 3. Illustrator for Lunch™ - Pt 2 - Harlequin Pattern

      4:12
    • 4. Illustrator for Lunch™ - Pt 3 - Argyle Pattern

      6:33

About This Class

Illustrator 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 make a series of patterns based on a single diamond shape - a diamond pattern, a harlequin pattern and an argyle pattern. The process can be completed using any version of Illustrator. This is a sample of the argyle pattern we will make:

70907728

More in this series:

4 Illustrator Shading Techniques - An Illustrator for Lunch™ class - Simple Highlights & Shadows

5 Hexagon Patterns in Illustrator - an Illustrator for Lunch? course

Create Color Schemes in Illustrator for Using, Sharing & Selling - An Illustrator for Lunch? Class

Create Patterns in Adobe Capture for Illustrator & Photoshop

Create Wreaths & Other Floral Designs - An Illustrator for Lunch™ Class

Designing with Spirals - An Illustrator for Lunch™ Class

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

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

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

Illustrator for Lunch? - 10 Interface and Setup tips too Speed your Workflow

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less 

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) 

Illustrator for Lunch™ - 10 in 10 - Ten Top Illustrator Tips in 10 Minutes 

Illustrator for Lunch™ - 10 Layer Tips in 10 minutes

Illustrator for Lunch™ - 10 Pattern tips in 10 Minutes 

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less 

Illustrator for Lunch™ - 20 Appearance Panel Tips in 20 minutes or less

Illustrator for Lunch™ - 20 Color tips in 20 Minutes

Illustrator for Lunch™ - 20 Gradient tips in 20 minutes

Illustrator for Lunch™ - 20 Pathfinder, Crop and Cutout tips in 20 minutes or less

Illustrator for Lunch™ - 20 Recolor Artwork tips in (around) 20 minutes

Illustrator for Lunch™ - 20 Reflect and Rotate tips in 20 minutes or less

Illustrator for Lunch™ - 20 Things New Illustrator Users Need to Know

Illustrator for Lunch™ - 3D Extrusion Effects - Text, Shapes, 3D

Illustrator for Lunch™ - 3D Perspective Cube design and Bonus 3D star

Illustrator for Lunch™ - 4 Exotic Patterns - Quatrefoils, Moroccan Trellis, and Layered Diamond 

Illustrator for Lunch™ - 4 Handy Patterns - Diagonals, Plaid, Colorful Dots, Chevron

Illustrator for Lunch™ - 5 Cool Text Effects

Illustrator for Lunch™ - Abstract Ombre Background - Color Scheme, Blend, Transform 

Illustrator for Lunch™ - All you need to know about Brushes in Illustrator

Illustrator for Lunch™ - Backgrounds for your projects - Sunbursts, Halftone, Blends & Brushes 

Illustrator for Lunch™ - Banner and Award Badges - Appearance Panel, Masks, Warp 

Illustrator for Lunch™ - Blends and Gradients - Blends, Blend Modes, Gradients 

Illustrator for Lunch™ - Braids, Rick Rack and More

Illustrator for Lunch™ - Circle Based Patterns - Rotate, Blend, Multi-Color Dots

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Illustrator for Lunch™ - Complex Block and Half Drop Repeat patterns

Illustrator for Lunch™ - Complex Rotated Repeating Patterns Made Easy - Using MadPattern templates 

Illustrator for Lunch™ - Create a Floral Alphabet character

Illustrator for Lunch™ - Create a Nighttime Cityscape Image

Illustrator for Lunch™ - Create a Plaid or Tartan Pattern

Illustrator for Lunch™ - Create a Range of Triangle Patterns

Illustrator for Lunch™ - Create a Retro Landscape Illustration

Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns 

Illustrator for Lunch™ - Create a Wave Pattern 

Illustrator for Lunch™ - Create a Whimsical Tree

Illustrator for Lunch™ - Create an Ikat Inspired Pattern

Illustrator for Lunch™ - Create an Isometric Cube Pattern - Shape Builder, Align, Pattern Make

Illustrator for Lunch™ - Create Complex Art in the Appearance Panel

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Illustrator for Lunch™ - Create Guilloche Effects

Illustrator for Lunch™ - Create Hi-Tech HUD rings

Illustrator for Lunch™ - Create Perfectly Overlapped Rotated Shapes

Illustrator for Lunch™ - Create Seasonal Ornaments - Learn new skills while making seasonal art

Illustrator for Lunch™ - Create Stitches and Sewing Elements

Illustrator for Lunch™ - Create with bends and blends - techniques for icons, logos and more

Illustrator for Lunch™ - Creative Half tone Effects

Illustrator for Lunch™ - Custom Corner Tiles for Pattern Brushes

Illustrator for Lunch™ - Cute Furry Creatures

Illustrator for Lunch™ - Cutout Text Effects - Photos, Pathfinder & Text

Illustrator for Lunch™ - Designing with Symmetry

Illustrator for Lunch™ - Doodle-Style Heart - DIY Brushes and Nested Shapes

Illustrator for Lunch™ - Draw a Retro TV - Shapes, Texture & Sunburst

Illustrator for Lunch™ - Draw a Vintage Birdcage - Shapes, Transform, Texture

Illustrator for Lunch™ - Faux Tissue Paper Collage - Blending, Texture, Transparency 

Illustrator for Lunch™ - Flat and Dimensional drawing techniques

Illustrator for Lunch™ - Fun Effects with Graphic Styles - Appearances, Brushes, Styles 

Illustrator for Lunch™ - Fun with Scripts - Download, Install, Run

Illustrator for Lunch™ - Get Creative with Blends and Brushes

Illustrator for Lunch™ - Get Export File Sizes and Resolution Correct

Illustrator for Lunch™ - Going in Circles - Brushes, Blends & Transformations

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Illustrator for Lunch™ - Houndstooth & Rose - Vector Halftone Tracing & Houndstooth Pattern 

Illustrator for Lunch™ - Illustrating Cacti with Custom Made Brushes

Illustrator for Lunch™ - I'm Seeing Stars - Fill, Warp, Clip & Crop Shapes

Illustrator for Lunch™ - In the Frame - Shapes, Fills, Strokes & Color

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint 

Illustrator for Lunch™ - In Your Face - Pen Tool Practice 

Illustrator for Lunch™ - Layered Paper Style Collage - Gradients, Graphic Styles, Transform 

Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures 

Illustrator for Lunch™ - Make a 2017 Calendar from Scratch - Grids, Layouts, Text, Patterns & More 

Illustrator for Lunch™ - Make a 3D Y Shape Pattern - from paper illustration to digital design

Illustrator for Lunch™ - Make a Lace Pattern Brush - Stroke, Blends, Pattern Tiles, Rotation 

Illustrator for Lunch™ - Make an Organic Spiral Pattern

Illustrator for Lunch™ - Make Art Brushes - Configure, Color & Scale

Illustrator for Lunch™ - Make Art Using Other People's Art 

Illustrator for Lunch™ - Make Custom Organic Patterns - Transform, Scissors, Align, Pattern Swatch 

Illustrator for Lunch™ - Make Retro Shapes - Pathfinder, Scripts, Rotation

Illustrator for Lunch™ - Make Scrapbook Papers to Sell - Patterns, File Formats, Marketing Materials 

Illustrator for Lunch™ - Make to Sell Printables - Stripes, Grid, Lines & Isometric Grid

Illustrator for Lunch™ - Mastering Live Trace - Turn Bitmaps to Vectors

Illustrator for Lunch™ - Meandering Hexagon Pattern

Illustrator for Lunch™ - More fun with Scripts - Text to code, more scripts, more fun (trees too!)

Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand 

Illustrator for Lunch™ - Neon Effect - Appearances, Graphic Styles, Fonts

Illustrator for Lunch™ - On (a pattern making) Safari - Repeating Patterns 

Illustrator for Lunch™ - One Design Concept - Many Variations 

Illustrator for Lunch™ - Pattern in a Pattern - Achieving the Impossible in Illustrator 

Illustrator for Lunch™ - Pattern in Pattern & Irregular Repeating Patterns

Illustrator for Lunch™ - Pattern Know-how - Install, Transform, Recolor

Illustrator for Lunch™ - Pattern of Lines and Dots

Illustrator for Lunch™ - Pop Art Style Star Pattern 

Illustrator for Lunch™ - Real Time Mandala Design

Illustrator for Lunch™ - Real Time Mirror Drawing - Symmetrical drawing

Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint

Illustrator for Lunch™ - Roaming Square Pattern

Illustrator for Lunch™ - Seamless Repeating Texture Patterns

Illustrator for Lunch™ - Season's Greetings - Shapes, Brushes, Texture 

Illustrator for Lunch™ - Semi Transparent Flowers - Scatter Brushes, Opacity, Blend Modes 

Illustrator for Lunch™ - Sharing and archiving files - troubleshooting the pitfalls

Illustrator for Lunch™ - Sketchy Image Effect - Image Trace, Swatches, Sketchy Effect

Illustrator for Lunch™ - Something's Fishy - Appearance Panel Tips & Tricks 

Illustrator for Lunch™ - Stipple Texture Effect - Grain, Gradients, Blends 

Illustrator for Lunch™ - String Art Inspired Designs

Illustrator for Lunch™ - Stylish Doodles to Make and Sell

Illustrator for Lunch™ - Type on a Path - Type, Paths, Shapes

Illustrator for Lunch™ - Using & Troubleshooting Bounding Boxes

Illustrator for Lunch™ - Using Photoshop Objects in Illustrator - Images, Shapes, Patterns and more

Illustrator for Lunch™ - Vector Textures - Vectors, Clipping Masks, Pathfinder

Illustrator for Lunch™ - Warp Shapes & Text - Envelope Distort, Warp, Gradients 

Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes 

Illustrator for Lunch™ - Watercolor stripe seamless repeating pattern

Illustrator for Lunch™ - Whimsical diagonal line patterns

Illustrator for Lunch™ - Whimsical Scrapbook Paper Designs to Sell or Share

Illustrator for Lunch™ - Whimsical Text Effects

Illustrator for Lunch™ - Whimsical Textured Drawings Using Hand Drawn Brushes

Illustrator for Lunch™ - Zentangle® Inspired Pattern Brushes - Shapes, Effects, Brushes

Make Ditsy Patterns in Illustrator

Pattern Design in Illustrator Masterclass

Piping Effect in Illustrator - An Illustrator for Lunch™ Class

Rainbow Gradient Shape & Text Effects in Illustrator - an Illustrator for Lunch™ class

Terrazzo Patterns Without Drawing a Shape! - An Illustrator for Lunch? Class

 

 

Transcripts

1. Illustrator for Lunch™ - Diamond, Harlequin and Argyle Patterns - Introduction: Hello, I'm Helen Bradley. Welcome to this episode of Illustrating for Lunch, create diamond Harlequin and Argyle patterns. Illustrated For Lunch as a series of illustrated classes, each of which teaches a small range of Illustrator techniques. You'll get plenty of opportunity to practice your new skills in the project that you'll create. Today we're looking at creating diamond Harlequin and Argyle patterns in Illustrator. As you're watching these videos, you'll see a prompt which lets you recommend this class to others. Please if you are enjoying the class, do two things for me. Firstly, give it a thumbs up. Secondly, write just a few words about why you're enjoying this class. I ask this because these recommendations help other students to see that this is a class that they too may enjoy and learn from. If you'd like to leave a comment or a question for me, please do so. I read and respond to all of your comments and questions, and I look at it and respond to all of your class projects. Now let's get started making diamond Harlequin and Argyle patterns in Illustrator. 2. Illustrator for Lunch™ - Pt 1 - Basic Diamond Pattern: The first pattern we're going to make is just a basic diamond pattern. I'm going to choose File, New. I'm using a document 2,000 pixels by 2,000 pixels. It's in RGB color mode, and I have a line new objects to pixel grid disabled. I'll click "OK". I'm going to start by just creating a square here. I'm just going to hold the shift key down as I draw out a square. At this stage, it doesn't matter too much what this square looks like. I'm turning off the stroke and I'm just making sure it has a fill. I'm going to the selection tool and I'm just going to hover outside one of the corners of this square and hold shift as I rotate this around. This reads 315 degrees. It's exactly the same as rotating at 45 degrees. Next up, I want to make this into an actual diamond. I'm going to select it and I'm going to the transform options up here. You can also get to this by choosing window and then transform. This is the width and height of my shape currently. Well, I want to make it a known width and height, and I want it to be a width of 300 and a height of 500. It doesn't much matter what these dimensions are. What it matters is that they're round values and that you know what they are. It's just going to make it a little bit easier to work with this pattern by setting it to known values. You can see that the bounding box is now not all around the shape or you can reset it by choosing object transform, reset bounding box. This makes the bounding box look a little bit neater. For our diamond pattern, we're going to drag a duplicate of this away. I'll hold the alt option key on the Mac and just drag a duplicate shape away and I'm just going to have it intersect the bottom of the existing shape. I'm using smart guides here to line everything up. If you're not sure that they are perfectly aligned, select both shapes and just click the "Center Option" to make sure they're centered. Then you can zoom into the middle of them and just make sure that your alignment is looking good. You can see it in even more detail by choosing "View" and then pixel preview and this will show you the pixel level alignment of these two objects so you can make sure that they are just touching perfectly as they are. I'll choose "View Pixel Preview" to exit that and control or command zero to just exit back to full screen. We have all the elements we need here to create a basic diamond pattern. I'm going to leave these other diamonds transparent so that I could later fill them with whatever color I like. To make my pattern, I need a no fill, no stroke rectangle and it needs to go from this point here to this point, down to here, and across to here. That's half the height of this overall combined shape and its exact width. Well, we know what the height of each diamond is and its width, so we can very easily create that rectangle. I'm going to click here and create a rectangle 300 pixels wide and 500 pixels tall. I'm going to switch the fill and the stroke and I'm just going to position it here in over this shape. Again, I'm using smart guides to line it up. But while this is perfectly aligned, it's not technically required that this be aligned perfectly. You will need to align it horizontally, which you can do by selecting all three objects and click the horizontal align center option. But it's vertical placement actually doesn't matter. What does matter, that is, at this point that we move this rectangle behind everything else because it has to be at the back. It also has to be a no fill, no stroke rectangle. We're just going to turn off the stroke. We've got these three shapes here with the no fill, no stroke rectangle at the back of everything. We'll select over this and then just take it to the swatches panel. I'm going to move the pattern pays out to one side, and let's create a rectangle. Let's fill it with our pattern. We can re-size the pattern object transform scale. I'm not going to transform the object. I am going to transform the pattern itself. I'll just make it a smaller size and click "Ok". There is the first of our patterns. It is a very simple diamond pattern. If we wanted at some later stage to use a different color behind this, all we would do is open the appearance panel, click here and add a second fill to this object and the fill at the very back, the one at the bottom of the appearance panel, we can just fill that with a color and that will then become the second color in our pattern. 3. Illustrator for Lunch™ - Pt 2 - Harlequin Pattern: The second pattern we're going to make is a harlequin pattern. We're going to do it by adapting the first one. I'm holding a space bar as I drag the artboard to one side, and I'm going to quickly add a second artboard that I can use to work on. I'm going to borrow two pieces from this first pattern. Click on one, diamond shift, click on the second one and just "Alt" or "Option" drag them into the artboard. I haven't lost my first pattern, I've just created a second one to use. Now for this, I want to add a circle in-between these shapes. I'm going to click to select the ellipse tool. I'm going to make a circle that's 40 pixels by 40 pixels, and I'll click "Okay". I'm going to zoom in here so I can see things a little more clearly. I'm going to move these shapes apart so I can put this shape in the middle of each of them. I'm going to use this smart guides to just line everything up. Then I'll just select over all three shapes and double-check that they are aligned properly by clicking horizontal aligned center. I can check the positioning of these again by zooming in and using the pixel preview. That's just telling me that these are touching exactly top and bottom. I've got a really neat pattern here. I'll choose "View", "Pixel Preview" to turn everything off, and then "Control zero", "Command zero" on a Mac and just to put the artboard back centrally on the screen. When we created this pattern here, we made a no film, no stroke rectangle that was 300 pixels wide and 500 pixels tall. We need the same thing here, but this time we need to account for an extra 40 pixels. My rectangle is going to be 300 by 540. Have the rectangle tool selected. I'll click once and I'll just type in 300 by 540 if it's not already there, and click "Okay". I'm going to make this a no fill, no stroke rectangle, I'm just going to move it into position so it's right over the top of this shape. Now the critical thing about this no fill, no stroke rectangle is that it's centered over all of these shapes. Again, I can select all the shapes including the no fill, no stroke rectangle, and just click "Horizontal Align Center" to make sure that they are perfectly aligned centrally. That's the only alignment that is really critical here. I need to move this no fill, no stroke rectangle behind everything else. I'll just select it and choose "Object", "Arrange", "Send to Back". Its probably the quickest way of getting it to the back. Now select all these shapes. I open up the swatches panel and drag my new pattern in next to the one I created previously. I'll hold the space bar as I move everything across and just click on the object on the first artboard. Now when I press "Control or Command zero", I'll see this artboard in the middle of my work area. With this shape selected here you can see here that I have targeted the green fill. Let's just go to the appearance panel and let's get rid of the green fill here. Let's just re-select the entire path and we'll apply the pattern to this. I've got a pattern fracture line, which is something that we're quite often happen when you're working with patterns in Illustrator, it's extremely annoying. I'm going to select "Object", "Transform", "Scale", and I'm going to try and increase or decrease my object size by a small amount to say if I can remove that fracture line. If the fraction line moves around your pattern, then it's not a problem in the pattern itself. It's a problem with Illustrator. If your fracture line stays where it is, then it's most likely to be a problem in your pattern, but there was nothing wrong with the pattern of fracture line moves around a bit. I've been able to increase my pattern by a small amount to get rid of the fraction line. There is my harlequin pattern created in Illustrator. In the next video, we're going to take our diamonds and we're going to make an argyle pattern from them. 4. Illustrator for Lunch™ - Pt 3 - Argyle Pattern: We're now ready to create our argyle pattern. I'm just going to tuck this harlequin pattern out of the way and I'm going to take a duplicate of this original pattern that we created because I can base my argyle on it. I'm going to Alt or option drag it into the art board here. This overall shape here is 300 by 1,000. I want my next diamond that I'm about to create to be double the width, so that would be 600 by the same height as the overall element here, which is 1,000. I'm going to do that by borrowing this diamond. I'm going to Alt or option drag a copy of it out of the way. I'm going to set its width to 600 and its height to 1,000. Now it's going to be my dashes. So I'm going to flip here between the fill and stroke color so it has a stroke but no fill. I'm going to apply orange stroke to it so we can see it. I'm also going to increase the stroke value because I want you to be able to see this pretty clearly. We're going to click here on Stroke and we're going to create a dashed stroke. Now at the moment I have a dash of 15, a gap of 11, and a weight of 12 pixels. The 12 pixels is the thickness of this dash. The 15 pixels is the length of the dash, and the 11 pixels is the gap. You can make any selection there that you like. You'll also want to choose this option because that will balance the little dashes around your shape. They're adjusted very slightly in length so that they just balance really nicely. Having done that, I'm going to bring this shape over here and I want to align it to the very edge of these diamonds. I've done a pretty poor job of that. Let's just go and select all these shapes including the no fill no stroke rectangle, and let's just click here to horizontally align them to the left. Now they're all nicely aligned. I want to make sure that this is aligned perfectly to the bottom of this. I know it will be at the top if I can just adjust the bottom. I'm going to select this diamond and I'm going to select this diamond in here by Shift clicking on it. I have this one and the one with the dashes selected. Now I'm going to click again on the one that is just black filled because that is now my key object. What's going to happen now is if I align this to the bottom. So if I choose this option here which is Vertical Align Bottom, what I'm saying to Illustrator is, align both of these to the same bottom point, but don't move this one, leave it there. That's really important because I've got my pattern pace or based on where these two black diamonds are. So I don't want to move it, but I do want to move this one if I need to, I'm just going to click here. Well, it didn't move, so that's fine, it was in the correct place in the first place. Now you can see that this dashed diamond is now in front of this one, but behind this one. Well, let's just bring it into the front of everything, so Object, Arrange, Bring to Front, that's better. I want to make a duplicate of this, and I want to move it over 300 pixels. So let's see how we're going to do that. I'm going to choose Object Transform, Move. I'm going to zero out everything in this dialogue because it's really annoying when this dialogue just takes off on you like that. It's best to just zero out everything so you can actually look at what's happening and make some decisions about it. What I want to do is to move this entire dash edge diamond 300 pixels in a direction to the left, so that's in a minus horizontal direction. I'm just going to type minus 300 and tab away. I've got this visual check now which lets me see that this diamond is going to be in the correct position. But of course I wanted the one I had before as well as this one, so I'm just going to click here on Copy. There are my diamond paces that are going to create my argyle pattern. All I need to do is select over everything. Because my no fill no stroke rectangle should be at the back of everything. Nothing else should have moved. So I can now drag and drop this into the Swatches panel. If I want to make a 100 percent sure I'm going to open up the Layers panel and just make sure that my no fill no stroke rectangle is the last of these selected objects. If it wasn't, I could just move it, but it's fine, it's exactly as I expect it to be. Let's open the Swatches panel and let's drag my brand new argyle pattern into the Swatches panel. Now let's go back to Artboard 1. I have my Selection tool selected, I'm going to click on the shape that these on Artboard 1 and press Control or Command zero to bring that into the center of my work area. With the shapes selected, with the fill at the four, let's just go and fill it now with my argyle pattern. There's a very simple way of creating a basic diamond pattern that can be extended to create a harlequin pattern or an argyle pattern. This is done so that it can be done in any version of Illustrator. Your project for this class will be to create one of these three patterns, whichever you like most, just go and create that pattern and post an image of the pattern in the class project area. I hope that you've enjoyed this class and that you've learned a lot about creating diamond patterns in Illustrator and some tips and tricks for aligning things as well. As you were watching these videos, you will have seen a prompt which lets you recommend this class to others. Please, if you're enjoying the class, do two things for me. Firstly, give it a thumbs up and secondly, write just a few words about why you enjoy this class. These recommendations really help other students to see that this is a class that they too might enjoy. If you'd like to leave a comment or a question for me, please do so. I read and respond to all of your comments and questions, and I look at and respond to all of your class project. My name is Helen Bradley, thank you so much for joining me for this episode of Illustrator for Lunch, create diamond, argyle and harlequin patterns. I look forward to seeing you in an upcoming episode of Illustrator for Lunch soon.