1. How you can Use Layers in Procreate
Step 1
On this tutorial on drawing in Procreate, I am utilizing an iPad Professional, an Apple Pencil, and the Procreate 5.2 app.
First, we have to create a Canvas. Open Procreate and press the + icon within the top-right nook of the display screen.



Then press the + icon within the prime proper of the New Canvas menu to create a customized dimension.



I’m going to be utilizing a 3000px by 3000px canvas dimension. I discover this works effectively for sq. items which might be top quality while retaining a bigger variety of Most layers. You may see the Most layers in your canvas dimension on the backside of the desk. Then hit the orange Carried out button to launch your canvas.



Step 2
Now, let’s take a look at utilizing the Layers panel. The panel could be discovered by tapping the double sq. icon within the right-hand nook of the display screen.



To create a brand new layer, faucet the + icon within the top-right nook of the menu.



You may swap layers by tapping to pick the layer you’ll be drawing on. If you happen to hold drawing on a single layer, you’ll discover that your whole shapes will transfer collectively.



Step 3
You may transfer objects on a layer by tapping the Remodel instrument icon.



If you want to separate your traces, be certain to pick a separate layer to attract on. Now you can transfer your shapes individually from each other.






Step 4
You may transfer layers round by urgent and holding on a layer and dragging it. Shifting a layer behind one other one will place that form behind the form on the opposite layer.



Step 5
You may cover and reveal layers by tapping on the checkbox on the edge of every layer.



2. How you can Use Brushes in Procreate
Step 1
If you wish to discover ways to attract Procreate, subsequent up we’ll take a look at brushes. The Brush Library is opened by tapping on the Brush Library icon on the prime of the display screen.
Right here you will discover quite a lot of default Procreate brushes, organised into the classes proven on the left. There is a combination of each conventional and digital fashion brushes, in addition to textures and stamps.
To pick out a brush, merely faucet on it, and it’ll now be prepared to make use of.



Step 2
You may regulate the dimensions of the comb by dragging the Brush dimension slider, which is positioned to the left of the display screen. Dragging the slider upwards will enhance the comb dimension, while dragging it downwards will lower it.






Step 3
It can save you a brush dimension by holding the Brush dimension slider with one finger, while tapping the plus icon on the menu that pops up with one other finger.



Repeat this course of and faucet the – icon to take away the marker. To pick out the saved brush dimension, merely drag the slider over the marker.



Step 4
The underside slider controls the opacity of the comb. The decrease you drag the Brush opacity slider, the decrease the opacity of your brush will develop into.






3. How you can Sketch in Procreate
Step 1
Subsequent up in how to attract with Procreate, it’s time to start sketching! First, I’m going to open my reference picture.
A method of doing that is to open the Actions menu, faucet on Canvas, after which activate the Reference swap.



This can open a Reference field, and you’ll transfer this by holding and dragging the highest of the field.



You need to use the Canvas setting to make use of present drawings in your canvas as a reference. That is useful should you’d wish to reference one other a part of your canvas while having the ability to zoom in on a unique part.



The Face possibility permits you to take a reference {photograph}, which may very well be useful if you wish to recreate an expression, for instance.
The Picture possibility permits you to import a picture out of your pictures library. Right here I’m going so as to add the picture I downloaded earlier by tapping the Import picture button to import my picture.



The picture will now seem contained in the Reference field. To shut the Reference field, faucet on the x icon within the top-right nook.



Step 2
One other technique of working from a reference picture is to separate the display screen between two purposes. That is my most well-liked technique.
Merely open your reference picture, after which swipe upwards from the underside of the display screen to open the shortcut menu.



Faucet and maintain the Procreate icon, and drag it to the left of the display screen.



With a half break up display screen, among the Procreate menu bar gadgets are hidden, so I desire to work in 3/4 display screen by dragging the divider within the center to the precise barely utilizing my finger.



Now you can use each purposes concurrently, permitting you to zoom and transfer round each elements of the display screen utilizing your fingers and a pinching movement.



Step 3
Now it’s time to sketch! First, I’m going to map out the tough shapes of my drawing. I’m utilizing an Airbrush for this as a result of I simply need to create unfastened guides.
I start with a circle for the top, and I proceed to make use of shapes and unfastened traces to mark out the tough proportions of the drawing. I’m not going so as to add any element at this level—I’m simply marking the place the primary shapes and options will go. This can function a information earlier than I start the following stage of sketching and including extra element.



Step 4
As soon as this sketch is full, I’m going to extend the dimensions utilizing the Remodel instrument set to Uniform, which suggests the form will maintain its present proportions.



Step 5
Now it’s time to create a extra refined and detailed sketch layer. First, I’m reducing the opacity of my preliminary sketch to make it simpler to attract over.
To decrease the layer Opacity setting, faucet in your layer to open the menu, and drag the slider.



