1. Design & Illustration
  2. Procreate

How to Draw a Mystic Moon Illustration in Procreate on iPad

Scroll to top
Read Time: 13 min
This post is part of a series called Phobia Week!.
How to Draw a Spider, Step by Step
How to Create an Acousticophobia Illustration in Adobe Illustrator
Final product imageFinal product imageFinal product image
What You'll Be Creating

The moon has always attracted people, not only from a scientific point of view as an astronomical object, but also because it is believed to have some magical aspects which influence our lives. It can even be frightening and sometimes creepy! 

If you've ever heard of selenophobia, you probably know what I mean. Selenophobia (from the Greek word seleno, meaning "moon"), also known as lunaphobia (from the Latin word luna, meaning "moon") is the fear of the moon. Like many other phobias, selenophobia originates from painful experiences during childhood.

You may believe it or not, but as for now, let’s get some inspiration from this side of the moon’s nature and draw a mysterious illustration in Procreate. We’ll start with a very rough sketch, discovering all the basic features of this drawing application, and gradually moving to building shapes, colouring them, and adding textures up to the end result. Interested? 

Oh, and by the way, you can get the Mystic Moon source file together with other file formats on Envato Elements. This file will allow you to see how everything was made and organised by going through the layers. You will also get a layered Adobe Photoshop file which is convenient to use for your personal or commercial work. 

Let’s begin!

1. How to Draw a Moon in Procreate

Step 1

I’m using an iPad Pro and an Apple Pencil to create illustrations in Procreate. However, Procreate also supports other models of iPads (with iOS 10.0 and newer) which work with other styluses listed in Actions > Devices. The Apple Pencil itself is not on the list, though all its functions are fully supported by the app as well. While choosing your device or stylus, please keep in mind that Apple Pencil works only with iPad Pro, so always check the full information and compatibility of devices and apps before purchasing.

supported devicessupported devicessupported devices

Step 2

Open the application, and let’s create a New Canvas by clicking the Create (+) icon in the top right corner. From there we can either select one of the canvases from the list or create a custom one. The number of layers in our file depends on its size. The higher the dimensions, the fewer layers you’ll be able to create. 

Let’s make a 3500 x 3500 px canvas that will allow us to make up to 12 layers, which is more than enough for this project.

create new canvascreate new canvascreate new canvas

Step 3

I usually start my illustration with a rough sketch. Let’s open the Brushes tab and select an HB Pencil brush from the Sketching set. 

We already have one empty layer by default, so I just pick the brush and start doodling. I can control the Size and Opacity of my brush by moving the two vertical sliders on the left side of the screen.

pick a brush and make a sketchpick a brush and make a sketchpick a brush and make a sketch

Step 4

Once I’m happy with the overall idea of my future illustration, I open the Layers panel and tap the layer to reveal a menu. Tap Rename and change the layer name to “Sketch”.

rename a layerrename a layerrename a layer

Step 5

Here is what I ended up with. It is pretty simple yet detailed, which will help me to focus on shapes and colours.

sketch of future illustrationsketch of future illustrationsketch of future illustration

Step 6

As you may have noticed, we already have a “Background colour” layer in the Layers panel by default. It allows us to change the colour of the canvas by tapping and selecting the desired colour on the colour wheel. Let’s pick a nice tint of dark blue for the night sky.

change background colorchange background colorchange background color

Step 7

Now let’s tap the “+” icon in the top right corner of the Layers panel to make a New Layer. Then open the Brushes panel and pick the Ink Bleed brush in the Inking set.

pick a brushpick a brushpick a brush

Step 8

If we swipe to the left through all the brush sets, we can tap the “+” icon and create a New Set. Then we can drag and drop any existing brushes in this set for quick access.

Apart from that, we can edit the settings of any brush by tapping it. Let’s tap the Ink Bleed brush and edit the Stroke > Streamline parameter by setting it to 5%. This function allows us to smooth the line while drawing, which gives higher control over the strokes.

Then go to General > Size Limits and make sure that the Max slider is set to maximum.

create a new set and open brush settingscreate a new set and open brush settingscreate a new set and open brush settings

Step 9

Now we can pick the pale yellow colour on the colour wheel (top right corner) and draw the outline of the moon, using our sketch as a reference. We can also pinch the canvas with two fingers, zoom it, and rotate for our convenience.

I also move the Size and Opacity sliders all the way up to make the line thick and solid.

make an outlinemake an outlinemake an outline

Step 10

Once we’ve created a closed path, we can either scribble inside to fill it with colour or we can tap and hold the colour circle in the top right corner and drag and drop it right onto our shape.

fill the shape with colorfill the shape with colorfill the shape with color

Step 11

Let’s open the Layers panel and tap the N letter on the Sketch layer. From here, we can switch between the Blending Modes and change the Opacity of the layer. Set the Opacity to 45%, making the sketch semi-transparent.

change the layer opacity change the layer opacity change the layer opacity

