How to create a symmetric pattern in Procreate. | Ouss Mezher | Skillshare

How to create a symmetric pattern in Procreate.

Ouss Mezher, Graphic Designer/illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (1h 6m) View My Notes
    • 1. Intro

      0:44
    • 2. Tools

      2:37
    • 3. Prepare File

      3:49
    • 4. Inspiration

      0:43
    • 5. Project1: Vertical Symmetry

      17:30
    • 6. Project2: Quadrant Symmetry

      15:57
    • 7. Project3: Radial Symmetry

      14:23
    • 8. Digitize symmetry pattern in Adobe illustrator

      9:38
    • 9. Thank you

      0:13

About This Class

Procreate is an amazing IPad app often used by illustrators. But the app has been increasingly used by various other creatives, mainly pattern designers. One of the main reasons for that is the easy, yet powerful procreate feature, the Symmetry Drawing Guide.

In this class, you will learn everything you need to know about this feature and how you can take advantage of it in your own pattern design projects.

We will create 3 kinds of symmetrical patterns: vertical, quadrant, and radial. We will use the Symmetry Drawing Guide and I will provide the color palettes for each project.

I will guide you step by step and show you my own process when creating patterns. We will go through 5 stages: initial sketch, details and refinements, advanced design, and finally colors.

As a BONUS video, I will also show you how I convert my pattern from Procreate to vector in Adobe illustrator.

Note: This is not a procreate tutorial class. If you are a beginner you can follow along, but I assume in this class that you have basic familiarity with the interface of both Procreate and Adobe Illustrator.

Transcripts

