Illustrate Zebra & Zebra Pattern In Procreate

1. Introduction & What You’ll Learn : Hey everyone, My name is Vinita I'm an illustrator and a pattern designer based in Singapore. And in this class I'm going to show you how you can illustrate your zebras in Procreate, will start this class by talking about reference images, how and where you can find them. And I've also attached then stock free reference images in the project section of this class, which you can download and use in any form. We will be illustrating a zebra from scratch. And later I will be adding few more elements that I have already ready with me and turning it into a pattern I will be showing you in details how I plan the composition for any Pattern And by the end of this class, you will have a whole zebra ready. And a lot of tips and tricks on how you can convert this Zebra into a pattern 2. Reference Image & Project : Now the reference image can be done in two ways. One is sketching in your own style. And the second one are royalty-free images, which are free to use in any form. I have a attached ten of these royalty-free images which are from unsplash.com under the project section of this class. You can go to project & resources. And under the sources you can find these links. You can tap on one of the link and you'll see the image will open. You can save this image and use for your project. Do not process for illustrating the zebra is same for both the kind of image. If it is your own sketch or it is a royalty-free image, the process, the layers, will be the same. For the project. You can illustrate any kind of pose or any zebras and turn them into a pattern as shown in this class. 3. Canvas & Brush Setup: Let's start with our canvas and brush setup, For that I'll tap on this plus sign. And tao again on this plus sign. I will keep my canvas as 3000 by 3000 Pixels with 300 DPI, which is standard for printing. This gives us a good amount of maximum layers too and tap Create. Next, moving on to brushes, I'll go to the brush library. Here we'll create a new folder for zebra. You have to tap on the plus sign to create a new folder. And you can rename this as zebra, will drop all the brushes we're going to use to this folder. My first brushes under inking section, that's tinderbox. I'll duplicate this brush, pick it up and dropped in this folder. My second brush is under inking again. That is technical pen. Again, duplicate this brush and drop it to the folder. My brush is under artistic The second last brush here. Duplicate and drop to the folder. We'll be using these three brushes for our illustration. I will show you the effects of these brushes and which part we are going to use them. For all the basic shapes we are going to use technical pen because this has a nice smooth finish. The second is the tinderbox This is a pressure based brush. This is really good for the stripes. The thickness depends on the pressure you put on the Canvas. In just one stroke, you can give a nice thin and thick effect. You can also practice a few times before you start your illustration. To get a good hang of it. Let's move on to the third brush This works really well when you need to add details and shadows to your illustration. Effect is very smooth and transparent. It gives a very pastel crayon kind of finish. Let's move on to our next step. I'll tap on the layer and tap clear. 4. Illustrating Zebra: Part 1: Let's start with our first step that's importing on reference image. For that, I'll go to Adjustments. Swipe left on, Insert a photo, and tap on insert a private photo. Now from your gallery you can select your reference image. I will tap on my reference image and fit your reference image to the canvas. Now next, I will reduce the opacity of this image. Go to layers that pure and reduce the opacity to around 50 percent. I'll pull this layer one on top of our image Lear. Next I'll go to brushes. Select a tinderbox brush. I will be selecting a dark brown color. You can also go for a black or a dark gray. Now, our next step is to use this image as a reference and start drawing on the stripes. I always like to do the phase at the end. So I'll start with the neck first. This brush works really well for the stripes with just one stroke, you can give a nice thin and thick stroke at the same time. I follow the same steps. Even if I have my sketch at the bottom. I import the image of my sketch and follow the same steps. While you're drawing on these stripes. You can also do your own changes and add details as per your own style. Or maybe changed the shape of the eyes or nose. You don't have to exactly follow the image. You can use it only for your reference to okay. Hi. Okay. Now let's move on to the face. Here you can adjust the size of your brush. Now for this, I'm using the same brush text in the box. Now for the day, I want to add a little slightly different day. So for that I'm going to hide my reference image. And I import a new reference image where I can see the daily clearly. Once you import the image, just shifted on aside where you can see the deal and also where you want to sketch clearly. For this, I'm going to add a new layer. So it's easier for us to admit our first layer. And the reference image, I will just start sketching with the same brush. Now show you can even choose an image with ducks. Are also add your own style, your own twist to it. So shall we are done with our first big part of illustrating a zebra. Next, I'll go to the layers and delete our reference image we imported for the tail and merge together our body and the tail layer. Now let's move on to our second part of adding details to the zebra. 5. Illustrating Zebra: Part 2: Now moving on to part 2 of illustrating a zebra, I will add a new layer below this new layer below our stripe layer. Next, I will change the background color. You can choose any little darker color. Now moving on to the Brush, select technical fan, white color. And start drawing this outline around the zebra, which we will lead the filled with the same white color. Once you're done with the outline, you drop this white collar on Zebra. Next time. Good two layers. Add a new layer on top of this white fill layer. Tap on the layer, tap Clipping Mask. This is to add details to the zebra. I'll select my Brush, select our light dough and the yellowish color. Now the reference image go to Layers, unhide the reference image, make the opacity at a 100 percent and make the image smaller and place it in an area where you can still see it clearly. We will need this for reference. For our next step, we will be adding few details and shadows to our zebra. And in this image, if you see this area is darker than the front and even a few shadows on the body do. And also near the neck ADRs. Now let's move on to the new layer, remade and drop off our white layer, a clipping mask layer. Now with my brush, I'll start adding these shadows. Depending on your style, you can make it lighter or darker than this. Or you can even change the brush. You're using two IDs details. Okay. Moving on to the face, make sure you're told brush is selected. Now sure, I'm trying to select a color. Then, the multimedia. Now she offered the nose, I'm going to select my tinderbox brush with the darker black color. Now for the eyes I'm selecting my Tinderbox brush Select a lighter color. Now for the feet. Again, selecting my third brush. And with the light, the gas d, d, d to the feet. Now moving on to the last part of the zebra, I'll add few details with a tinderbox brush. And we are done with our Z. Let's do on the zebra into a pattern. 6. Zebra Pattern : Let's turn the zebra into a baton. For that, I'll go to Leo's. Select all are working layers. Group them. Duplicate this group. Open the duplicate group, and merge all the layers. I force merge my clipping mask and then the layers. I will take the one layer with Zebra out of the group, delete the extra group. Next, we'll drop this into a new canvas. Now for the new canvas, I'm going to create a new canvas with 4000 by 4000 pixels and 300 DPI, which is little bigger than our working canvas. I already have few more elements illustrated to add to this baton. I will drop all my elements on this canvas. I have two boundaries and one more zebra. I will also go back to the gallery and add the zebra illustrated in this class to the same canvas. Now there's four elements to this canvas. By first step is to plan my composition. So I will hide my palm trees and edges the position of the zebras. Here we are trying to build a composition inside the square, which will work as a repeat block for our pattern. Next, I'll unhide the bomb tree layers and duplicate them because we will be adding more of these bomb trees later. I'll keep the extra copies at the bottom. And these we will be splitting and walking on. I will hide one of the palm tree and start working with one palm tree at a time. Now before you split, you need to plan the position of this palm tree. If I place my palm tree here, the half split will come on this side, the opposite side of the canvas. Next I'm going to split this palm tree for that and go to Layers. And a new layer. Fill this layer with any bright color. Make the opacity as 50 percent group this fill layer and the boundary layer. Now duplicate this new group. Now you have two groups here. I will hide one of the group and select one group. And under snapping, make sure your magnetic and snapping is on. And the distances around 21. I will slowly slide this. Depending on the position I want off the tree. And go to Layers. Select the other group, and slide it on the left side. Until it meets the yellow line. There shouldn't be any space or any line between them. Next I'll delete both are yellow fill layers and merge both the boundary layers. I will repeat the same process with the second boundary. Do first, I will select the palm tree and plan the position before I split. Now sure, if you see this bound tree, the trunk of this palm tree is showing at the bottom of the zebra. If you want, you can keep it as it is, or you can even erase the extras. I'm going to select my technical pen. And it is this box. Now moving on to adding the other two boundaries. Again, I will duplicate both the boundaries. So we have an extra copy. Now again, for these two boundaries, I'm going to use the same process. Position them and split them if required. Now for the two boundaries that we added later, I'm going to add extra effects to them. Now I'll go to that boundary layer and tap on this end. Here you can try all the effects and select depending on your style or how you like your pattern to be. Take your time and experiment with all the effects. Look different on different backgrounds. Do. I will select the last one. And it's too dark for me. So you can even reduce the opacity. And I'll select the same effect on the other boundary. Now you can also experiment with the background colors. I'll keep my background as red. But if you see the bomb trees and the back, they're not clear. I'll go to layers and try all the other effects. I think subtract looks clear and darker. I'll change for both the layers. Now to try this pattern, I'm going to group all the layers. Duplicate this group. Open the duplicate group. And I'm really merge all the layers. First I will munch born to subtract the effect layer, and then the other layers which are normal. If I tried to merge all the layers together, the effect will also apply on the normal layer. So we cannot do that. We will have two layers here. Now next I will duplicate this group of do five times and hide all the layers except one. Select one group and drag it to one corner until it snaps. The same will do for the other groups. And we are done with a-z grab actin. Now after this step, you have to zoom in and make sure there are no lines, are there no splits? It should be seamless.