Step 12

When using a textured brush, you may notice some empty spots or strokes after filling the shape. Use the Ink Bleed brush to paint inside the shape, eliminating the blank spaces.

fill the blank spotsfill the blank spotsfill the blank spots

Step 13

Now let’s Alpha Lock our moon layer by swiping to the right with two fingers. You will see the layer thumbnail background become checkered. Once you’ve Alpha Locked the layer, you’ll be painting inside the shape, without crossing its edges, which is very convenient for adding shadows, highlights, and textures.

alpha lock the layeralpha lock the layeralpha lock the layer

Step 14

Now let’s add some texture to our moon. First of all, let’s select a darker colour. If you already have another colour selected, tap the square that's located between the Size and Opacity sliders, and move the magnifying circle on top of the moon to pick its pale yellow colour. 

Open the colour wheel and select a darker colour.

pick a colorpick a colorpick a color

If you want to change the options of the colour picker, you can go to Actions > Advanced gesture control and switch between the settings of the Eyedropper.

options of procreateoptions of procreateoptions of procreate

Step 15

Let’s go to Brushes > Sketching and pick the Bonobo Chalk brush. Lower the Opacity and start painting over the moon, adding texture.

pick a textured brushpick a textured brushpick a textured brush

Step 16

Now lower the Size and draw along the edges of the moon to make it more three-dimensional.

add shadow along the edgeadd shadow along the edgeadd shadow along the edge

Step 17

Now let's create a New Layer, pick an orange colour, and choose the HB Pencil brush. Start scribbling over the darker areas, adding a realistic pencil texture. Make short parallel hatches, the same way as you do it on paper.

make pencil strokesmake pencil strokesmake pencil strokes

Step 18

Continue adding pencil strokes along the edges. Then pick a light-yellow colour and fill the center of the crescent as well.

Here you can see the layers that we're using in this step.

add more pencil strokesadd more pencil strokesadd more pencil strokes

Step 19

Let’s make a New Layer and take the Ink Bleed brush. Use a dark-orange colour to add short strokes for a cartoon effect.

Lower the Opacity of the layer to 60%, making the strokes semi-transparent.

add short strokesadd short strokesadd short strokes

Step 20

Now that our moon is finished, let’s Group all of its layers together. Select the top layer and swipe to the right all the layers beneath it with one finger. You will see a light-blue selection and a three-strokes icon appear in the top right corner of the Layers panel. Tap the icon to create a Layer Group. Now we can rename it and fold by tapping the arrow icon.

create a layer groupcreate a layer groupcreate a layer group

2. How to Draw a Star

Step 1

Let’s unlock the alpha on the Moon layer by swiping it to the right again with two fingers. You will see a solid background on the layer thumbnail, meaning that now you can paint anywhere on this layer.

Let’s use the Ink Bleed brush again to draw a star that we have on our sketch layer.

draw a stardraw a stardraw a star

Step 2

I want to move the star a bit as I don't like its current position. It looked fine on the sketch, but now the composition is quite unbalanced, so let’s see how we can center its top point with the top tip of the crescent.

Let’s tap the Freehand Selection in the top panel and make sure that Freehand option is selected in the bottom panel. Now we can draw a circle around our star, creating a selected area.

use freehand selectionuse freehand selectionuse freehand selection

Step 3

After the selection is created, tap Transform and select Freeform in the panel below. Now that our selection around the star has changed to a square, we can move it around without affecting any other elements on the same layer.

use the transform tooluse the transform tooluse the transform tool

Step 4

Use the Bonobo Chalk brush and switch to lighter and darker yellow colours, adding that texture touch to the star and making it more three-dimensional.

add texture to the staradd texture to the staradd texture to the star

Step 5

Both main elements of our composition are ready, so let’s make them pop out of the background a bit more.

Create a New Layer right above the Background colour layer. You can reorder the layers by simply tapping and holding a layer and then dragging and dropping it to the desired position in the Layers panel.

Use the Bonobo Chalk brush and a dark blue colour (slightly lighter than the background) to create a subtle mist around the moon.

add lighter color to the backgroundadd lighter color to the backgroundadd lighter color to the background

3. How to Draw Floral Elements and Herbs

Step 1

Now let’s unleash our imagination and draw out all those herbs and flowers from our sketch by adding more details and life to them.

Create a New Layer, take the Ink Bleed brush, and start drawing out the first branch growing from the bottom tip of the crescent. I’m using a dark-blue colour for this one, starting with a thin, arched stem and then adding rounded leaves along the stem.

draw a floral elementdraw a floral elementdraw a floral element

Step 2

Continue using the same colour to add more elements around the moon. First of all, add a few floating leaves next to the first branch. Then draw a second branch growing from the bottom of the crescent. Place it right above the yellow surface, thus adding contrast.

Move on by adding other branches and leaves. I’m also using the Erase tool with the same Ink Bleed brush, cleaning some spots where I don’t want the leaves to overlap with the yellow shape of the moon.

