From sketch to Pattern on Illustrator/ easy to follow steps. | Melissa Conde | Skillshare

From sketch to Pattern on Illustrator/ easy to follow steps.

Melissa Conde, Artist, illustrator

From sketch to Pattern on Illustrator/ easy to follow steps.

Melissa Conde, Artist, illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (26m)
    • 1. Intro

    • 2. what you need

    • 3. Vectorizing sketch

    • 4. Smooth it out

    • 5. Coloring

    • 6. Making the pattern

    • 7. Saving patternTile

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.





About This Class

Ever wondered how to transform your sketches and doodles into seamless pattern designs?

This class is exactly that. Straight forward easy and simple steps to follow even if you´re a beginner on Illustrator.

You will learn once and for all how to make a pattern tile with what you will then go on to making your own pattern designs for fabrics, wallpaper, and the infinite world of surface pattern design.

The pattern tile is what you need to upload your art into Print on Demand Sites such as spoonflower.

Pattern designs can be as simple as polka dots or more complex so this class is for everyone who likes to draw.

I have put together this class thinking about myself when I was starting to learn about pattern making and was a little overwhelmed with so much information and different techniques, that´s why I made it as basic as possible to help you ease into it with joy and confidence.

Much love,


Meet Your Teacher

Teacher Profile Image

Melissa Conde

Artist, illustrator



A warm welcome to you.

If you like watercolor botanicals and fashion illustrations, you´re in the right place.

I'm Melissa Conde and I believe in art made from the heart.

I am a Brazilian artist, instructor, and illustrator. 

I work with watercolors on paper, I am always looking forward to learning new and beautiful things to pass on my experience, my passion.

I use different styles of painting to approach different subjects.

Pattern design is now my obsession!

Let´s make art together!





Be my instabuddy  @melissaconde_designs 


Also on 

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
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.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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.



1. Intro : Hi guys, my name is Melissa, and today we are going to make a seamless pattern design from a simple sketch on the illustrator. Pattern tile is that thing you need to have in order to make a bad and repeat seamlessly, you will learn how to vectorizes, catch, color it, make the pattern tile and save it. Surface bed InDesign is everywhere and it's not a bed skill to have these days. Even if you already know how to make a patterned tile, there's always some tips you can get from different teachers. Making patterned designs is very exciting and a highly addictive. I am loving it and I'm sure you will love it too. So let's get started. 2. what you need: All you need for this class is as smooth paper, pencil, an ink pen, and eraser, and illustrator, and you're all set. The motifs are this barren class could be a simple sketch such as little heart shapes, circles. Even just marks are scribbles. I'll be creating made-up botanical composition. I start drawing very light. And once I feel more confident, I go over again marking the lines I want to keep. All right, so once I'm done, I come over again and draw over it with ink pen to thicken any lines or add some details to it. If you want to use this exact same drawing for the class and you don't feel confident to draw. I will leave a copy available at the class resources section. Make sure to erase the pencil lines after you draw and bring it into your computer. Any means you feel comfortable with. And I'll meet you in the next video. 3. Vectorizing sketch: Now you have open illustrator. You will go to File New. Make a square of 600 by 600 pixels at 300 DPI is fine. Click OK. The smaller your art board, the lighter the file, and you're able to move things around quicker. Here on the right, whatever you have or don't have here, you can add here on the window button, see art boards, brushes. You have everything here. To click the outline clear here on the left. Now go to File Place, find your drawing that should be on your desktop, on your download file. Shift and drag to resize it. Control plus to zoom in. Now let's find our image trace box window. Here. Here it is. Now with the image you are drawing, clicked on, you see the blue line. You'll click on preset black and white logo and wait for the magic to happen. You can zoom in to see how the lines came on. T. If they're too thin and you're like them thicker, you can go to threshold and move it around. If you move it up, the lines will be thicker. So try moving it up and down and see how you like it. Don't worry about these jagged lines because we will do the touch ups in just a moment. And think it looks okay. Now, if you're satisfied, click on advance. Ignore white. This will remove the white background. We don't need the image trace box anymore. Click on Expand. Now you see all these blue dots. That means the image has been factorized. You will go to object, Ungroup. Click on the edge of the box, drag it to the side, and go ahead and delete that. And delete also any marks that you want. Deleted that you don't want. Okay. So now that we have ungrouped, We have to group them back together. See a little dot there, delete that. To group them back together. You will select the image and control g to make sure I got the entire image and know bits and pieces are left out. I use the lasso tool and make a circle around it and control g. So you go ahead and do that in all the elements. Then you have vectorized grouping them together. Every time you ungroup, you have to remember to group it back together. Okay? All right, now we have our element factorized. You can select them, move them to the side to see third, no white bits anywhere. That's good. Shift and drag to resize them. And I will see you in the next video. 4. Smooth it out: What we are doing now is taking a good close up look at what we have. And so zoom in and let's see what we can improve. You will click on the minus button to get the pen tool which will take away and remove unwanted anchor points like so. There are a couple of ways to do this. One of them is the pen tool. And for a sharper points, I choose a, I think it's best. Now we also have the pencil to, here on the left. You will click on it and choose the smooth to click on the element motif and just gently facet on this side, you will want to smooth out. It will also lesser the number of anchor points. You see. Like this. You don't want to overdo it to the point where it will change the drawing too much. The inside of the leaves. You see this line here. You will want to remove that. So click on it and delete it. You understand why in just a moment. Now if you pass this move to a couple of times and you still have some sharp point goal with the bands, the pen tool. And do that around every element of your motifs. Zooming in and out to see how it's going. You can also use the white arrow to adjust some anchor points. Now, I'm going to go over all of them doing the same thing, alternating between smooth and pen tool. You can always use Control Z to take a few steps back if you need as many as you need, actually. Okay, now that we're happy with our results, let's take the next step. Coloring. 5. Coloring : This is my favorite step coloring. Let's start with the simplest way to do it. Chooses the image you want to color, clear content, and then go to the swatches panel and pick a color. Like so. You see here, one of these pods are filled with the color. And this is why now Spain too, I like to delete that line inside. If you zoom in, you'll see that there's a little white line. And so you won't group it. Select it and delete it. Take a moment to see if you want to do any adjustment on the move tool. Once you done that, make sure you regroup. But just to be safe. You can color the inside of the pods by choosing the bucket to live Paint Bucket tool, pick a color and click on the inside. C. Now you will not have that line that was there before. It took me awhile to realize that bothered me. So you can go ahead and use the bucket too like this, where it's led to read. It's whether the colour will go play around with the colors. I think I'm going to do a shades of green. Now the flower seeds, same thing here. And I forgot to take that one out. Click on it, deleted. You see that the whole flower is green because it's all in one line. And I want to make the flower another color. So what I'm going to do is get the eraser tool left bracket to make it very small. And I'm just going to erase where I want separate. Following the lines of the flower. C. Now, there are separated and I can bend the flower any color. I two's, they outline. And also you can go to the swatches panel on the left and make your own color. Click on it. Move it around. Experiment. You could be here for awhile. So go ahead and have fun. You can make it all the same color, making two whole shape. I think I want to make a white flower. This time, I'm going to choose a dark green. Now that looks black on k. Now here. I think I wanted to make this little pods another color. So I'm going to use the same technique. You race. Separate them. This works also if you have a previous sketch and you would like to use it. This is something you could do too. Okay. I think I'm happy with it. Let's make sure everything is group back together. And I'll see you in the next video. Let's make that pattern tie. 6. Making the pattern : Now the moment we all been waiting for the parent tile, grab your elements, bring them to the side to see what they look like. And let's start making a few copies. Control c and control v, you make an exact copy. If you press the key, the letter O, you will make a mirrored image. C, You can make a pattern just with this one. But I'm going to do this with all of them because we're going to need a whole lot of them to fill our pattern type. Control C control V, mirror them. Now we have this set, we can select it and copy the whole set. Now we're getting somewhere. Click on the letter m will make a square 600 by 600 pixels and snap it onto your art board. Like so. You don't want to use a color that one of your elements already have because it would disappear. So try a few different ones. And I'm gonna go with black so we can have a lot of contrast. Click on object lock selection. Now this square will not be moved as we place our motifs. Object, select all of them. Object, bring to front. Unless start placing our elements are motifs on the left side of the square. On the edge. Like so. If you click on the letter R, You will rotate them around. You can shift and drag to change their size. So play with that and fill out the left side of the square. You will notice I do not go over the top or the bottom edge. I am not going to go on all the y's here. The wise because this would be a much more extensive class. So I will just say how I do it. And I will guarantee you a pattern tile with the seamless pattern. Place them randomly as you wish. No particular order, just how you feel. Looks good. Once you're ready, you will select all of them that are hanging on the left side. Right-click transform mood. We're going on the horizontal 600 and on the vertical 0. Click copy. And you will have the perfect matching set on the right side. Now, you will do the same thing on the top of the square. Watching to not go over the left or the right side. Use the R to rotate the o to mirror. Resize them. Select them all. And not here and there. Let's select all that's hanging on the top side. Right-click. Transformed move. This time is 0 horizontal and 600 vertical. Click Copy. And there you have it. Now we have to fill in the middle. I select some of the motifs without moving them. And just click control C, control V. And I have a bunch more over here. What I do is I resize some of them and just fill the center of the square. Take your time. Do not rush this process. You can also recolor a couple name if you wish. There is no rule really. I think that's good enough. Now what you will do is go to unlock. You see this, the square is blue selected. You will click control c and control B, which will make a square right on the back of this one. And this square has to be clear. So click on clear, select everything and drag it into the swatches panel right there. Click on M, you will make a rectangle and click on your pattern. Why? There you have it. Your own seamless, sweet little pattern. Now let's save it. 7. Saving patternTile : Now last but not least, let's save this pattern tile. First. Let's take a look. Right-click transform, scale and click Transform objects go up here. And type 50% preview. You can take a look at this seamless battering. See if it looks good. You can put 200 to close up. It's all good. So I'm gonna go back to 100 and click OK. Now we don't need all of this anymore because our patterns already saved in their swatches panel. What we're gonna do now is click on the pattern on the swatches Patna and drag it out. Click on it, go to object, Ungroup. Click outside, and then you will click only on the background. Square, control C, control B. And this time you're gonna go to our budget. Art boards, convert two art boards. Now, click on the background again, press S plus shift and drag and make it a little bigger and let go. This will prevent lines on your seamless pattern file. Save for web. Now makes sure it's art optimized. And I save it on PNG 24. When that's done, you can save it on your desktop. Now, let's say you want to try a different background color. Click on the background. Pick a color. I'm going to try a light blue. Yeah, I think though looks pretty. So. I'm gonna just do the same thing and saved for Web. Everything is already set up, so all I have to do is save. Don't forget to select everything and drag it into your swatches panel. You don't want to lose that one. Also make sure you save your Illustrator file, save as, name it, and save it on your desktop. Let's be organized. If you're going to be making in many patterns, you want to have a folder for your pattern. Name it. I will name this one class pattern. And I will have my Illustrator file in it and make another one only for the tiles. I have saved pattern tiles and just keep them together. Create the habit of having them organized. And congratulations, you have made your first baton tile.