Pixel Perfect Triangle Patterns in Illustrator - a Graphic Design for Lunch™ class | Helen Bradley | Skillshare
Search

Playback Speed


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

Pixel Perfect Triangle Patterns in Illustrator - a Graphic Design for Lunch™ class

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.

      Introduction to Making Pixel Perfect Triangle Patterns in Adobe Illustrator

      0:59

    • 2.

      Pt 1 - Understand the Problem to Solve

      2:13

    • 3.

      Pt 2 - Make and Align the Triangles

      11:33

    • 4.

      Pt 3 - Make the Triangle Pattern

      7:58

    • 5.

      Pt 4 - A Brief Summary of the Process

      2:05

    • 6.

      Pt 5 - Additional Examples

      10:01

    • 7.

      Pixel Perfect Triangles - Project and Wrapup

      1:12

  • --
  • 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.

90

Students

4

Projects

About This Class

Pixel Perfect Triangle Patterns in Illustrator - a Graphic Design for Lunch™ class

I like to call this class Triangle patterns without tears! If you've ever tried to create a triangle pattern you may know that trying to line up triangles into a pattern is quite difficult as they seldom line up exactly without leaving gaps which are unsightly and unprofessional. In this class I'll show you a foolproof way to make perfectly aligned triangle patterns in Adobe Illustrator. The process is quite easy to replicate once you understand how it works. By the end of this class you will not only have a professional looking triangle pattern but you will also have added some valuable skills to your Illustrator toolkit - skills you can use 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

10 Tips for Rotating Shapes in 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

20 Tips for Using the New 3D Illustrator Tools - A Graphic Design for Lunch™ Class

25 Tips for Recoloring Artwork in Adobe Illustrator - 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 - Graphic Design for Lunch™ - Diagonals, Plaid, Dots, Chevron

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 Color Schemes and Themes in Adobe Illustrator - 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

One Shape - Many Patterns 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