add more leaves and elementsadd more leaves and elementsadd more leaves and elements

Step 3

Once you’re happy with the dark blue plants (by the way, you’re always able to return to them later and add whatever details you want), create a New Layer and use a greyish-blue colour to add those leaves and flowing stems. Make the new grey plants partially overlap the dark-blue ones from the previous layer.

Try to maintain the balance in your composition by adding branches of more or less equal length on both sides of the moon. Don’t forget about the floating leaves—speckle them around the branches as well.

draw plants of other colordraw plants of other colordraw plants of other color

Step 4

Now it's time to create the next New Layer. Pick a light-yellow colour and start adding bright strokes to our image in the spots where they are really needed.

add brighter elementsadd brighter elementsadd brighter elements

Step 5

I have some plants here that consist of a grey stem and light-yellow flower bud. In order to add those buds, I simply create a New Layer and place it beneath all the other floral layers so that my additional yellow elements will always be partially hidden beneath the top layers of herbs.

add yellow buds on a new layeradd yellow buds on a new layeradd yellow buds on a new layer

Step 6

Once I’m happy with all the flowers and plants, I make sure that everything looks balanced enough and there are no empty spots or, on the contrary, areas overloaded with elements. 

I’m using one of the yellow layers to speckle some stars around the moon by drawing dots of various sizes with the Ink Bleed brush.

add yellow stars around the moonadd yellow stars around the moonadd yellow stars around the moon

Step 7

Now it is time to add a textured touch to all the floral elements! Don’t worry, you won’t have to draw a shadow on each leaf and flower manually. 

First of all, let’s Alpha Lock each of the floral layers by swiping to the right with two fingers. If you do everything right, you will see a checkered background on the thumbnails.

Now take the Bonobo Chalk brush, and let’s start with the dark blue layer. Select a darker colour and go over the layer with wide strokes, adding grainy texture to all the dark-blue pieces. Then decrease the Size of the brush and go over the areas that need some more intense shadows, like the places where the leaves overlap or the spots where leaves grow from the stem, making the stem darker. This way we’ll visually separate the layers from each other, bringing more dimension to our image. 

add texture to the leavesadd texture to the leavesadd texture to the leaves

Step 8

Now let’s blend in some highlights. Pick a lighter yellow colour and draw over the tips of the leaves, adding a subtle silver glow to them.

add texture to the leaves 2add texture to the leaves 2add texture to the leaves 2

Step 9

Work over all the dark blue layer and don’t forget to zoom out in order to check how the overall image looks at this stage.

add texture to the leaves 3add texture to the leaves 3add texture to the leaves 3

Step 10

Now let’s switch to the grey layer and do the same for the greyish-blue plants. Start by adding those shadows and go on to the highlights, making all the tips slightly lighter.

add texture to the leaves 4add texture to the leaves 4add texture to the leaves 4

Step 11

And finally, the yellow layers (both top and bottom ones)! This time, try to achieve a golden look by using orange for the shadows and light yellow (almost white) for the highlights.

add texture to the leaves 5add texture to the leaves 5add texture to the leaves 5

Step 12 

Once you’re happy with the floral elements, make a New Layer on top of all the floral layers, and let’s add some more mystic glow. Go to Brushes and select Airbrushing > Soft Airbrush. Pick a light-yellow colour.

take a soft brushtake a soft brushtake a soft brush

Step 13

Decrease the Opacity and draw very light round spots around all the yellow-gold elements, making them really stand out and glow.

add glow to yellow elementsadd glow to yellow elementsadd glow to yellow elements

Step 14

We can add some more volume to our image if we create a New Layer in the Moon group of layers (Shadow layer) and use the Bonobo Chalk brush to make subtle shadows in the areas where leaves are placed on top of the moon. We can play with the layer options by setting it to Multiply mode and decreasing the Opacity to 80%, making it more subtle.

add shadow to the moonadd shadow to the moonadd shadow to the moon

To the Moon & Back! Our Mystic Moon Image Is Finished!

Great work! Now our mystic moon illustration looks balanced and complete! I hope you’ve enjoyed following this tutorial and discovered new opportunities of using your iPad as a fully featured working device while creating beautiful pieces of art in Procreate.

By the way, once you’ve finished with your image, you can always share it and export in multiple formats, including the original Procreate file and a layered PSD file for Adobe Photoshop, which gives you even more flexibility and a wider range of opportunities! 

mystic moon is finishedmystic moon is finishedmystic moon is finished

You can get the Mystic Moon file in various formats on Envato Elements, to see how it was made and how the layers are organised. Apart from that, you’ll get a layered PSD file which is easy to use for your personal or commercial designs. You can also find a wide selection of premium Procreate brushes on Elements.

And if you like this illustration, you can find more like it over on Reshot, home of the best free vector illustrations. Download royalty-free illustrations and other creative assets, completely free of charge.

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads