Spirit Day, celebrated in October, is about supporting the LGBTQ+ community and taking a stand against bullying. We’ll show some support for this day and its cause in this Spirit Day inspired illustration tutorial.
Please note that Procreate is required for this tutorial, as well as a compatible pen. This tutorial was created using an iPad Pro and an Apple Pencil. My setup includes an extra wide pen holder/cushion for added support and a matte screen protector, to give the screen more tooth.
1. How to Create a Sketch in Procreate
First, let’s start with a New Canvas. Select the Plus Sign in the upper, right-hand portion of Procreate. We’ll select Create Custom Size.
Now, input your desired dimensions. I worked at 10 inches by 8 inches. I like to work at 300 dpi, so it’s a resolution appropriate for printing.
When creating the sketch, I like to use the 6B Pencil under Sketching. It has a lovely texture and is generally great to use, right out the box!
Here’s a look at my settings for my 6B Pencil. You’ll notice that I didn’t stray far from the defaults, although I do like to raise the Size Limits.
I also like to create a new Color Palette for myself, so I can quickly save any colors I might want to reference later. You can do so by clicking below the Color Wheel. To Save a Color, simply click within your palette.
Create a New Layer by clicking on the Plus Sign in the Layers Panel. I like to keep my artwork on a separate layer, so it’s easier to manipulate as I go along.
In this case, I drew each character in a different color. This helps me block out where the different parts of the body are and how they interact with each other.
Again, you can select different colors via the Colors Panel. In the screenshot below, it is the green circle (as I have green selected).
I wanted to draw a hug to visually symbolize support and love. I thought a wing might be a fun addition, as support and compassion can feel heaven-sent, when dealing with something damaging, like bullying.
I created another Layer to experiment with other aspects of the illustration, like the clothing and hair.
Once I was pleased with my work, I Merged my Layers and then Lowered the Opacity of the Combined Layer.
Now, using my rough work as my guide, I began to draw a more refined sketch on a New Layer, on top of my initial work.
I hesitate to call this “line art” because I like to paint on top of my lines. This is just a stylistic choice; I enjoy continually painting on top of my work and manipulating it that way. That’s the method we’ll experiment with in this tutorial.
2. How to Add the Initial Colors in Procreate
Once I’ve finished my refined sketch, I like to alter the color of the lines. In this case, I thought I might like them a little lighter.
Click on the Adjustments Icon in the upper left-hand side of Procreate. Then, select Hue, Saturation, Brightness. This will bring up three sliders that you can use to alter the Hue, Saturation, and Brightness of the selected Layer.
When adding my initial colors, I like to do so on top of my lines. Here, I’ve created a New Layer and set its Blending Mode to Multiply. Notice how the color also alters the color of the lines.
Proceed in the same fashion for the other colors in the illustration. I often like to separate each color on its own Layer, as it makes it easier to adjust them if need be.
Once I’m happy with my color choices, I like to Flatten all of them into one Layer. This helps prevent some color overlap that was giving me undesired results on my lines.
3. How to Paint a Background in Procreate
Now, let’s create a simple background. First, I started by Creating a New Layer below the character artwork. Fill this Layer will a blue color. You can do this by selecting the Layer and then choosing Fill.
I wanted to set these characters against the sky, because I thought that would help illustrate a free and uplifting feeling.
Under Organic, I chose the Cotton Brush. We’ll use this to paint some clouds.
Create a New Layer between the layer containing the character art and the layer with the blue fill.
Using the Cotton Brush, create the basic shapes of our clouds. Notice that my Brush Opacity is around 50%. I used a light blue color that is a little lighter than the background.
Create a New Layer above the one we just worked on. Raise the Opacity of your Brush, and begin adding lighter values.
Next, Create a New Layer above the one we just worked on. This time, I used the background color to create little “gaps” between the clouds. Again, this is all using the Cotton Brush with its default settings.
Once I was happy with my clouds, I Merged my Layers. Again, you can do this by selecting the Layer you want to Merge and choosing Merge Down.
4. How to Add the Initial Shadows
Now, let’s decide where our light source is and add some initial shadows.
To do so, Create a New Layer on top of the character art. Set this Layer’s Blending Mode to Multiply. At this point, I don’t really worry about things being perfect. Instead, I just messily experiment with color and placement. In this case, I used a light purple color.
To clean up those edges, however, we can use Procreate’s Selection Tools. Select the Selection Icon, highlighted below in blue. With my character artwork Layer selected, I chose Automatic, and then selected the background area.
This is what my selected work looks like. Now, I can easily erase the content outside of this area. Note that my Shadow Layer is selected now, as that’s where I wanted to remove extra content.
Moving forward, I’m going to use the Soft Pastel Brush a lot. It has a really nice texture to it, and I like to use it for softer edges in the composition.
Please note these other key points, now that we have all the basics laid out.
Procreate makes it very easy to “pick up” color, and I do this often while I’m painting. Just touch and hold, and a circle will pop up, as shown below. In this example, I’ve picked up the brown in the character’s hair.
The Brush Size and Brush Opacity are also a very important part of my process. I highly recommend experimenting with them and adjusting them regularly!
5. How to Refine and Blend in Procreate
At this point, I’m ready to start refining my work. In areas like the face, I like to keep things softer and smoother. I used a Soft Pastel Brush to do so.
Personally, I like to achieve a soft look in two ways. First, I adjust the Brush Opacity and take advantage of the pen’s sensitivity. Secondly, I continually lift mid values as I paint and use them to blend.
For harder edges, I like to go back to my 6B Pencil Brush. For example, I used this brush on the eyelashes.
I applied this premise to the skin areas, as I generally like to portray them as smooth. You’ll see that I also did so in the afro textured hair. The only difference here is that I used rounder strokes and did less blending in those areas.
Clothing folds, however, are different from skin. My work is stylized, so there’s room for interpretation, but folds tend to have a harsher presence, in general. In this case, I want to maintain some harsher edges and a little less softness.
I achieved this using the Soft Pastel Brush with varied Size and Opacity. However, if I need a harsher edge, again, I like to go back to the 6B Pencil.
However, this raises the question: “How do you know where folds go?” I generally like to think about the basic shapes that the cloth is wrapped around. For example, arms are generally cylindrical shapes. Therefore, the folds should look as if they naturally fall in a way inspired by this shape, as illustrated in pink, below.
The second character (in the background) has a different hair type. I’d like it to look straighter, so I want it to have visible strands. To start this off, I created a New Layer and used a 6B Brush to begin to define the direction the hair flows and falls on the head.
Then, Create a New Layer with the Blending Mode set to Add. I used a Soft Pastel Brush and a light brown color to place down some initial highlights.
Finally, Create a New Layer and use it to build and refine the hair. I like to “pull” color directly from the illustration, so I know I’m using colors inspired by what I’ve already drawn. Keep the direction of the hair in mind; these lines and shapes should flow with it and not be haphazard.
6. How to Add the Finishing Touches
Now, on to the finishing touches. I wanted the foreground character to wear a heart earring that visually relates to the LGBTQ+ flag. This would further visually communicate the Spirit Day message. I drew this using a 6B Pencil Brush.
Then, I wanted to push my shadows a little further. I did so on a New Layer with the Blending Mode set to Multiply. I used a light purple, again, as I did initially.
With these added values down, I could place even more refinement on top, on another New Layer. This is great for minor tweaks like cleaning up lines and edges.
I also wanted to push the lighter values further, too. So, I created a New Layer and set its Blending Mode to Add. Then, using a Soft Pastel Brush, I applied large, soft areas of color, using a light brown.
Finally, let’s take a look at the wing. Select Alpha Lock to maintain the Layer’s edges. With this selected, I could easily use a Soft Pastel Brush to apply whites and blues to this area.
To soften it, however, I applied a slight Gaussian Blur in the Adjustments Panel, as shown below. Make sure to Turn Off the Alpha Lock first!
Awesome Work, You’re Done!
We’ve created a Spirit Day inspired illustration—I hope it inspires you to create your own works, as well as spread love and compassion, not only on Spirit Day, but every day!
If you enjoyed this tutorial, here are some others that you might enjoy!