1. Intro: Procreate has a great feature called Drawing died. It contains the symmetry option that will help us create an amazing symmetrical patterns. Hi, I'm most meter a patent designer and illustrator. I work and live in Moriah. And this class will create three patterns and give you tips and tricks on how to plead a vertical quadrant and radially symmetrical patterns and guide you step-by-step from sketch to color pattern. So a basic knowledge and procreate is a must. As a bonus, we'll convert our Barton from procreate to vector in Illustrator. So graphing bend unless start creating. 2. Tools: For this class, what you need is an iPad Pro and eversion, an Apple Pencil, and procreate up. I recommend you update procreate so it will be easier for you to follow. Take note that you need to be familiar with procreate before starting this class. Here are few gestures that I use throughout the class. You can skip this step if you are familiar with procreate, but I will show you a few just served that I use often in this class. You have two fingers to undo, three fingers to redo. If you draw a line and you keep your pen on the screen, it will snap to a straight line. The same for a round shape. If you keep your pen on the screen, it will snap to geometric shape and procreate will give you options to edit the shape and adjusted. You can even convert it to a circle, the same for a closed one. If I draw a circle and keep my pen on the screen, it will snap to a circle. You can even edit it later by clicking on the options on top and select circle to make sure it's a perfect circle. If you have few layers. For example, I'm on this layer and you want to group different layers together. You drag the layers that you want to the right. And procreate will give you the option of group. So you can click group to group them. If you want to change the color of your brush to a different color, you can tap here and it will select the previous color that you worked on. If you have a four and you want to fill inside, make sure that your form is closed. Before selecting the color and bracketed inside. I'm putting two fingers on the screen. It permits me to adjust the placements and the size of the canvas here, some of the elements that I use frequently in the class. So let's happen to the first project. 3. Prepare File: I'm going to explain what size and resolution is. Size refers to the dimensions of the canvas, its width and height. Resolution. It refers to how many pixels for awhile, or ink dot for printing existing per inch on the canvas, greater than resolution is the theater of your pattern will be. For this class, I will be using 300 dpi, the standard for printing, because it's easier to convert a baton to have later, but not the other way around. Stock bond within a prepared the canvas for the class. Start by opening procreate. Click on the plus sign. Here you can see all the sizes that procreate provide. Click on the plus sign next to new canvas to create a new one. Here, you can decide on the size that you want for your project. But I'm gonna use pixels, one hundred and five hundred pixels by one hundred, five hundred. It's the equivalent of five inches by five with 300 as a DPI resolution. As you can see, we have the maximum layer 85, which is a lot considering that we have a limited palette and we are going to use each color on its own layer. Renamed the campus, symmetry. And click create. Procreate will save it, save the size, and create a new canvas automatically. Step two, I'll show you two ways to upload your palettes. To upload your palate and procreate, download them from the course, then put them in a dropbox file. Find the file where you put the palette and select one. Dropbox won't show you a preview. Go to the three dots on top right, click on it, and then click Export. Here you have the option where you want to send the file, go to the end, then click again on the three dots to have more options than scroll to the bottom and click on copy to procreate. It will be downloaded automatically to procreate. And to find your palette, Go to the bottom and you will see it. Another way to upload your palate is to send them via email. Go to your Gmail, select the image, then select one of those functions. Click on it. It will open the screen. Go to that top-right where you have the export item. Click on it. Here you will have option where you want to send it, go to the end, click on the three dots for more options, then go to the bottom and click on copy to procreate. It will automatically be downloaded to procreate. And like the other palate, It will show at the end of your palates. I will provide a color palette for each project. For all the classes, we're gonna use one brush, click on the Brush, then go to inking, then select dry ink. This brush is good because it has a rough edge and it's opaque in the center. 4. Inspiration: The best inspiration for symmetric patterns and patterns in gender is the work of William Morris, a British textile designer, a poet, and novels. There are tons of books about him and his work, but you can simply Google his name and you will find lots of his patterns. Another great source of inspiration, it's a world of ties and wallpaper design. I recommend you search for inspiration on Google or Pinterest. And I will add a link to a board I created to some samples of symmetric design. 5. Project1: Vertical Symmetry: I'll start by explaining how vertical symmetry words. Go to the ranch tool, click on canvas and activate the drawing guide. Click on edit drawing guide, then select symmetry and the options select vertical. And for this class we're gonna keep the rotation symmetry of we're gonna change the color of the guide. And I'm gonna click done. Procreate will create a new layer with the word assisted on it. And it means this layer has drawing guide active on it. We're gonna create a new layer to demonstrate how vertical symmetry works is like having a paper and you fold it in half. Whatever you draw on one side, it will be reflected on the other side. For example, if I draw a leaf here, it will reflect on the other side. And whatever I draw on the sides or in the middle, it will be reflected on the other side. So demonstration with the layer, with the drawing guide active DOM change the color of the my brush. So if I draw a leaf here, it would reflect on the other side. If I draw something here, it will reflect on the other side. Always start with the shape. It is better to create a simple shape with no details. To see that the pattern in general is working before starting to add details to it. For example, for this vertical design, I'm creating a shape. And one I put it together. I can see that I have two shapes. The first one is the basic one. But when I add the two together, I'll create a second shape. And I recommend having one big element in your pattern. For example, I'm going to create a flower here. And in the metal out, create a small And I meant to break the pattern. Step to add more details to the shape. Here, I'd include the shape cleaner and started to add more details to it. And I redrew more shapes for the three projects. Here is the shape that I worked on, an added details to them. I'll select one for each of the three projects we are going to work on in this class. Steps three plays, sketch and procreate, and draw it. Click on the plus sign, select the symmetry campus. Then go to the wrench tool, click on Add and insert a photo. I took screenshots of the sketches. And I'm going to select the sketch that I chose for the vertical symmetry. And I'm going to fit 11 shape. The main shape. Because it's the shape. We're, the repeat is going to happen. I fit it inside my canvas. Then lower the opacity and create a new layer. Go to the wrench to click on canvas and click on drawing Guide. Select Edit, drone Guide, select symmetry and the options, and choose vertical. And keep the rotational symmetry of I'm gonna change the color of my guy and select done. As you can see, this layer had the word assisted on it. It means this layer has a brewing guide active on it. So I'm going to start sketching. Take note that this step is to transform the shape and the sketch inside procreate to see if the pattern is still working. And it's an occasion for you to add a few details. It doesn't need to be finite because you can, and we will refine it later. But this step is only to transfer. The shape inside procreate. Now, I'm going to hide the layer with the photo on it and duplicate the top player four times and hide the original one. And what we need is transformed these four layers to have the size of the canvas. And you can do that by clicking on the blue dot on the side of the transform tool to access the dimension options. And the purpose of this step is to see if the shape that we created is working as a pattern. If we put the one next to the other, like the paper sketch we did earlier. So I'm going to select those four layers, group them, then flattened. And as you can see, the main shape is working fine. And May 1 put two shapes, one next to the other. It will create a second shape. So the flowers are working fine and the pattern is working fine for me. So the next step will be to refine it to the final step. So I'm going to delete this layer, delete the photo layer, activate the outline, lower the opacity or create a new layer. Click on it to activate the drawing assist. And as you can see the word assisted on the layer, that means drawing guide is active. And I'm going to start refining my sketch. Step four, refine the design again and procreate. I keep refining the sketch. Step five, start adding color in procreate. I'm happy with that. So the next step for me to start colliding. So I'm gonna delete this layer, delete the layer or the rough sketch, and activate that define design. Click on the end and lower the opacity of the layer and put it on multiply. I'm going to look for my pallets. So I uploaded the pellets for this class and they are on the bottom. So I'll select the vertical symmetry and set the pallet as default. It means that I access the colours easily because it will be the first ballot to C. We're gonna select the blue, create a new layer, rename it, and activate the drawing assist on the layer. Make sure to have the word assisted on each layer, blue color because it's worth drawing guide is active. So for me, I'm gonna make the shape and the stem of the flowers dark blue. And they will be on top and rest of the design will be a mix of the colors in my palette. So I'm gonna start with the stem. Take note that I make minor changes to my pattern, even if unsatisfied with the design, I always make some minor changes. Even when I'm coloring because I consider my patterns to be working progress. But it's up to you how to work. For me making some few adjustment here and there. Like for the leaves and the placements of the flower as it's a normal thing. Because I'm always improving by pattern. So the next step for me, I tried to put, and I recommend you to put each color on its own layer. And the purpose of this is not to overlap. Your colors so you can make adjustment by doing that. If I want to make adjustment, for example, to the flower, it will be easy for me to do that when I have only the pink on the layer. And I'll show you what I mean now. We're going to create the orange layer, activates a drone assist, select the orange and start coloring and other part of the flower. So for example, if I need to make changes to the form by moving some element, that will be easy and clean because I have the orange layer separated from the pink layer. And that make it easy for me to adjust, remove elements from the atom without without any problem. What I'm gonna do now is put all the colors and make sure that drawing assists on each of them. I'm gonna change the color of the background by clicking on the layer background and select the color that I chose for this button. The layout background color, without adding a Juilliard to your design. And I'm going to continue my coloring. Okay, here. And here is the final pattern. We started by creating a shape and we add a few details to it, then transfer it into procreate, then refine it. And the last step we color it. Process will be applied to the next two projects. 6. Project2: Quadrant Symmetry: I will start by explaining how quadrant symmetry works. Go to the wrench tool, click on canvas and activate the drawing guide. Click, Edit drawn guide, and select symmetry. In the options, we're gonna choose quadrant by keeping the rotation symmetry of for this class. And I'm gonna change the color of my Guide to read and click Done. Procreate will create a new layer with the word assisted on it. It means this layer has the drawing died, act upon it. I'm gonna create a new layer to show you how quadrant symmetry works is like having a paper and you fold it into whatever you draw on the square to be reflected on the left and on the bottom and on the site. So if I drew, it will be reflected on the left, top, and bottom right. And also the reflection for the two sites. I'm going to close the layer and make the demonstration on the layer with the word assisted on it. If you draw a leaf and to reflect on the three sides. So whatever you draw on one side, you have this reflection to the right, bottom. And metal. Always taught to the shape. It is always better to start with a simple shape with few details. To see a pattern in general is working. Here. I have this 11, I put those together. It will create a second shape. The main shape here. That combined together. We'll create a second shape. And I recommend having one element or one prominent element evident in your fatter. And you break it. The intersection of the two designs. Step two, add more details to the shape. I did good the shape cleaner and started to add more details to it. Steps three, plays, sketch and procreate and redraw. It did prove a plus sign, select the symmetric cameras. Then go to the wrench tool, select, Add, select and scepter photo. I took screenshots of the sketches and I selected only the ones that I want to use in this class. So I'm going to select the sketch for the quadrant symmetry. And I'm gonna try to fit it inside the canvas by selecting only one shape, dementia. Because it's the shape began to work on and it will be the shape for the repeat. I'm going to lower the opacity, create a new layer. Go to the wrench tool, select on canvas and activate the drone guide. Click on add controlling guide, and select symmetry. In the options. I'm going to select quadrant and keep the rotational symmetry of I'm gonna change the color of the guide to seed better than kicked up. As you can see, this layer has the word assisted on it. It means that drawing died is active on this later. So I'm gonna start sketching. Take that this step is to transfer your sketch, to procreate, to see if the shape is working and the pattern is working. It doesn't need to be final. Is just to clean up. I'm going to hide the layer with the screenshot. Duplicate the top layer four times. And hide the original one. Now, we need to transfer the four layers to half the size of the canvas. I'm going to do that by clicking on the blue dot to access the dimension options in that transform tube. And do that for the four layers. And the purpose of this step is to see if the shape that we created is still working as a pattern. When we transfer the sketch to procreate, I'm gonna select the four layers, group them than flatten that group. And as you can see, the shape that we did is working fine. And if we put it one next to the other and create a center shape, the flowers are working fine. The patterns is working fine for me. So the next step will be to refine it. So I'm going to delete this layer, sketch, activate the outline, create a new layer, click on it to activate the drawing. Assist on this layer, I'm gonna change the color of the brush. I'm gonna lower the opacity of the old the outline and start refining the sketch. For that, define the design. Again, we procreate. Five, start adding color in procreate. I'm happy with that pattern. So the next step for me is to color it. So I'm going to delete the slave, delete the layered with a rough sketch, activate a refined design. They clicked on the end and lower the opacity of the layer and put it on multiply. Now I'm going to search for my palate. So I go to palettes and go down to the end of my pellets where I uploaded the pellets from the, for the course. And select the quadrant symmetry and set it as default. It means whatever I need to choose a colored that quadrant symmetry pallet would be the first palette to access. Gonna select the green, create a new layer, rename it green, and activate the drawing assist. Make sure you have the word assisted on all the layers that you are working on when you start coloring. For this one. What I'm gonna do is have the stumps of the flowers in dark color and the shape, the outline of the shape, and dark color also, and the rest of the pattern will be the colors that I selected for this design. So I'm going to start with a dark color. I usually, even if I'm happy with that task, even if I'm satisfied with it, I make small adjustments because I considered my pattern to be a work in progress. It's mine that adjustment, but it's my way of working. I usually put each color on its own layer. Because when you do that, it's easier for you to adjust elements in your pattern without affecting other layers or other elements of your pattern. What I mean by that, for example, I'm coloring this one in pink. I'm gonna draw, draw the second part of the flower in dark pink. But if I need to adjust something, after I colored it, for example, remove a part of the pattern here. It's easy to remove and it's screened because the dark pink is on its own layer and pink is on its own layer. So even if they look overlapped, it's easy to change. So I'm going to continue creating layers for each color. I'm gonna select the layer with the word background-color on it to change the background color. It's nice because you don't have to create a new layer. You only need to change the color of the background. And I continue coloring my pattern. Here is the final pattern. We started by creating a shame, and we add a few details to it, then transfer it into procreate, then refine it. And the last step we color it. 7. Project3: Radial Symmetry: I will explain how radial symmetry works. Go to the wrench tool, click on canvas and activate the drawing died. Click on Edit drawn guide and select symmetry. And the options we're gonna choose the radio and keep the rotation symmetry of, for this one. I'm gonna change the color of my guy to read, to see more. Because I'm using a dark color for my sketch. Procreate will create automatically a new layer with the word assisted on it. It means that the drawing guide is active on this layer. I'm going to click on newly to explain how radial symmetry work. Whatever you draw on this triangle, it will be reflected to the left. And if you take those two together and rotate, rotate them three times, you create the radial symmetry. I'm going to make a demonstration on the layer with the word assisted donut. So whatever I draw here, it will make an affliction in the triangle. And you have the rotational For the three sides. Always start with the shape. As I said, it's better to start with a simple shape with a few details. To see. If the pattern is working. We have dementia. And if we put the cheap one next to the other and create a second shape. And I recommend having one prominent element or one focus point. For example, this flower and break. It. Was the intersection created between those two forms. Step two, add more details to the shape. I did good the shape cleaner and started to add more details to it. Steps three, plays, sketch and procreate, and withdraw it. Click on the plus sign, select assymetric Canvas. Go to the wrench to click, add and click, insert the photo. I took the screenshots of the sketches we did. So I'm gonna select the sketch for the radial symmetry. And I'm gonna try to fit the main chain inside the canvas. Go to the layer, lower the opacity, create a new layer. Go to the wrench tool, click on canvas, and activate the drawing guide. Click Edit drawn God, and select symmetry. And the options. I'm going to select radial symmetry and keep the rotation symmetry of I'm gonna change the color of my die to see it better and click done. As you can see, the layer has the word assisted on it. In the previous classes, I didn't rename it, but I can rename it. Now. It's, it's always good to rename your layers, but it's faster now for the class. So I'm going to start refining the sketch. Taking Note that this step is to transfer your sketch into procreate to see if the shape is working. And to see if the details are working fine, it doesn't need to be final. Is just a step for you. To see the potential of the pattern. I'm gonna hide the layer with the screenshot that we did. Duplicate the top layer four times and hide the original one. And now we're going to transform these four neighbors. To have the size of the canvas by clicking on the blue dot and dot transform tool to access the dimension option. And do that for the rest of the layers. And the purpose of this step is to see if the shape is working. When we put it one next to the other, like the sketch we did on the paper. And to see if the button is working. So I'm gonna select the four layers, group them than flatten this group. And as you can see, the main shape is working fine. And if we put this shape one next to the other will create a central shape. And it's really working, really nice. So unsatisfied with this pattern, the next step for me is to define it. So I'm gonna delete this layer, delete the sketch, activate this layer and lower its opacity. Create a new layer. Activate the drone and assist by clicking on the layer and selecting the drawing assist. Change the color of this brush. And I'm gonna start a defining step for that. Define the design again and procreate. Step five, start adding color in procreate. So I'm happy with this pattern. The next step for me is to color it. So I'm gonna delete this layer, delete the layer, sketch, and activate the defined design. Click on em to access the opacity of the layer and put the layer two multiply. Now I'm going to go look for my pellets. And they are at the bottom. And now I'm going to select radial symmetry and set it as default. Click on disk. As you can see, I have this pallet showing at the first ballot in my colors. So I'm gonna select the blue, create a new layer, rename it. And activate that drone assets. Keep in mind that you have to take care to have the word assisted on your layers when you start coloring. So for me, I will have the stems and the shape to be dark blue and the rest, I will select the rest of the colors for this design. So I'm going to start with the staff. And for me, like I said, and the other projects, I make minor adjustments to the design. When I'm colored ink. It's not much. But I still adjust my bottom till the end because I considered my patterns to be working progress. And some elements, I like to adjust them when I see the color on them. The next, the thing that I do is I put each color on its own layer because it's easier for me to adjust elements on the pattern without affecting other elements. And what I mean by that, for example, I'm drawing these flowers and I'm gonna put them under the dark blue, create a new layer and create another layer. Activate the drawing assist for the dark pink or dark red. And what I mean by putting each color on its own layer. For example, if you want to change some parts of short shape, you can do that without the other layers being affected. For example, here, I'm removing part of the bank and it doesn't affect the pale pink because it's on it's own layer. So I'm going to continue creating layer for each color. And here is the final pattern. We started by creating a shape and we add a few details to it, then transfer it into procreate, then refine it. And the last step we color it. 8. Digitize symmetry pattern in Adobe illustrator: Step one, we will convert all layers to black and procreate. To convert your pattern from procreate to illustrator, I recommend that you duplicate your project to keep the original one safe, renamed the one that you have. Open it. And what we need to do is to convert every layer to black. And you can select black by going to the colors and double-tap dot area to have the pure black. I'm gonna delete the unnecessary layers and hide most of the layers. To select one layer, you have two options. Either to click on the layer and activate the alpha log and start coloring. It's good, but it takes time and you can leave some areas and colored the next option and the best. You create a newly filled this layer with black. Then click on this layer and activate the clipping mask. Then click on it again. I'm murky dump. What will happen? It convert the layer below it to black. So I'm gonna repeat this step to the thinker. You create a new layer on top till this layer with black. Thank you. Click on this layer and activate the clipping mask. Click on it again, then select merge down. What will happen is this pink layer will be all black. So I'm going to repeat this process to the rest of the layers. Now, I have all the layers in black, and the next step is to send it to my computer by clicking on the ranch tool, click on share, then select the PSD. You can put it in Dropbox, but I have dropped. So I'm gonna select my computer and centered. Then. Step two, we open the PSD in Illustrator and news the image trace to convert our two vectors, open illustrator and locate your file. I saved mine on the desktop. So I'm going to select the PSD and click Open. Illustrator will give you options for Photoshop file. So keep the convert layers to objects and imported in layers on. And make sure that the flatten layers to a single image is 012. Flatten your file, and we don't need to do that. Click OK. As you can see, a Illustrator will keep all the same order, same names of the procreate five. So the first step to do is to upload the swatches. I downloaded a colored JPEG of my project. So I'm gonna place a t. And with the eyedropper, I'm going to start uploading the colors. Select the background, go to swatch, you click on plus and start adding colors. Now that I have all the colors, I'm gonna delete that JPEG. And I'm gonna delete the background layer because I don't need it now, I will add a rectangle later on. And I'll start by hiding all the layers and keep one to see what the image trace will give me. Go to window and select Image trace. When you select the image in the layer, the image trace will be active. The precept is set to default. So we're going to change that and create our own preset for the threshold. It usually give a seeker and Sidner lines. So I usually put it to 170% as if you have the advanced to close, click on the arrow to open more options. And for the past, I keep it to 95 because I'm going to click on the preview for us to see. Because it will give all the small details and your colored player and the black elements. As for the corner, I keep it to 75 because I like corners, but not a lot. As for the noise, if you put your noise to one. As you can see here, you have all the small details showing. And I don't need that because I have a flat colors. So I'm gonna keep it to 6%. I'm gonna click ignore what? Ignored why to remove the white area around the Black elements. These presets are my own, what I refer, but you need to adjust that depending on what you want to have for your pattern. Maybe you need to factor to me smoother or really have all the small details. You can play with that and create and save lots of presets and play with that later when you convert your button two vector. But for me, I'm gonna save this one. It will help me because I'm going to do the same steps for the rest of the layers and go to that top and click Expand. Than go to the swatches and select the color for the sleep. I'm gonna do that for the rest of the layer by clicking on the image inside the layer, than go to preset and select symmetry. Then go to the top and click expect. Then after that, go to swatches and select the corner for this layer. Now that we have older layers color, I'm gonna select all then Object, group them. When you do that, all the elements in different planes will be put to one layer. So I'm going to delete that empty layers and renamed the Shuang. Then go to my art bold, click on it and see the size of my ARPU. Before going to rectangle and select the background color. And click to half the size of the outboard. Go to the align and select Align two Allport than centered the rectangle, then arrange it and send it to back. Now, we'll see if everything is aligned. As you can see, the colors is not aligned with the square. So I'm going to also centered. And I'm gonna look at the sides to see that everything is aligned. So everything is fine. So I'm gonna select all. Then go to the Select tool and drag all the elements inside the swatches. Illustrated will create a new swatch for you. So to see, a repeating pattern is working, I'm going to select a rectangle. Then select the swatches. As you can see, the swatch is working redefined. And now we converted our pattern two vector and definitely save your file not to lose all the steps. So I'm going to save it as an illustrator. And take note that I have the latest illustrator, but this stuff wouldn't do from CDC and the latest version. So this step will work even on older versions. 9. Thank you: Thank you for taking this class. I hope you enjoy creating symmetrical patterns in procreate. And I can't wait to see your projects in the project section of the class. So keep on creating and good luck.