I’m then creating a brand new layer above this to attract on, earlier than deciding on my sketch brush.



Step 6
I’m going to edit this brush barely by tapping on it to open the Brush Studio.
You may change quite a lot of settings right here. I’m growing the StreamLine setting to the utmost. This makes the comb create smoothed traces, which may be very useful when sketching because it steadies your outlines. Press Carried out to verify your modifications.



Step 7
Subsequent, I’ll start to create my refined sketch with this brush.
I create all of the separate parts of my drawing on completely different layers to make them simpler to edit, however you would draw on a single layer should you desire to work this fashion.



Step 8
As soon as I am proud of this sketch, I’ll Flatten the a number of layers right into a single picture and layer. To do that, I’ll first want to pick all of my layers.
You may choose a number of layers and group them by swiping every layer to the left after which tapping Group within the top-right nook of the menu.



The layers at the moment are grouped.



Faucet the group and choose Flatten from the menu that may open to the left. This merges all layers from the group right into a single layer.



Step 9
Earlier than we transfer on, let’s take a look at a couple of extra useful instruments which may help you while you sketch.
To flip or rotate a layer, choose the Remodel instrument and faucet on the rotation you wish to carry out utilizing the menu on the backside. Right here, I tapped Flip horizontal to replicate my layer.






With the Remodel instrument chosen, you should use the rules that seem while transferring an object that will help you align it.



Step 10
To erase, faucet the Erase instrument within the top-right menu. This can will let you erase any drawings in your chosen layer.



You may edit your Erase brush to create completely different eraser results utilizing the Brush Library. To do that, faucet the Erase icon and choose the comb of your selection.



Step 11
I wish to flip my canvas repeatedly while drawing because it helps me to identify any points with proportions that I might need missed.
To do that, open the Actions menu and faucet Flip horizontal or Flip vertical relying in your wants.






Step 12
As soon as I’m proud of this sketch, it’s time to create the ultimate line artwork.
First I’ll decrease the Opacity of my sketch layer to make it simpler to attract over, after which I am going to create a brand new layer above it.






Step 13
Now I’m drawing over the sketch with my line artwork brush to create the traces that might be used within the closing drawing.
You may skip this step should you don’t use line artwork, or you would select to do that on the finish as an alternative. I create every half on a separate layer to make it simpler to recolour later.



Step 14
As you possibly can see beneath, among the traces from the costume layer are overlapping the flowers in entrance of it. To resolve this difficulty, I’ll create a Masks over the costume layer.



To create a masks, faucet the layer and choose Masks.



This creates a masks above the chosen layer that permits you to erase issues on the layer, however as this masks could be switched on and off, the modifications could be reversed at any time by switching off or deleting the masks. It is a useful gizmo to make use of should you’re not sure about completely erasing one thing, or should you simply need to take a look at out how it might look with out risking shedding something in your unique layer.



Step 15
Now that my line artwork is full, I’m going to pick and Group all of those layers to maintain them prepared for later.



I’m then going to Duplicate this group and Flatten it into one layer, in order that I can use this as a information for including the flat colors.
You may Duplicate a layer by deciding on it, swiping over it to the left, and tapping the Duplicate button. This can create a replica of that layer or group, which may now be chosen and moved.






4. How you can Use Colors in Procreate
To proceed studying how to attract in Procreate, now we’ll cowl colouring.



Step 1
First, I need to put together my information layer.
I’ll choose the flattened line artwork layer and faucet on the layer to open up the Mix Modes.
Mix Modes can have completely different results on the colors and opacities of your layer and the way it interacts with different layers and objects.



Step 2
I’m going to be setting my layer to Linear Burn mode, which produces a darkening impact over the bottom layer. This can assist the colors of my information layer to match higher with the colors I might be including beneath it, making it simpler to see the outlines.



Step 3
I’m turning the Opacity of the layer down in order that I can see the outlines of the shapes I might be drawing beneath it. This ensures I can create clear edges round my base colors.



The results of the Linear Burn mode are demonstrated right here. As you possibly can see, the road artwork layer turns into a darker model of the color on the layer beneath.
Rising the opacity of the layer will enhance the darkness of the traces.



Step 4
Earlier than we start so as to add our base colors, let’s take a look at find out how to use the Colors panel in Procreate. To open the Colors panel, faucet the round color swatch within the top-right nook.
The Disc is the primary possibility on the menu for choosing colors. You may drag the swatch across the color wheel to select the color, after which drag the swatch within the center part of the wheel to manage the depth of your chosen color.



Subsequent is the Traditional possibility. This incorporates settings to manage the Hue, Saturation, and Brightness of the color. These could be adjusted by dragging the three sliders, and the depth of the color could be edited by dragging the swatch across the sq. on the prime.



