For our second session this week, we were joined by the lovely and talented Addie Hanson of Wooly Pronto. Addie is an illustrator from Chicago who has two cats, Pronto & Pokey. She creates beautiful illustrations, easy to follow tutorials and joined us live to show how to animate a project in Procreate!
Select the Layers
First, select the deer layer for the background and then the frame layer. For texture, use Fog texture which comes along with the Plush Pack. Color the deer. Add an empty layer below the deer. Use normal blend mode. Use a Soft Pencil brush for coloring. Increase the size of the brush and choose a tan color from the color palette.
Pro Tip: Pull out the color palette to easily switch around and fill in the colors with the Soft brush pencil which helps in giving the subtle texture.
Draw a Mushroom
Once colored, move on to the empty layer below the deer and draw mushrooms. In order to draw toadstool style mushrooms, select the reddish-orange color to draw a big arc with a Soft Pencil and fill it.
Draw a stem and outline the mushroom with black charcoal color. Select a Shy Pencil and add grainy shading on the bottom.
Duplicate a Layer
Duplicate the current layer and manipulate the second mushroom. Select the duplicate layer of the mushroom. Select the transform tool, an arrow on the top of the left side screen.
Pro Tip: Duplicating layer and manipulating helps to save time.
Put it on “Uniform” and shrink it down. Use “Distort” to change perspective. Flip, rotate and “Warp” it a bit.
Pro tip: Avoid distorting too much otherwise mushrooms will look manipulated.
Switch to the Liquify Tool. Start with the “Push” tool. Add shape around the stem. Color the stems to make the shading consistent. Color around the mushroom spots with a soft pencil so they don't look manipulated. Use a shy pencil to give stems a charcoal color.
Pro Tip: To change the size and direction of the mushroom, select the Transform Tool and adjust as you like. Use a Soft Pencil to correct mistakes as these brushes are opaque.
Select Mushroom layer 2 and drag it above Mushroom 1 and previously duplicated Mushroom 1 layers. Draw small mushrooms with the help of a Soft pencil. Color the mushrooms in the same way as above.
Select Mushroom 3 layer to draw mushrooms on the right side. Draw and color mushrooms with a Soft Pencil. Use Mushroom layer 4 to color the mushroom grey underneath the hat.
Use a Shy Pencil for the shading on Mushroom layer 3. Draw another mushroom as you like on the right side.
Merge Mushroom 3 layer and Mushroom 4 layer together. Duplicate the merger layer Mushroom 4.
Select the Transform tool, an arrow on the top of the left side screen. Put it on “Uniform” and shrink it down. Switch to the “Warp” tool and reshape the mushroom. Now switch to liquify from the wand on the top left side of the screen. Pull down the mushroom stem to make it longer. Push down the cap of the mushroom. Color the mushroom to give it a proper shape and then outline with a charcoal black color using a Soft Pencil.
Select Mushroom layer 5 and bring it above Mushroom layer 4 and the duplicated Mushroom layer 4. Draw small mushrooms similar to previous mushrooms. Color and outline them. Draw small black spots on your mushrooms.
Merge Two Mushroom Packs
Merge two separate Mushrooms packs and select “Vines” from layers. The Vines is a new layer that is added on top of all the other layers.
Use a soft pencil which is a natural feeling brush and bring color palettes down to use a forestry green color. The soft pencil is extremely pressure-sensitive when it comes to resizing and can draw very thin vines. When pressed a little hard, it gives nicely shaped leaves.
Outline the leaves by decreasing the brush size. This will help to make them stand out. One of the best things about brushes is that you don't have to be extra careful, you can draw roughly yet the drawing still looks professional.
Draw vines like Addie has done in front of the mushrooms. You can erase them afterwards. Use a smart snap to draw smooth arcs, so they look like they are hanging.
Select the Freehand Selection tool and remove the vines by drawing around vines that you don't want to be in front of mushrooms. Click on the pencil eraser by pressing and holding as you switch from brush to eraser. This automatically pulls in the brush (soft pencil) that you're using to erase.
Pro tip: A very handy shortcut is to use three fingers to scrub the screen, and that will clear this selection.
Outline the Vines by waiting till it snaps into an arc. Click on the notification above “edit shape” and select Arc. Draw the underside of the vines.
Color the Background
Drop down to add a new layer below the frame layer, and this is just going to be the background color.
Use dark blue from the color palette and use Shader Soft Frizzy and have the size set to 50%.
Pro Tip: in order to maintain texture in the background, do not press harder or Grover over too many times.
On the same layer, select mossy green from the color palette and add that to the ground floor.
Now, select outside of the frame and then click on, “selection tool” and switch to Automatic.
Tap in the outside space, it will fill up the outside frame. By keeping the pencil on the screen, you can increase the selection threshold by dragging your pencil to the left and vice versa to decrease the selection threshold.
Pro tip: Selection threshold saves from selection to selection, so even if you lift the pencil, it automatically remembers where you last selected.
With that selected, switch down to the Frame fill layer on which you colored in everything.
Draw Teardrop-Shaped Lights
Go to layers and select “Lights” which is on top of all other layers. Then from the color palette, select the yellow color and change your brush to soft pencil. Increase brush size to draw in teardrop-shaped lights.
Add in the moon by using a slightly different yellow color from the color palette and add some dots for stars.
Add clipping masks above the Mushroom layer by adding another layer and set that to color burn. Then set the blend mode once and then drag it upward to create the clipping mask.
Start above some of the mushrooms (Mushrooms 4 layer). Select brown color and switch to a Shader Soft Frizzy brush.
Pro Tip: Decrease the brush size for more precision and to make it less intense decrease the opacity.
To make caps more subtle, switch to yellow color and color over the caps. Use dark blue for the area below the mushroom cap. Color burn helps in making the illustration a bit punchy.
Pro tip: In case you want to do shading, use multiply or linear burn for highlights. It is recommended to use an overlay to give it an otherworldly feel.
Select layer 14 which is over mushrooms 1. Use Shadow Soft Frizzy. Select a red color from the palette to color the red mushrooms. Similarly, color the deer.
Pro tip: To select which brush to use, look at the product preview images to see what the artist created them and intended them for. And then try out and see which one fits with your style and technique. To remember your brushes, you can use emojis.
Select the “Lights” layer and go to the transform tool. Click on the interpolation and select bicubic.
Pro tip: Interpolation is how the pixels resample as you resize. The Nearest Neighbour option will be the sharpest but it is the most pixelated. Bilinear and bicubic both start to feather out and add a level of transparency to the edges by cubic being the most feather. It might have a little blurry look if you're doing a lot of warping, resizing and moving.
Select the light layer and tap on the wand arrow and then go down to bloom and tap pencils so that it can vary the amounts and be very specific when the effect is applied.
Select shader messy edges. Set the bloom amount at the top to 50%, which is the automatic amount, and then size at 34 and burn at 57.
Pro Tip: Increasing both the size and burn will reduce the visibility of the effect. So adjust it according to how glossy you want your lights to be. The burn is a level of intensity.
In the Procreate animation tool, the Background layer, which includes all the other layers, will be treated as a single frame. There is a group for background and a group for the texture layers as the foreground.
There is one layer of “lights” in the middle for the animation which is going to be added. Change lights blend mode to “add” and duplicate this layer. Now, you have two frames to animate back and forth.
Click on the wrench tool and under canvas, turn on animation assist and it'll at first interpret the groups as separate frames.
As you move them towards the right, they are slightly transparent under other layers.
To change this, set the group with the art on it, to the background, and...
... the group with the texture to the foreground. And now when it animates, it'll just bounce back and forth between the middle two frames.
On the lower layer of Lights, Use the Shader Messy Edges with a yellow color.
Add lightning to the teardrop lights. Once done, decrease pencil size and add the tiniest bit of lighting effects to the deer and some of the mushrooms.
Pro tip: Use light pressure as the add effect is very intense. By adding individually on each layer separately, there'll be enough of a difference between the two that it will give a look of movement and twinkling.
Turn off the add layer and do the same on the lights layer above.
Add lightning to all the teardrop-shaped lights.
Pro Tip: Don't forget to add lighting on the deer and mushrooms, in the same places.
Close the color palette and turn back on the other add layer. Go to settings and change frames per second to 1, and then set it on loop and press play.
Pro tip: To make animation fast, change frames per second to two or more than 2. In order to export it, you can click on the wrench and then share. You can export it in any file form like PDF, PNG etc. In this way, you can use and share it.
Here is the final outcome. Congratulations, you have done illustration and animation.