Stripes and Line Patterns in Under 60 Seconds | Emma Make | Skillshare

Playback Speed


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

Stripes and Line Patterns in Under 60 Seconds

teacher avatar Emma Make, Teaching, Creating and Making

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

6 Lessons (19m)
    • 1. Intro: How to Create Line Patterns

      0:38
    • 2. Pattern 1 Stripes

      4:25
    • 3. Pattern 2 Gingham

      3:58
    • 4. Pattern 3 Grid Check

      2:41
    • 5. Pattern 4 Geometric

      4:18
    • 6. Colours and Scale

      3:02
  • --
  • 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.

458

Students

2

Projects

About This Class

Line patterns; the staples of pattern design.

In each video, I'll first be demonstrating myself making either: stripes, gingham, grids and geometric lines under the clock (it's tense!), followed by a detailed tutorial going over the process.

Additional to this I'll also be showing you how to make your patterns seamless, as well as how to edit size, colour and scale.

The purpose of these videos is not for you to rush but to demonstrate how much easier design can be with the basics. The only challenge is committing the tricks to memory. So grab a stopwatch, sit yourself down and by the end of the lesson I hope you'll also be making patterns in under 60 seconds.

e82dff51

Meet Your Teacher

Teacher Profile Image

Emma Make

Teaching, Creating and Making

Teacher

Hello!

I'm a designer from England living in Lisbon Portugal.

Having completed my BA degree and pursued a career in Architecture; I have over 8 years of experience in Photoshop, Illustrator, CAD as well as general design. I decided last year to challenge myself by learning and making as much new stuff as possible through local classes and online ones to try and evolve my digital and handmade work outside of architecture. Which is how I found Skillshare.

Since starting my journey into pushing my design limits I've come across many questions and techniques that I feel more people should know about who are going on a similar quest to become digital designers

You can check out my work and feel free to follow me on;

Emmamake.com Creative Market Instagram ... See full profile

Class Ratings

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

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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

Transcripts