Subsequent is the Concord possibility, which can be utilized to seek out complementary colors. Dragging one of many swatches will routinely transfer the opposite three swatches into complementary colors in your chosen swatch.



Then we have now the Values possibility. Right here, you possibly can enter particular color values for RGB or CMYK color codes, relying on the color mode your canvas is about to.



Lastly, on the finish of the menu, you could find the Palettes possibility, which incorporates saved color Swatches.
To pick out a Palette, merely faucet on a Swatch inside that Palette.



To create a brand new Palette, choose your chosen color, open the Palettes menu, and faucet the + icon within the top-right nook.
There are a couple of choices you should use to create Palettes from. I’m going to pick Create new palette to make an empty one.



So as to add Swatches, merely faucet on any gray empty sq. inside the palette, and your swatch will now be saved.



Step 5
Now let’s add the flat colors. I’m deciding on an ink liner brush in order that the perimeters of my shapes might be barely grainy.
On a layer behind the information layer, I’m going to begin to define the primary form, which goes to be her face. Crucial factor right here is to make sure that there are not any gaps within the define.



Step 6
As soon as the form is printed, there are two methods of colouring it. You may both color by hand should you desire the look of this or take pleasure in this course of, or to hurry issues up you should use the ColorDrop instrument.
To do that, drag the color Swatch from the top-right nook into the centre of your form, and hold the Apple Pencil held down.



You may regulate the extent of fill by dragging the pencil throughout the display screen to regulate the ColorDrop Threshold slider on the prime.



Step 7
Now I’m going to attract the remainder of the bottom color shapes by creating new layers for every of them and utilizing the identical course of.
Protecting them on separate layers will will let you edit the colors extra simply should you change your thoughts, and it’ll additionally assist when shading in a while. Right here you possibly can see how my drawing is trying with all the bottom colors stuffed in.



5. How you can Shade in Procreate
Step 1
When drawing in Procreate, it is necessary to find out about this system. Now it’s time so as to add some shading.
To start, I’m going to create a brand new layer above the form I need to shade, faucet on the layer, and choose the Clipping Masks possibility.



This creates a Clipping Masks across the layer in an effort to solely color inside the form the masks is created on prime of.



I’m going so as to add some blush to my character, so I’m selecting an airbrush and shading beneath her cheeks.
You may see how the color is contained inside the face form because of the Clipping Masks.



Step 2
You may add extra Clipping Masks by making a layer above or beneath the present masks utilizing the + icon and setting it to clipping masks.
Clipping Masks layers layered above or beneath one another will develop into masks of the identical base layer beneath them.



Step 3
You may color decide any color inside your drawing to set your present swatch to this shade.
To do that, maintain your finger over any a part of the drawing to launch the Eyedropper instrument, and the color beneath will develop into chosen. You may maintain and drag your finger round till you discover your required shade.



The chosen color will now match the shade you collected utilizing the Eyedropper.



Step 4
Now I’m going to indicate you ways you should use Mix Modes to help with shading and including highlights to your drawings.
I’m including the iris and pupil colors as Clipping Masks over the attention base layer as I need to shade over all three, and I’m creating one other Clipping Masks layer above these to shade on.



I’m then going to pick the attention base color and create a deeper and hotter model of it, which might be used as the bottom color for my Mix Mode.



Subsequent I’m going to open the Mix Mode menu and set the layer to Multiply mode. This mode darkens and will increase the saturation of the color the comb is about to, in addition to the bottom color beneath this layer.



I’m including the shadow to the highest of the eyes, after which as soon as I’m proud of this I can mess around with the Opacity to regulate the darkness of the shadow.






Step 5
Now I need to add some highlights, so I create one other new Clipping Masks layer above the remaining and this time set the Mix Mode to Add.
This brightens the bottom color and might have a glowing or shiny impact at greater opacities.






Step 6
If you happen to battle to seek out good shading colors, here’s a tip utilizing the Multiply Mix Mode.
First, create a clipping masks above your layer and set it to Multiply mode.



Then, use the Eyedropper instrument to pick the bottom color of the layer you’re shading over, and drag the color wheel to a much less saturated model of this color.






This could now have created a shading color that enhances the bottom layer and that may additionally simply be adjusted utilizing the Opacity slider to manage the depth of the shadow.



Step 7
And right here is how the character takes care of including the remainder of the shading! Now it is time to add some line artwork again in.



First, I’m switching off the information sketch layer after which dragging the grouped line artwork that I created earlier above all the different layers and switching it again on.
I can now undergo every layer and recolour the traces by creating darker variations of the bottom colors utilizing the Eyedropper and dragging the swatch to fill them with the ColorDrop instrument.






