Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns | Helen Bradley | Skillshare

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

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

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (14m)
    • 1. Illustrator for Lunch™ - Textured Dot Pattern - Introduction

      1:14
    • 2. Illustrator for Lunch™ - Pt 1 - Create the Dot Pattern

      7:26
    • 3. Illustrator for Lunch - Pt 2 - Apply a Texture to the Dots

      4:03
    • 4. Illustrator for Lunch™ - Project and Wrap up

      1:07
13 students are watching this class

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 textured dot pattern in Illustrator. In this design we will use a layer to act as a mask to ensure the texture appears in only in the places we want to see it. The design can be created in ALL VERSIONS OF ILLUSTRATOR. This is the pattern that we will make:

e5b17712

More in this se

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

 

 

ries:

Transcripts

1. Illustrator for Lunch™ - Textured Dot Pattern - Introduction: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for lunch, create a textured dot pattern. Illustrator for lunch is a series of illustrated classes, each of which teaches a small range of illustrated techniques. You'll get plenty of opportunity to practice your new skills in the projects you'll create. Today, we're looking at creating a dot pattern that has a texture in it. Along the way, you'll learn some techniques for creating a grid of shapes, for layering effects to act as a de facto mask, and a whole lot more. As you're watching these videos, you'll see 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 in just a few words why you are enjoying the class. These recommendations 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 your comments and questions, and I look at and respond to all of your class projects. So if you're ready now, let's get started creating a textured dot pattern in Illustrator. 2. Illustrator for Lunch™ - Pt 1 - Create the Dot Pattern: For this texture.pattern, I'm going to create a new document choosing file new. It's going to be 350 pixels by 350 pixels in size RGB color mode and I'll click "Okay." I'm very reluctant to specify exact sizes for documents unless it is really important and in this case, it's really important, and I'm about to explain why. We're going to create a circle and it's going to be 60 pixels by 60 pixels, so I'll do that and select "Okay." I'm going to make it a fill circle with no stroke, and I want to move it up so that it's five pixels in from the top and left of this document of this art board. With it selected, I'm going to these transform tools here, they're also accessible here from the transform panel. You'll select the topmost of these nine little boxes, the one at the top left, and then you'll set the x and y to five pixels each. That just positions the circle where I need it to be. Now, the mathematics of this is that the circle is 60 pixels wide and I want a gap of 10 pixels between it and the next circle, and I want five across the document. I'm going to add the diameter of this circle which is 60 to the gap between the two circles which is 10, and that gives me 70. I want five circles so I'll multiply 70 by five which is how I get 350. Let's create our circles now. With this circle selected, I'll choose effect, distort and transform and then transform. I'll click "Preview on," and I want four copies with the original that would make five, and I want to move the copies 70 pixels in a horizontal direction. I'll click "Okay." Now I want to do exactly the same thing but this time in a vertical direction so I'll choose effect, distort and transform, transform. I'll click to apply a new effect, I'll make four copies, I'll turn preview on, and this time I'll set the vertical move value to 70 pixels and click "Okay." Now, these circles at the moment don't actually exist in illustrated, they're just a transformation of this original circle. I want them to each have an independent existence so I'll click object expand appearance. Then I'll click object ungroup and continue to do it until ungroup is no longer an option. That just bursts all of these circles out so when I open my last panel up, I'm going to have a layer that has 25 circles in it, no groups, nothing magical here. The next step is to create a rectangle the exact size of the art board, so I'll click the rectangle tool, click in the art board, type 350 by 350 pixels and click "Okay." I'm going to align this to the art board, so I'll click on it, I'll open up the align panel, click show options and just make sure it's set to align to art board, and then I'll click to center the shape on the art board. I have a layer with a rectangle of size of the art board and 25 circles. I'm going to make a duplicate of this layer so I'm going to drag and drop it on the new layer icon. I'm going to turn off visibility and lock down the bottom most layer and then just open the top one which is identical to the bottom of course. What I'm going to do here is select everything on this layer; the rectangle size of the art board and the 25 circles, and I'm going to the path finder palette. You can get to that by choosing window and then pathfinder. What I'm looking for is this option here, it's called exclude, and what it's going to do is cut out the circles from the square. Now I have a square with a whole heap of circles cut out, and I can color it so I can go to the swatches panel and choose a color for it. Now, I grabbed some swatches earlier that I'm just going to go and get here. Right now I have my rectangle with the holes in it selected and I can just click here to apply one of these colors to that shape. I'm going to turn its visibility off and I'm going to lock it down so it's there but I can't actually see it, and I'm going to do the reverse to layer 1. In layer 1, I'm going to isolate this rectangle that is at the top of the layer and I'm going to drag it to the very bottom of the layer, and when it arrives there, I'm going to set it to a no fill no stroke rectangle. If you're familiar with creating patterns by hand in Illustrator, you'll recognize this as the boundary of a pattern. It's not going to be important for the first iteration of this pattern but it will be important for the second, so I'm going to create it now that I'm here. Next, I'm going to select diagonal rows of the circle. So I'm going to click in this one first and then I'm going to shift click to select all the ones in this diagonal. I'm going to make sure their fill is at the full and I'm going to apply a fill to them. Then I'm going to take the ones just above these, this one here, here, and here. I've got four circles selected so I need a fifth and the fifth one is this one down in the bottom corner. So I'll select it and then I'll apply a color to those, then I'll go to the next set. Three in this diagonal and these two here are the others that belong to that series. I'll color those, select these two and then these three. Finally, I'll select the remaining black circles and I'll color them. I'm going back to the layer at the top, I'll unlock it and I'll just open it up and make the square that has the holes punched out of it all visible. We can now make this into a pattern so I'm going to click on the top layer and shift click on the second layer so I have everything selected. With the selection tool, I'm just going to drag and drop it into the swatches panel. I'm going to come over here and create a second art board. For convenience, I'm going to make it 350 pixels by 350 pixels, but it could be any size that you like. I'm going to make a square that is the exact same size as this art board and I'm going to center it on the art board. With its fill selected, I'm going to click on my new pattern swatch and then I'll resize it by choosing object transform scale. I'm going to transform the pattern only, not the object and I'll do it down to 50 percent and click "Okay." This is the first iteration of our pattern of dots. In the next video, we're going to apply a texture to it. 3. Illustrator for Lunch - Pt 2 - Apply a Texture to the Dots: Before I go ahead and texture this pattern, I need to clean up my layers palette just a little bit. I'm going to add two brand new layers, and I'm going to take this rectangle here up and put it on one of those new layers. I'm going to turn its visibility off and I'm going to lock it down because right now I don't need it. I have an empty layer 3 here, and I have the layer that has the square with the circles cut out of it. I'm going to move this layer up above my empty ones, so the empty one is sandwiched between the two layers that have the remainder of this patent on them. For now, I'm going to lock down and turn off the visibility of this square that has the circles cut out of it. I'm going to select just something on this artboard and press Control or Command 0 to just put this artboard right in the center of my work area. Now I'm going to layer 3 and I'm going to select it. Nothing is selected in this document so I can safely switch my fill and stroke colors. I'm going to get a better stroke color so I'm going to choose something probably like this color which is fairly light, and I'm going to use it to texturize my circles. I'm going to use a brush, so I'll click on the paintbrush tool, and I'll open up the brushes palette. You can get the brushes palette too by choosing Window and then Brushes. I'll click the fly-out menu and choose Open Brush Library. I'll select Artistic and then Artistic_Chalk Charcoal Pencil. These are a series of brushes and the topmost one of these brushes is actually pretty good for creating a texture with. With it selected I'm now going to brush my texture over the shapes in this pattern. You'll see that the default setting for this brush is pretty good for actually covering up these shapes that I've created, and just texturing them. Now you can be as detailed or not with your textures as you like. But don't worry about any additional texture that might be falling outside the artboard, because that's going to be cut off when we create our pattern and it's all going to be automatic. If you're finding that your computer bugs down a little bit, then you can close any programs that you don't need to have open. If it's really causing you problems you may want to restart your computer before you attempt this texturing, particularly on a Windows machine that can be handy because it just refreshes your memory. It cleans everything out, and means that you've got plenty of memory to operate with. I'm now running over each of these shapes a couple of times just to texture them nicely. When I'm finished and happy with my texturing, I'm going to turn back on visibility of the layer that has the square with the circles cut out of it. This is what my texture is going to look like. At this stage you can come back in and recolor the square if you want to. I'm just going to bring the fill to the full, and just have a look at perhaps a slightly different color for it. I think I'm going to color it that way. I'm going back to my layers palette and I'm going to select on these layers. I'm going to select all three layers, that have content in this pattern. I'm going to the select tool and I'm going to drag and drop this into the swatches panel. I'm going to come back to this second artboard, make the square visible and unlock it. I'm going to target this square, and then when I press Control or Command 0, the artboard will be placed right in the middle of my work area. With the rectangle selected I can now click on my pattern and it will be applied to that square. There is the texture.pattern created in Illustrator. 4. Illustrator for Lunch™ - Project and Wrap up: Your project for this class will be to create your own texture dot pattern in Illustrate, and to post an image of your pattern in the class project area. I hope that you've enjoyed this class and that you've learned something about working in Illustrator that you didn't know before you took this class. As you're watching these videos, you will have seen a prompt which let you recommend this class to others. Please, if you enjoy the class do two things for me. Firstly, give it a thumbs up and secondly, writing just a few words why you are enjoying the class. These recommendations will help other students to say that this is perhaps the 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 I respond to all of your comments and questions, and 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 a Textured Dot Pattern. I'll look forward to seeing you in an upcoming episode of Illustrator for Lunch soon.