1. Intro: How to Create Line Patterns: line patterns, classic, stylish and a basic for designers, there's no reason why anyone should be able to create them. I'm going to show you how to make four staple simple line patterns in Adobe Illustrator. Each one can be made in under 60 seconds, which I'll be demonstrating against the clock. Even if you're already a conflict designer, this course will go over the principle set ups and shortcuts that will hopefully help you refine and quick in your workload. So let's get started on. By the end, I hope will be making patterns in under 60 seconds. 2. Pattern 1 Stripes: - Now you see how easy it is to make a pattern in under 60 seconds. I'm going to break it down to its simplest steps and highlight any potential problems and even some different ways of doing it in the end. So to begin with, I'm using a dartboard of 1000 by 1000 pixels. For these examples, this is going to make it a lot easier when it comes to making it seamless. So first thing you want to do is select your rectum. Balto, drawer out your strike. You need the judge the thickness by eye by pulling it on the box. But you can get the windows transform, making sure constrain is turned off. You can put in whatever value like into the whip, so I'll go with 20 pixels, and that's all shape done. So to make the space, I just copy the shape across by holding down bolts for copy and shift, which keeps on the straight same line. And then I just drag it to the right, and then I size up again. So because I want my pattern to be seamless, I need to make sure that my total with is equal to a factor of 1000. So I'll just demonstrate what happens if I don't do that. So at the moment, the Zahra width of 314 pixels together. If I drag them onto my switchboards, make pattern and then make a box, which is the same size as my art board and apply the pattern, you can see how it be exported. However, if I received this is a J peg and then tried tiling it by holding down old on just copying them across, you can see that I'd end up with a much skinniest space in between. So to sort out that problem, all ideas choose both of my lines. And I entered a factor of 1000 like 250 or 200. And then I dragged this shape onto my searches to make the pattern. When I apply this to my box to test out, you can see it's seamless. I like to test this out, so I just do this by holding down, alter my keyboard and dragging them into place, and you can see now that it seemed this. So now we just go over some other methods. You can use. So to begin with, some people who want to create this shape with the line tool. So to do this, I select my line or pen tal my whole downshift. Great. A straight line that I make sure my stroke is set instead of my fill, and I set the weight toe, whatever I like. So in this case, Archie's 20 again. From there I can drag the shape onto my switchboard, and then I apply it to the block, as we did before. So first off, you can see it's great of this black shape, and the reason this is happening is because we haven't set our pattern with. So to do this, I go to the Storch again, double click on the swatch, and then I set the with to be wider than my limes said to make it the same as before. I'll just to choose 250 and then I click Done. Now you'll see we have the same pattern, but a little bit different. So the reason I don't do it this way is that if I lift the past it up, you can see the background is transparent. The same as before, And this could be handy if you want to export PNG or keep a white background. But I want inevitable background with two colors, not one. So to get around this, I use my original swatch, and when I double click on this, I can easily set no Phil to a fill of Save red. And that's it. So that's how you can make a lot of baton in Illustrator. 3. Pattern 2 Gingham: - now show you how to make a gingham Patton. To begin with, I select the rectangle toe while holding down shift, this time to make the square, and you can see it's working because there's a diagonal pink line. Then to make my second square, I just hold on Colton shift to copy in a straight line and do the same on this site, and that's my basic shape. So next step of the colors. So if we look at a standard, gingham is essentially one rectangle copied, rotated and over laid with light a pastie to blend them. I want to create a pattern, however, with no changes in a pass iti and no chance of bleeding. If I make a pattern and zoom in on it, you can see here some overlap lines. So just as a tip, normally, if you want to go to edit preferences and play with taking an unticketed anti Elias, this will normally sold sort out these mishaps. But to be 100% sure, we're going to go for no transparency. So to do this, I make a mock up like this. Once you've said it up and we've got the colors we won. So in this case, blue, I just select all the elements and I go toe object. Raster size on this is gonna flatten it, then selecting one of my squares and using the eyedropper tool, I can get an exact match with none of the transparency. So I just apply that to the other squares. So next step is aligning to demonstrate what I mean by lining. I'll just offset this square. Now, when I go to swatches and make it pattern, I can see it all off. So to stop that Ah, you see a line tools in windows align. So selecting these top two, I can align them along the top, and I can check their the same dimension with transform. Then, if I go to control Geo my keyboard to group them and select the bottom 12 by holding down shift, I can use a line to key objects in the moral line tools to make sure the spacing between these elements. Zero. I'll keep going through the line tool until I'm happy they're all aligned, and then I'll drag my elements onto this much board to make my pattern. If you want to make your pattern seamless. Remember to make the width and the height of all your elements a factor of 1000. So something like 200 or 250. If you're unsure by what I mean by this, go back to video one where I show you how to make in check. Your pattern is seamless. Now on to Patton three. 4. Pattern 3 Grid Check: - Now I'm gonna take you through the bottom step by step. So the first step is the same as the king in Pattern, which is to select the rectangle tool and draw a square by holding down shift on dragging with the left click mouse that I make sure it's my straight that's on and not my fill to demonstrate the next principal. I'll make the line thicker if I drag this onto my swatches and then go into the pattern. You can see that in creating a thickness that is double what I might have intended. So I recommend once you decided a with you half it. If you're doing this inside of your pattern editor, the quickest thing you can do is to just click sighs. Tiled art. After doing this on this will squeeze your pattern boundary to your new size. Now, if I apply the pattern to a box on my board, you can see it's the width I originally intended and that there's no white lines either, which is perfect. So in case you skip the line video, I'll just go over how to make this seamless again. So if I copy my board over you could get an understanding of what I mean when I say our pattern is not seamless, you can see in between the tiles passing changes so we can't use this a seamless export. Say, to get around this, I set my square size to a factor of 1000 brave in height and width. The reason for this is that there needs to be a repeat on our board, which is size 2000 squared. It doesn't matter what we draw out hours, but when I go to windows transform, I make a factor of 1000. So in this case, I'm gonna go for 250 by 250. Then when I drag this out onto my swatches and make it the fill for a block, I can see I've made a seamless board for exporting and test this out are just copy it across by holding down old and you can see by the way it repeats consistently that it is seen this and that's how you can make a grid pattern really quickly. In Adobe Illustrator 5. Pattern 4 Geometric: - so to begin with. George Square using the rectangle tool and holding down shift, I'll give it no fill in a stroke of 20. I don't change it to align strict inside with our other patterns, we decided on the size of the end. But with this method, we need to decide on the wit and size of the beginning. So I'm going to go to transform an intern. A factor of 1000 said the design will be seamless. In this case, I'll cheese 250 squared. Then I'll hit O on the keyboard to reflect and click on the verte. See, and then press cult and click on the bottom point to reflect along the line. Then I'll select these two squares and dragged them into my swatches to create my pattern. Swatch now make my lives by selecting the pen tal and using direct select to pin them down , then are selected reflected using oh Olten quick as we did before. Inside my pattern, you can see there are lines have resulted in a double thickness. So then I make sure the thickness double full diagnose. So in this case, 40. When I draw out my rectangle imply the pattern. You can see it's seamless, and I can check this by holding Olson dragging my books to the site. I'm gonna show you another method for making this pattern. This method can produce the same look, but with the added bonus of keeping your thickness edit herbal only at the cost of a few more steps to begin with, I'm going to draw my square again and then set my thickness. This time I'm going to draw my line out to and then I'll reflect everything along the line of my square, a new nicest. This time everything is the same thickness. This version might seem faster, but if I draw out my box now and apply the swatch, you'll see the thicknesses are obviously wrong. To resolve this, I might try doubling my diagnose line. But this creates an offshoot, and when I make it into a pattern, the tiling becomes more complicated. To resolve this, I go back to my original shape of equal with, since our pattern is seamless ghetto addis our size and make it 250 by 125. Then I left our pattern into swatches and double click this watch to open. Now I have my size, and I can just check it again. If I like. I can enter into my pattern box, making sure size tireless switched off when I apply this to my work, I know have a seamless and equal weight pattern. The best thing about this method is if I double click on my pattern again, I can easily edit the thickness whilst keeping them all the same without having to redraw or anything. This is something we couldn't do before with this in mind are leave it t to decide which method teas, and that's our final pattern done. 6. Colours and Scale: now I'm going to go over how to quickly edit your patterns before it sporting them. So the first step, I'm going to show us how to edit colors. So if you click on your board and then go to edit edit colors, recover artwork, it comes up with this. Make sure you go to color reduction options and until white and black, because this is going to allow you to change the colors of the white and the black blinds. Now I set this to all colors, so now they're sent fruit. Now this is set up. I can double click on the color I want to change. So in this case, black, I can play with these toggles on. I'll go for Britain, shade of red and then I click. OK, I can use the same tools for grid, but I'll show you another thing you can do so this time are set up my colors. But now I consort these colors around. By clicking here, I randomly changed the saturation of colors. With this button you made a color group. You can also choose colors from there, and if you don't click on your sample, you can a lot of color from your swatches. Finally, with the gingham, you can go to edit edit colors, re color artwork. Another tip is if you link these colors together by selecting one color, you can retain your one shade effect on your game and pattern. Otherwise, you get something which not, which doesn't really resemble king in. But if I do one color it status kingdom, the next thing you might want to do is to change the scale. So if I goto objects, transform scale and then make sure transform objects is turned off and previews on, I can either make my pattern bigger or smaller like this. I'll just show you quickly without geometric pattern, and I want you to share how you've easy, simple patterns in your work, since these patterns a universal and really helpful for any project just based on image of how you use them in your work. Whether that's graphic design and pattern design, anything, it will be interesting to see how you've Eastham, and you can keep as a simple and you can give it a symbol is you want or classic as you want, or even experiment to little. It's up to you