Pixel Perfect Triangle Patterns in 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 Success: Master Hand-Drawn Patterns in Adobe Illustrator - Graphic Design for Lunch™

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: Beginner

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. Introduction to Making Pixel Perfect Triangle Patterns in Adobe Illustrator: Hello and welcome to this class on creating pixel perfect triangle patterns in Adobe Illustrator. My name's Helen Bradley and I'm a Skillshare top teacher. I have over 260 courses here on Skillshare and over 160,000 student enrollments. In this class, we'll look at how to make perfect triangle repeating patterns in Adobe Illustrator. The triangles themselves are really tricky to line up and triangle patterns run the risk of gaping holes in them everywhere something doesn't line up with pixel perfect accuracy. I'll show you my method for making irregular triangle patterns that are perfectly accurate and which line up exactly. Now this is a fun and interesting process and not hard to achieve when you know how to do it. By the time you've finished this course, you'll have a triangle pattern made and ready to use and some new Illustrator knowledge and skills too. Without further ado, let's get started making pixel perfect triangle patterns in Adobe Illustrator. 2. Pt 1 - Understand the Problem to Solve: Before we get started actually making our triangle pattern, let's have a look and see what the problem really is. I've got some triangles here as a starting point for a pattern that's just going to nosedive into disaster. What I want is a pattern where there are not obvious horizontal and vertical lines, so I've started off with triangles, none of which have strong horizontal or vertical lines. I'm going to choose Object, Pattern, Make. Now everything at this point was lined up so there are no gaps here. But trying to get this piece to line up with this piece is going to be fraught with difficulty. First of all, I wanted to tighten them up a little bit. But you can see already that we've got problems with gaps here. If I go to the direct selection tool so that I can select the corner of this triangle, what I need to do is to line it up with this over here, and I need to line up this with here. I'm going to work on individual corners and try and get my triangle to behave. But of course, as soon as I get one triangle halfway to perfect and that's far from perfect right now, this triangle needs to work as well. There's this big gap in here that we need to fill. These aren't lined up over here, and so we're going to be dragging things around and hoping against hope that we're going to end up with no spaces. This is the problem that I'm so saying is going to happen with this pattern, is things are going to look almost lined up, but there's going to be a gap. That's just not good for a pattern that you want to use on spoonflower or something you want to sell. You want things to be pixel perfect, and you also don't want to be in here faxing around with trying to get things to line up. My solution is a totally different approach, and it's all to do with setting things up perfectly in the first place to make it really easy to create a design that doesn't have any strong horizontal or vertical lines in it. That's what we're going to do. We're going to create pixel perfect triangle patterns. If you'd like triangle patterns without tears because there won't be any spaces there, so you won't have to deal with those, and it's going to be quite easy to do once you understand the process. 3. Pt 2 - Make and Align the Triangles: The pattern that we're going to end up with here is going to be made in the pattern make tool in Illustrator. It can be used on sites like Spoonflower and any site that requires the actual pattern swatch. Of course, you could also fill a document with it, so you could use it on sites like Society6 for example. To start off with, we're going to make the shapes for the pattern. For this, we're going to need a document. I'm going to start here with "Create New". I'm just going to create a document that's 1,000 pixels square. We're going to start out making a square, and I'm going to make a square that is about 500 by 500 pixels. I want it to be a square, and I do want it to be a known size. I'm going to move it up into the document. I'm going to remove the fill from it so it just has a stroke. I'm also going to make sure that I locate it in a position on the screen where it is actually in a whole number of pixels. I'm going to do that by going to the transform panel. You can get to it up here, or you can go to window and then transform. Here it is. What I want to do is to make sure that this square here is located ideally in the middle of the document, because that's going to make registering things around it just so much easier because we're going to anchor our triangles to its edge, and if it's in an exact position, pixel accuracy, just going to make life a little bit more easy. I'm happy with that, it's positioned in the middle of this square here, is right in the middle of the document. Its x and y positions of 500,500, that's really good news. I'm going to the last pallet, mine has disappeared from my panel here. I'm just pressing F7 to get to it. You can, of course, choose Window and then Layers. This is my rectangle here, I'm going to lock it down. I don't want it to move, it will be there to be used as a guide, but it's not going to move. We're going to start by creating some triangles. I'm just going to use the pen tool for this. I'm going to click on the Pen tool, I'm going to click in this corner. I'm looking to pick up this anchor points. When the little tool tip says anchor, then I know I'm good to go. Then I'm going to come down to about here and go back up to around about halfway across this shape, but doesn't matter if I'm not exact. Then I'm going back to the beginning, because I want to create closed shapes. Now, I'm going to fill this with a color right now. It has black as a fill, but I'm going to go and use some of the swatches that I've got here. I'm going to make every single one of my triangles a different color. If you want them to be just a range of colors, say two or three colors, then do that later on, right now it's easier if we can see everything really clearly. Now we're going to just click away from the shape. I just press the pen tool there, so I'm just going to undo that. Go back to the selection tool, click away from the shape, go back to the pen tool and start again with another shape. You don't want to start on this triangle or else you're going to add something to it. You're going to start away from the triangle. I'm going to start here just picking up the edge of the square. Click over here on the anchor point, which is the point of that triangle, go back up here to this anchor point and down. Once I'm there, I'm going to change the color fill of this triangle. Press V for the selection tool that will really help you to learn these tool shortcuts in this process if you're not already familiar with them. V for the selection tool and P for the pen tool, for going back to the pen tool. Again, start well away from that anchor point, this middle point here, although we're going to use this point to join everything up. I'm coming back down here, back down here, V for the selection tool, pick up a different color, click away from the shape, and then pay for the pen tool. Then we'll do another triangle. This one, I'm going to start about here in about the middle of the shape, doesn't have to be exact, then I come across here to this point, down to this point and backup here. Again, V for the selection tool, pick up another color, click away from it, pay for the pen tool and go back and create more triangles. This one is going to fill in this area, so I'm going to start on the edge because I've locked down that rectangle, I won't be picking up the rectangle. Click over here, click here, pick up a color, click away, pay for the Pen tool and start again. I'm just going to continue doing this and make my triangles. Once I've made them we'll come back and make sure that everything is pixel perfect and set up so that we can use the pattern make tool to make our pattern from it. This triangle, I want it to start in the corner over here, but I can't get it there because I will be picking up another triangle. I'm just using the direct selection tool here to click on the corner of this triangle and move it into position. I didn't start it in that position, but I can move it into that position. Press the letter V to go to the selection tool and again, fill this with a color. It is going to be difficult once you get towards the end to be able to start a triangle not picking up another one. Just get as close as you can then come back in with the direct selection tool and just move it into position. Don't worry if you can't get it in the exact position because we're going to deal with that later on. Now I've got my triangles all creative, even though they're not very well lined up. What I'm going to do next is go into the outline view. That's view and then outline and I'm going to zoom in because that's going to help us make sure that everything is in position, and of course it's not in position right now, but that's just fine. We would come in here even if we thought we got everything in position because we probably haven't. I'm going to go down here into this bottom corner first of all and just check things out. I'm going to select the anchor point here and you can get to that using either the direct selection tool or the Lasso tool. The Lasso tool is going to help you later on to get everything lined up, and it's going to be a really helpful tool to know how to use. I'm just going to drop this into this corner. As soon as you can't see two lines, you know that you've got everything pretty right in the right place. But you will want to zoom in really close to these to make sure that you've got everything perfect. Because anything that is not perfect is going to cause problems later on. Here I'm going to go to the Lasso Tool, Lasso around everything that is at this point. There's going to be points of various triangles here. What I'm going to do is I'm going to choose "Object" and then "Path", and then "Average". I'm going to click on both. What that's going to do is if this point were not in the same position, they are now going to be in the same position, it averages out their position. We're going to continue to use that tool a little bit throughout here. Everything is looking fine there, let's just zoom back out. There's a big problem in the middle here. Again with the Lasso tool, let's just click away. We've got nothing selected, let's go in here and select all these anchor points here. Again, object, path and we're going to average them and we're going to choose both here. That's just snap them into position. It's a really handy, little process to understand and be able to achieve. Let's just check everything down here. You really will want to be going in and out of here to make sure that things are lined up. These look really good, but I'm going to double-check them by Lassoing around and selecting all these anchor points, Object, Path, Average, and just click both. That just assures me that they're in the exact right position. Let's go here and come back in here with the Lasso tool, and again, Object, Path, Average, Both. Right now everything is nicely lined up, but the problem is going to be when we come to make a repeating pattern from it, because we don't want our pattern to be based on a box. What I'm hoping to do later on is to move these shapes in here using this anchor point or the set of anchor points here to dip them in and then pull these up here so they would make the pattern. It's going to be a bit more evident once we get into the pattern make tool, but there's a couple of things we need to do before then. What we need to do is to make sure that these anchor points here and these anchor points here are in exactly the same position. I'm going to select over all of these. Hold the Shift key and select over all of these. This set and this set are now all selected. I'm going to choose Object, Path, and average, but don't do both, because if you do both, they're all going to jump into the center here. What we want to do is we want to align them in the same vertical alignment. We're going to do vertical and we'll click, "Okay". They've moved slightly horizontally because they needed to, but it means that this point and this point are on the exact same vertical. We're going to double-check that that hasn't upset the positioning, that they're still touching this line which they are. Let's go down here and make sure they're still touching the line which they are. Now we're going to do the same on the side here, this anchor point, or the two anchor points that are here, hold the Shift key, Lasso around here, and this set here all need to be on the same, in this case, horizontal alignment. Object, Path, average, select "Horizontal" and click "Okay". If you select the wrong one and you select vertical when you should have selected horizontal and things go really haywire, just undo it and start over again, it's really pretty simple. Let's have a look. These anchor points here are in the same horizontal alignment, these are in the same vertical alignment. These here and here is in the same vertical alignment because they are pegged to the outside of this square or this rectangle. These two are in the same alignment. These are in the same alignment. Everything is nicely lined up. That's a really good basis for going into the pattern make tool. I'm going to choose View and then GPU preview. I go back to seeing my document. I'm going again to the last palette now, I'm going to the very bottom here, which is where my rectangle is. I'm just going to hide it because I don't need to see it any longer. Everything right now is pixel perfect. If we zoom in here, we're not going to see any whitespace around these lines because everything is lining up perfectly and that's really critical. Until you've got that happening like this, your pattern is not going to work. At this point, I would save this because you don't want things to go haywire. I'm just going to take a minute and save it, and we'll come back and use a pattern make tool to make our pattern. 4. Pt 3 - Make the Triangle Pattern: With our document saved and our triangles created and everything lined up perfectly, we're going to select over all our triangles. Before I go to the pattern make tool, I'm going to view and I'm going to choose Hide Artboards. Just makes a cleaner area to work in. I'm going to choose Object and then Pattern, Make. I'll click "Okay". Now, this is going to be a simple grid pattern that's pretty important. You can see it's 500 pixels by 500 pixels. I like to try and make my patterns regular sizes, if at all possible. So nice even numbers and nice round numbers like 500 by 500, that's a really good sides for my pattern. It's unlikely to have fracture lines in it. I'm going to click on "Show Tile Edge" because I want to see which of the elements that are actually in my pattern and that's these in here. Anything else is not going to affect the pattern, so we can just move this dialogue out of the way and focus on creating something a bit more interesting than a box-based pattern. We're going back to our lasso tool and I'm going to lasso these anchor points up here. Now, I'm not anchoring the ones up here because I can't get to them. That's how the pattern make tool works. You can only select things that actually make up the base pattern, there's one set of everything that makes up the base pattern and the other bits around the edge you can't select. I've selected these anchor points here, and I'm going to hold the Shift key, I'm going to select these down here as well. These and these are selected, and if you're familiar with working with patterns, you know that ultimately these are going to be joined together in a repeating pattern. So whatever we do with this lot, we also want to do with this lot. I'm going to use the Transform, Move option because it's a really stable option to use. Object, Transform, and then Move. Now I'm going to zero everything out because this dialogue usually comes with stuff in it and it's like, oh, my goodness, things went haywire just from the start. But just zero everything out and that's fine. Now, what I want to do is to move this point up, and when this point goes up, so does this one. I need the vertical and I need to decrease the vertical. Then I can move it horizontally if I want to as well. I can look at some horizontal movement, just something to get a more interesting pattern. Now, I may decide that I didn't really want to move it up and I want to move it down again. Well, this dialogue is really nice because it lets us have a look at things as we're actually making our pattern. I actually like that result better. I'm going to click "Okay". Now we've got part of the pattern dealt with. We've broken this horizontal line here because these triangles dip across that line, they dip across it here. Now we're just going to handle over here. Again, I'm going back to my lasso tool. I'm going to lasso this set of anchor points here. There's a couple there, hold the Shift key, lasso these just making sure that we only get these anchor points on the edge, nothing else, and we're going to move those; Object, Transform, Move. Again, this dialogue is pre-populated with nonsense, so just zero it out. What we want to do is we obviously want to move horizontally because we want to break this strong vertical line. I'm going to go horizontally in a negative or a positive direction. I can decide which I want to do. I'm thinking I'm going to push this over a bit in this direction, and we can change the vertical as well. I can pull them down or I can push them up. I'm thinking I'm going to pull them down because I have a plan for some other things in just a minute. I'll click "Okay". We've dealt with the shapes that cross this vertical line across the tile edge, and that's really important to do. But at this point now we can also deal with these shapes here. I'm going to use the lasso tool again and just lasso around these points. I'm going back to Object, Transform, Move. I use this because it just seems to be really, really stable when you're dealing with a lot of anchor points. It just doesn't mean that I'm likely to pull something and leave a whole lot of other things behind. I'm just going to change the vertical on this, and I'm going to push it up. These are things that we can do inside this dialogue provided we select all the anchor points at a point. I'm just going to click "Okay" there, and I'm thinking I might also select these and do something with those; Object, Transform, Move. Again, zeroing everything out, let's see about moving this down a bit. Think about what you want to do there. Click "Okay", and I'm going for the set in the middle now. Again, move those. I can move 10 pixels at a time if I hold the Shift key as I use the up and down arrow keys. If I just use the up and down or left and right arrow keys by themselves, I'm just going to move one pixel at a time. You can get very small moves as well as really large moves. I'm just going to click "Okay". Basically, this is my pattern. I'm going to turn off the tile edge. I'm going to fill this at 9-by-9 and I'm going to zoom out so I can see what I'm looking at. We can change the colors later on. I'm less worried about the colors. I'm more worried about the pattern. I think these two colors, I'm going to change the red and the gray, but we can see how we feel later on. I'll click here on "Done". Now we have a pattern that is created from this base set of triangles. It's obviously fully editable and it's also a pattern that breaks out of that very rectangular mold. It's a lot more organic if you like, if you could call a triangle pattern organic. Here we have it filled in our shape, and of course we can go to the Recolor Artwork dialogue, go to Advanced Options, and we can select and adjust these colors. Now, we could select them here, but it's way more fun to go to the edit option. Make sure that these are unlinked if you want to change an individual color, and I'm thinking this red just needs to be toned down a little bit. I'm also thinking that the gray needs a bit of work and I'm wondering if I can pick up the gray. I think this might be it. Yeah, that's it. I'm just going to dial it back a little bit. Click "Okay". Of course, because we're using the pattern make tool, that means that we've got a second pattern, we've got the original colored one, and then we've got this newly colored one. Of course, we can also change all the colors in the pattern by selecting the pattern filled shape. Go back to the Recolor Artwork dialogue, go back to Advanced Options and edit. We want to make sure that these are linked, so right now those colors are linked, so moving one will move all of them. We can move this around to choose a different look or different base color set for our pattern. The relationship between the colors is being maintained, but we're moving it around the color wheel to find something perhaps more interesting and that we like better. If you find an individual color that you don't like, make sure to unlink everything and then just move that color around. Not liking the green at all. When you're happy with that, click "Okay", and of course, yet another pattern has been added to the swatches panel, our original, the one where we toned down two of those colors and this one with a totally different color base. 5. Pt 4 - A Brief Summary of the Process: Before we finish up, let's have a look at our starting shape and just make a note of the things that are going to be important if we want to make more patterns like this in future. The first thing I think is important is to start with a regular shape. I started with a square. You could make a rectangle. It doesn't matter. You're going to draw all your triangles and just get them down because that's part of the process that you're going to have to do anyway. Get your triangles down and then work on aligning them. You're going to want to make sure that anything that crosses this line here is at exactly the same point as anything that crosses this line here. So make sure that the anchor points here and the anchor points here line up perfectly. Detail up here. These up here need to line up with these down here. What happens in the middle doesn't matter. That's totally irrelevant. If you want it to be pixel perfect, accurate, you're going to want to choose View and Outline, and you're going to want to work in here and just have a look, and a really, really close look, to make sure that everything is lined up perfectly because if it's not lined up perfectly, there are going to be gaps, and triangle patterns are notorious for gaps. What we want is something that doesn't have gaps. We want to be able to zoom into this pattern really, really closely and not see any gaps at all, no bits of white coming through. It's tricky to do, but you now know the process, and the process involves being pixel accurate on the starting shapes. Then when you work inside the pattern make tool, anything you do over here, you want to duplicate over here so it's just easier to select everything here, shift, select everything here, and then use something like the transform move tool to move them out of this strict alignment. So you break up the line, so not everything looks like it's started in a box. You'll see here with this pattern, there are no strong horizontal or vertical lines. Everything is really, really very irregular, and that was the design. That's the plan that we came here to achieve. 6. Pt 5 - Additional Examples: One request which I often get with my classes is to do additional work. The example thought, I want to revisit the shape that we were looking at in the very first video when I sought to talk to you about how difficult was to create triangle patterns. What I've done is I've recreated these triangles, but in a grid, and this grid is perfectly lined up. If we go to Outline View, you'll see that we're not seeing any double lines in here. Always worthwhile checking before you spend the time making a pattern to make sure that you're starting with things that are nice and square and where everything is nicely lined up. I know that these anchor points here and these are perfectly aligned. For our part, we'll choose object pattern and then make. This as my pattern tile. You can see I've got show tile edge turned on, so these are the four shapes that I'm making up my pattern. Well, we already know that we can grab these anchor points here and shift, drag on these anchor points here to select them. I'm switching to the direct selection tool. I can also do that by pressing the letter A. I'm just going to move these manually this time. Just have your wits about you so that if you see something go wrong, just undo it and start over. I'm able to move this anchor point, this point between the shapes, but I'm stuck with a lot of vertical movement. I can't move it off this vertical, so I can't put it on an angle. We're also facing with this very simple design, how we can do something about this area over here. Right now, there is no set of points in the middle here, so if we wanted to impact this at all and do something about this triangle here, we would need to actually select the points at all four corners of this tile edge. Let's see how we're going to do that. We're going to select over this one, hold Shift, select over this one, and here, and here and all these four anchor points control this area up here. I'm going to switch to my direct selection tool. I'm just pressing the letter A. As you can see here, I'm now impacting that triangle. But again, I can't move this line off the vertical, so just a heads up there because this design is so simple as a starting point, we've got stuck with some very strong verticals. I'm going to click "Done" and we're going to revisit this shape here. What I could do is double up on my shapes. I'm going to select over these objects, going to make sure I have the selection tool selected. I'm just going to drag down in a perfectly vertical direction. I want to align these up. I'm going to double-check them because we're going to make a pattern out of them, and we need to make sure that they're aligned up before we do. Good. No double lines there. Back into GPU Preview. I am going to turn my art board off because I don't want to be confused by the artboard behind my pattern. Now I've got something that's a little bit more fluid because I've got anchor points here and here that I can use to break up this really strong vertical lines. I'm going to select everything and choose object pattern and then make. This is my pattern tile, same thing. Going to impact these, select these holding the Shift key as I do, and I can move these. I'm breaking this very strong horizontal line here. Now I'm going back to the Lasso tool and let's Lasso this point and this point. Press the letter A, and now I can impact that vertical line, I can break up that vertical line. I just made a mistake there, I lost my anchor points, so I'm going to just press Control Z to undo it so that I don't get into a mess. Let's go back and select the points that are actually impacting that. That's this set here and this set over here. Again, move them around to break that really strong vertical line. We still have the same set of colors. We've just got them working a little bit independently of each other by having two sets of every color. We're able to break the strong vertical lines. Still have a pattern, but we've got two green triangles that they are different shapes two triangles that are pink, they're different shapes, two triangles that a yellow, again, different shapes. We could take that one step further and duplicate these across. This time I'm going to do something a little bit different. I'm going to take this set, and I'm going to rotate them. I'm going to take this set and rotate them. Now that's not the same as rotating the whole collection, so just be aware that that actually was something a little bit different to that. I'm going to stick them back together again. I'm going to check in the preview to make sure I got that right. That's looking good there, no sets of double lines there. We'll select over these shapes and let's make a pattern from it. This time we've got three individual points in the middle of the design that we can work on, as well as the corner points. I'm going to start with the corner ones because they're a little bit more fadely. Let's just get them done. I'm going to break that strong vertical going back to the Lasso tool or pity about the Lasso tool is it doesn't have a shortcut key, which is a bit of a nuisance. Let's move these out. Then we can work on these up here and down here, just continually referencing the things that are, in actual fact, bits of the same point. Let's take this one up and let's go to this one here. It's a point in the middle of the pattern tile, so it doesn't need to be selected with anything else. Actually move that up a little bit and then let's come and do this one here. Again, trying to get rid of these verticals and horizontals as much as we can. Everything looks a little bit more erratic if you like. Come back in here and just do a little bit of work on this one before we go back and have a look at the design. I didn't get enough of the pieces. You could say that I was breaking up, so let's go and make sure that we've got everything. In actual fact, these are two, so I missed the second part. As soon as you see white appearing, you know, you're in trouble, just undo it and go back and start again. Let's call that good. I'll click "Done". Now let's go and have a look and see what we've got. I've already got a shape with a pattern in it. This is the original design. With just those four shapes, you can't get away from these really strong vertical lines. Doubling up on our design, we're getting two of each color triangle. Each of them is different, and we've got rid of those strong verticals and horizontals. Here we've got a design where we used four sets of triangles, and we flipped them to get something a bit more interesting. Now I'm totally not liking this color scheme, but I also know there's some really interesting stuff we can do with this pattern. I'm just going to enlarge it a little bit. I'm also going to shrink down the design. I'm going to turn off transform objects, and I'm just going to scale it down to about 60 percent. We get a few more of our objects in our vision. I'm going to the recolor artwork dialogue advanced options. Now I have a color scheme here that I'm going to use, so I'm just going to apply it by clicking on it. There are more colors in this color scheme than there are colors in the original pattern. If I click here on randomly, could change color order. I can change the color order and see what happens. What I was finding when I was working with this earlier is this strong whimsical vertical lines, if you like, really show up when you've got white and a pattern. I really like the fact that there's white in this pattern. I'm just going to click "Okay" because I do want to save that pattern. I don't want to save changes to the Swatches groups, so I'm just going to say no to that. That is a pattern, but I'm going back into the same dialogue, and I'm going to edit, but right now because it's got white in it, you can see that white can't be remapped. It's not actually being remapped right now. I'm going to click there and add a new color. Make sure there's an arrowhead here on it because now we can continue to work with white. Well, let's just go back to Assign here. I'm going to start rotating these around again. I found with these triangle designs, the presence of white is really a bonus for this. When you get the white coming through, leaving these stronger whimsical vertical lines, things look really interesting. S I'm going to save that pattern as well. Here is the rather weirdly colored starting point. But out of this, we've got a couple of patterns that are just really, really nice. That's a tip for using the recolor artwork dialogue. If you've got color schemes that you like, you can just click on a color scheme. Don't open it up, that doesn't do anything but actually clicking on the color scheme, or let's just make sure that white can be remapped first. Let's click on the color scheme. That's applied to the design, and then you can just start rotating the colors around. If there are colors that you like, there's a chance that you'll end up with a pattern design that you like out of it. Every time we do that, we get a new pattern in the swatches panel here in Illustrator. I thought it was just interesting to revisit a simple starting point and just say what you could do with it with this tool. 7. Pixel Perfect Triangles - Project and Wrapup: We've now completed the video training portion of this course, so it's over to you. Your project for this class will be to create a repeating triangle design using Adobe Illustrator and putting the skills that you've learned in this class to work. Post an image of your completed pattern as your class project. I hope that you've enjoyed this course and that you've learned things about Adobe Illustrator that you were previously unaware of. Now, if you did enjoy this course and when you see a prompt that asks if you would recommend this class to others, please, would you do two things for me. Firstly, answer yes, that you do recommend this class, and secondly, write even in just a few words why you enjoyed it. Your recommendations help other students to say that this is a course that they too might enjoy and learn from. If you'd like to leave me a comment, please do so. I read all your comments and I look at and review all your class project. If you see the follow link on the screen, click it to be alerted when I release new classes here on Skillshare. My name is Helen Bradley. Thank you so much for joining me for this episode of Graphic Design for Lunch, and I look forward to seeing you in another class here on Skillshare soon.