Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand | Helen Bradley | Skillshare

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

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

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (15m)
    • 1. Illustrator for Lunch™ - Multi color faux patterns Introduction

      1:03
    • 2. Illustrator for Lunch™ - Pt 1 - Investigating patterns in Illustrator

      3:11
    • 3. Illustrator for Lunch™ - Pt 2 - Make the Faux Pattern

      6:13
    • 4. Illustrator for Lunch™ - Pt 3 - Recoloring Elements in the pattern

      4:35

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 multi-color faux pattern in Illustrator. You will go behind the scenes in Illustrator to see what patterns look like when expanded and learn a way to make a faux pattern with elements that are easily recolored. This is an example of the type of effect you can create with a faux pattern:

5a5c66ec

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™ - Multi color faux patterns Introduction: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for Lunch Multi-color Faux Pattern. Illustrator for Lunch is 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 you'll create. Today, we're looking at re-coloring a faux pattern in Illustrator. We're going to look at why we need to create, this is a faux pattern, how to do that, and then how to recolor the various elements in it. As you're working through these videos, you may see a prompt which lets you recommend this class to others. Please, if you're enjoying the class, give it a thumbs up. These recommendations help me get my classes in front of more people, who just like you want to learn more about Illustrator and if you'd like to leave a comment, please do so. I read and respond to all of your comments, I look at and respond to all of your class projects. So if you're ready now let's get started making multi-color faux patterns in Illustrator. 2. Illustrator for Lunch™ - Pt 1 - Investigating patterns in Illustrator: Before we start this video, I want to take you behind the scenes of patterns in Illustrate, because there's something interesting happening behind the scenes that you may want to know about. I have a shape here, rectangle filled with a pattern, and I made the pattern by just creating a hexagon and then I use the Object Pattern Make tool in Illustrator CS6 and later. Then I went and I did exactly the same thing, creating the exact same pattern, but I created it from multiple hexagons, and I did it in the same way as you would have done it if you were using Illustrator CS5 and earlier. There's two different versions of the pattern, but essentially the pattern looks the same. Ignoring the fracture lines through this pattern, I'm now going to select this pattern filled shape and I'm going to expand it, because what you might expect to happen when you expand this pattern filled shape is that you'll get lots of little hexagons. It's certainly when I did it the first time, what I expected to get. I'm just going to now Ungroup everything that I've got until ungroup is no longer an option, and let's open up the last pallet. Now I put these shapes on two different layers, so it's going to turn this one off, we're just going to look at this shape here. What we might expect or might hope to see is a whole lot of hexagons. Well, as you can see, we're not seeing hexagons at all. We're saying lots of little bits, and in fact, there's lots and lots of little bits. What we've got in here is we've got a clipping path with a whole heap of shapes, and every single piece of this pattern is made from a clipping path and lots of little shapes. Our ability to get filled hexagons out of this is absolutely zero, it would take a lot of time and effort to get a series of hexagons like this. Let's go and do the same with the pattern that we created manually or that I created manually. I'm going to turn it on, and let's just go and turn off this green pattern, and close it all up, lock it down and turn it off. Let's have a look at this yellow pattern. Again I have the shape selected, Object, Expand, click OK, and then I'm going to ungroup it. I'll continue to ungroup it until ungroup is no longer an option, and let's open up this panel. Now this is the shapes over here, so I'm just going to turn those off and let's focus on this shape here. Again, we've got something very, very similar to what we had with the pattern that was created by illustrating using the Pattern Make tool, a whole series of hexagons all clipped with a clipping path. Again, our ability to get filled hexagon is out of this shape is very low, it would take us a lot of effort to go and extract these hexagons. If we want to be able to create a hexagon style pattern, where we can actually change individual shapes, we're going to need a different process. Let's go ahead now and see what that process will be. 3. Illustrator for Lunch™ - Pt 2 - Make the Faux Pattern: For our pattern, we're going to need a documents, so I'm going to choose File and then New. My document will be 1000 by 600 pixels in size, RGB color mode. It's important that you disable, align new objects to Pixel Grid, because you want to do the alignment yourself, and you don't want illustrated to interfere, so click 'Okay'. We're going to make a hexagon, so I'm going to the polygon tool, I'll click on it: click once on the document because this allows me to specify not only the radius of my polygon, but also how many sides it has, which is important when you're looking at creating a six sided figure, so I have six sides and a radius of 50 pixels, I will click 'Okay'. Now I'm going to invert my colors, so I'm going to make sure my shape is selected, and give it a fill, and noise stroke, and just for pleasure sake, I'm going to give it a colored fill rather than a black fill. I need to rotate this so that it is standing on one of its points, so with selected, I'll choose object, transform, rotate. I'm going to rotate it 30 degrees and I'm going to click 'Okay'. In some versions of illustrating, you might find that your bounding box doesn't look like this anymore. It might look like this, if you want to reset your bounding box, you can do so by choosing 'Object', 'Transform', and 'Reset Bounding Box'. Now In later versions of Illustrated with live corners, you won't be able to do that until you first choose 'Object Shape', 'Expand Shape'. Once you've expanded your shape, you can go and choose 'Object Transform', 'Reset Bounding Box', it's a little confusing, but that's how it works. Now the way that we're going to create our pattern look to these hexagons, in a way we can extract filled hexagons from it that we can then recolor is using a transform effects, so with my shapes selected, I'm going to choose 'Effect, and then 'Distort & Transform', and then 'Transform'. I'm going to click 'Preview on', and I'm going to start moving my shape so that they move horizontally, but vertically too, because I want them to be offset, so let's just bump up these copies to about four or five for now, and I'm going to move them in a vertical direction, but because I want to move them back up the document that's going to be in a negative vertical direction. I'm going to move them in a positive horizontal direction., and right now all that's doing is moving them in an angle, so it's not really helping me, what I'd like to do is to alternate them, so I'm going to choose 'Reflect Y', and that alternates the shapes, that's going to allow me to build my pattern a whole lot more effectively. I've taken them too far horizontally, and not far enough vertically, so I'm going to adjust that, I'm going to move them up vertically and I'm going to move them back horizontally. I'm going to continue to do this until they're in exactly the right spot. Now I'm eyeballing this, you should be able to eyeball it to get a good result here in terms of the spacing. If your spacing is you think about a half a pixel out, so if you are adjusting it a little bit in one direction by one pixel isn't quite enough, then you can come in here and add a 0.5 to it, you can also use 0.25, If you think that's going to be better, I think 0.25 is going to work pretty well here, so let's go back, I seem to have lost my dialogue. Your dialogues always going to be available from the appearance panel, with your shape selected, you can click on 'Transform' to edit this effects, so I'm going to turn 'Preview' back on, and I want more copies. Once I've done that, I'll click 'Okay', and now I want to take my pattern in a vertical direction, and to do that, I'm going to need another transform effects, so I'm going to choose 'Effect', 'Distort & Transform', 'Transform', and I'll click on 'Apply New Effect'. This is important because we've already got a transform effect which creates our zigzag, all we need is a transform effect that duplicates this zigzag shape further up the documents, so I'm going to turn 'Preview' on, and I'd probably want about two copies, and I just want to move in a perfectly vertical direction, but because I'm going up the document, I will need to do that in a minus vertical direction. I'm going to keep pushing this until my pattern reappears, and when I'm happy with that, I'll just click 'Okay'. Now at this point, if you don't have enough hexagon, you can go back and make changes to this, so you can click on this 'Transform' option to adjust the initial zigzag effect, and then clicking on the bottom one allows you to adjust the second effect. I don't need to adjust mine they are fin. Now at this point if you thought that your hexagons were not the right size, if you want them to be bigger or smaller, now's the time to make them bigger or smaller. You can just select the one hexagon on which this pattern is based, and then adjust it by holding the 'Shift' key as you drag on its size. Now as you can see, probably not exactly what you thought might happen has happened to me, I'm just going to undo this 'Control'' or 'Command Z', and I'm going to edit then preferences in general. On a Mac you would choose 'Illustrator', 'Preferences', 'General'. What I want to do is to scale strokes and effects. I'll click 'Okay', and now if I go and re-size this shape, something very different happens. The spacing is kept pretty consistent, but my shape has increased or decreased in size. Quite often that scale strokes or effects option will make the difference between things scaling the way you expect them to and not, so before we finish this particular video, let's go and look at that setting: It's 'Edit,'' Preferences', General', and on the Mac it's 'Illustrator', 'Preferences', 'General', and it all has to do with the setting you have for scale strokes and effects. 4. Illustrator for Lunch™ - Pt 3 - Recoloring Elements in the pattern: At this point, you want to get your faux hexagon pattern to look the way you want it to look in terms of spacing and hexagon size. If there are a few extra hexagons that you don't need, don't worry about that, that'll be fine. But it's size and spacing that are critical at this stage. You want more hexagons rather than fewer because it's easy to get rid of them, much harder to add additional ones later on. When you're satisfied with this, select the hexagon upon which the entire pattern is based. That's this one down here. Everything else is just a transform effect. With it selected, choose "Object", "Expand Appearance", and then "Object Ungroup" until "Ungroup" is no longer an option. Now if we look in the last pallet, unlike what we saw when we expanded the Illustrator patterns, this time we've just got a whole series of single shapes. Each one of these is a single hexagon shape. It's a faux pattern. It's editable at this point. For example, I can go and select a shape and I could apply a gradient to it. I'm just selecting the color stops at either end of this gradient and creating a gradient effect. I'm actually going to reverse this one because I want it darker at the outsides. Now that I have that gradient created, I can click on individual shapes, holding the Shift key as I select shapes that I want to impact. I'm going to the Eyedropper tool, I'm just going to click on the shape that has the fill associated with it that I want to borrow, and I've now filled those shapes with that fill. If I've got excess hexagons that I don't want, I can just select and remove them. If you wanted to clip this faux hexagon pattern to another shape, that's perfectly possible too. I'm going to go here, and I'm going to create a large polygon. I have my polygon tool selected. I know it's still going to have six sides because it had that last time. I'm just going to make one very big polygon here. I'm holding the Shift key, so it's going to be constrained to having a perfectly horizontal base. Once I've got the shape I want, I'm going to let go of that shape. This is now at the very top here of the last stack. Now I can select all of these shapes on this lab by just clicking on the layer. I'm going to right-click and choose "Make Clipping Mask". Now that file pattern is clipped to the hexagon shape, but it's still fully editable because I can go into this clipping group. Here is the polygon that is controlling the clipping mask, but down here are any of the polygons that are visible here, and I'm just going to grab one that actually is visible. Let's just double-click on this one to isolate it, and now I can go and fill it with the same pattern that the others have been filled with or I could go ahead and create a separate pattern for it. There is a way of creating a faux pattern that allows you to then extract the various objects from that pattern and create something very different with them, recolor them or even remove them from the pattern. That gives you flexibility that you don't always get when you use the pattern make tool in Illustrator. Sometimes it's worth looking beyond patterns and look for an alternate solution to a problem. Your project for this class will be to create some sort of a faux pattern, and yours can be a hexagon or it can be anything that you wish. Make it using the transform effects, and then go ahead and expand it and fill some of the shapes from that pattern with something different and post the image of your completed project in the class project area. I hope that you've enjoyed this class and that you've learnt something about making faux patterns in Illustrator and why you may want to make them. As you're working through this class, you will have seen a prompt to recommend it to others. Please if you enjoyed the class, give it a thumbs up and write just a few words about why you enjoyed the class. These recommendations help other students to say that this is the class that they too may want to take. If you'd like to leave a comment, please do so. I read and respond to all of your comments. I look at and respond to all of your class projects. My name is Helen Bradley, thank you so much for joining me for this episode of Illustrator for Lunch- Create Faux Patterns. I look forward to seeing you in another episode of Illustrator for Lunch soon.