6. How you can Edit in Procreate
Step 1
As soon as all the road artwork is edited, my drawing is sort of full! However first, let’s add some ending touches.



I’ll start by including a easy background.
I’m making a layer behind the whole lot else, and deciding on my background color.



Step 2
I can then drag the Swatch into the background to fill the canvas.



Step 3
Subsequent, I’m going to attract a circle behind my character. To create an ideal circle, merely maintain the pencil on the display screen after drawing your form, after which press the Edit Form button that may seem on the prime of the display screen.



Faucet the Circle choice to create an ideal circle.
Your form ought to now be in proportion. You can too do that for quite a lot of different easy shapes.



I’ll fill the circle with a stable color by dragging the Swatch within the top-right nook into the centre of the circle utilizing the ColorDrop instrument.






Step 4
I need to centre my circle, however as there are such a lot of layers, the guides are getting a little bit confused. To repair this, I need to Flatten my character into one layer, so I’m going to pick all of my layers and make a bunch.



Earlier than I Flatten the layers, I need to be certain I’ve a backup of them. I can’t Duplicate the group because of the restricted variety of layer numbers on my canvas, so I’m going to Duplicate my canvas as an alternative.
I can do that by heading again to the Procreate Gallery, urgent Choose, tapping on my drawing to pick it, and eventually urgent Duplicate to duplicate my drawing and again up my layers.






I can then go into the Duplicated model and Flatten the layers with out worrying about shedding them.



I can now use the guides simply to centre my character and the circle behind her.
Including a form behind a personality is a very easy means to assist it stand out in opposition to the background.



Step 5
Now I’m going to pick my character layer and add a particular impact from the Changes menu. There are a number of color edits and particular results inside this menu, so that is the place you possibly can actually mess around and have enjoyable!
I like a grainy impact on my drawings, so I’m deciding on Noise.



I’m going to set this to 3%; you possibly can edit the share by dragging your finger throughout the display screen.



Step 6
Let us take a look at making closing color changes. I’m going to pick Curves from the Changes menu, which controls the degrees of varied colors inside your drawing.



To edit the degrees, drag the traces to create a brand new level on them. You may immediately see the results of doing this in your chosen layer. I don’t normally wish to edit these a lot, however it may be a very useful instrument for shortly enhancing the tone of a drawing.



7. How you can Export in Procreate
Lastly, it’s time to export the completed drawing. Open the Actions menu and faucet on the Share tab. Now you can select your most well-liked file sort. I’m deciding on JPEG after which urgent Save Picture so as to add the file to my pictures app.






And We’re Completed! You Realized How you can Attract Procreate!
Our character is now full! Thanks for following this tutorial with me, and I hope you’ve got numerous enjoyable making an attempt out these brushes for your self.



5 Superb Procreate Brush Units From Envato Parts
Now you understand how to make use of Procreate to create lovely artistic endeavors. If you happen to use Procreate frequently, why not take a look at Envato Parts to develop your brush library and take your artwork to the following degree?
The subscription-based market presents limitless Procreate brush units, add-ons for Photoshop and Illustrator, premium fonts, and way more. All the library is included for one flat month-to-month charge.
If you would like to find extra premium Procreate brushes, right here we have now 5 superb choices:
1. Texture Brushes for Procreate (BRUSHSET)



Take your artwork to the following degree with the attractive textures on this Procreate texture brush set. Containing quite a lot of textures produced from pure supplies equivalent to sand, cardboard, paper, and sugar, these brushes will add dimension to any flat form.
2. Procreate Pencil Brushes (BRUSHSET)



Try this must-have Procreate pencil brush set, containing 24 superb textured pencil fashion sketch brushes. They’re good for doodling, sketching, colouring, and extra, so launch your internal youngster and let your creativeness go wild!
3. Procreate Lettering Brushes (BRUSHSET)



Take your lettering to the following degree with this superb Procreate lettering brush set. Each lettering artist must have this set of their brush library. The set incorporates textured, monoline, calligraphy, and signature brushes to swimsuit your whole wants.
4. Graphite Pencils for Procreate (BRUSHSET)



Do you need to use the liberty and capabilities of digital artwork, however miss the normal look of pencil on paper? Then that is the proper brush set for you! Containing 16 sensible graphite fashion brushes, that is the proper set for replicating conventional strategies within the digital realm.
5. Sample Brushes for Procreate (BRUSHSET)



Try one of many coolest sample brush Procreate units on Envato Parts. This set incorporates 36 distinctive sample brushes that will help you velocity up your drawing course of and add a sprinkle of enjoyable to your designs. The brushes are additionally good for creating seamless patterns.
Uncover Extra Useful Procreate Tutorials and Sources
If you happen to loved this drawing with Procreate tutorial, be certain to go to these different useful Procreate tutorials and assets from Envato Tuts+: