Blog

Find out how to Animate in Procreate

June 2, 2024 6:12 pm   Graphic Designing   Poetic   Comments

Learn to animate in Procreate. On this tutorial, I will present you the step-by-step course of of making a vibrant textual content Procreate animation. You may additionally learn to make a GIF and tips on how to masks to realize cool Procreate animations.

However in the event you’re seeking to develop your Procreate toolbox, go to Envato Parts. This distinctive subscription-based market presents you limitless Procreate brushes, palettes, and all of the add-ons you will want! Scroll down after this Procreate animation tutorial to search out our number of Procreate brush packs.

What You may Study in This Procreate Animation Tutorial

  • Find out how to animate in Procreate
  • Find out how to create a customized canvas in Procreate
  • Find out how to use a font in textual content animation in Procreate
  • Find out how to create and use a layer masks in Procreate
  • Find out how to use a clipping masks in Procreate
  • Find out how to add accents to an animation in Procreate

Tutorial Belongings

The next asset was used throughout this Procreate animation tutorial:

1. Find out how to Begin a New Doc in Procreate

Step 1

Go to Procreate > + and you will get a drop-down menu. Click on on the Customized Canvas icon on the prime.

How to start a new document in ProcreateHow to start a new document in Procreate

Step 2

Create a Customized Canvas with these dimensions: 

  • Art work Title: Procreate Animation
  • Width: 1700 px
  • Top: 1000 px
  • DPI: 300

Create a custom canvas in ProcreateCreate a custom canvas in ProcreateCreate a custom canvas in Procreate

Step 3

Below Shade Profile, make the next adjustments:

Set the sRGB color profile for webSet the sRGB color profile for webSet the sRGB color profile for web

2. Find out how to Add Textual content to Procreate

Step 1

Go to Layers, select the background layer, and enter the next hexadecimal code:

Set a dark blue background for this animation with ProcreateSet a dark blue background for this animation with ProcreateSet a dark blue background for this animation with Procreate

Step 2

Guarantee you could have a pink shade chosen after which choose the Textual content Device.

Select the color pink for this animation with ProcreateSelect the color pink for this animation with ProcreateSelect the color pink for this animation with Procreate

Step 3

Below the Textual content Device, sort a phrase with these settings:

  • Font: Nala Junior
  • Dimension: 200 pt
  • Monitoring: 3.2%

How to animate with Procreate using the Text ToolHow to animate with Procreate using the Text ToolHow to animate with Procreate using the Text Tool

3. Find out how to Put together the Textual content for Animation in Procreate

Step 1

Activate Snapping. 

Turn on Snapping for this animation with ProcreateTurn on Snapping for this animation with ProcreateTurn on Snapping for this animation with Procreate

Step 2

If you transfer the textual content with Snapping on, yellow pointers will seem on-screen, and this reveals that the textual content is centered.

Snapping guide centers the text in ProcreateSnapping guide centers the text in ProcreateSnapping guide centers the text in Procreate

Step 3

Rasterize the textual content layer.

Rasterize the text layer in ProcreateRasterize the text layer in ProcreateRasterize the text layer in Procreate

Step 4

Duplicate the rasterized layer. 

Duplicate the rasterized layer in ProcreateDuplicate the rasterized layer in ProcreateDuplicate the rasterized layer in Procreate

4. Find out how to Create the First Body for Animation in Procreate

Step 1

On the bottom-most Hello layer, activate the layer masks.

How to animate in Procreate with a layer maskHow to animate in Procreate with a layer maskHow to animate in Procreate with a layer mask

Step 2

Create one other layer on prime of the layer masks. 

Another layer on top of layer maskAnother layer on top of layer maskAnother layer on top of layer mask

Step 3

Clip that layer to the bottom-most Hello layer. 

Clipping mask in ProcreateClipping mask in ProcreateClipping mask in Procreate

Step 4

Rename the layer “Yellow”.

Rename layer in ProcreateRename layer in ProcreateRename layer in Procreate

Step 5

Group these layers (bottom-most Hello layer, Layer Masks, Yellow clipped layer) and rename it “1”. This would be the first body for our Procreate animation tutorial.

Group layers in ProcreateGroup layers in ProcreateGroup layers in Procreate

Step 6

Decrease the Opacity of the topmost layer, which can act as a information for now.

Lower opacity of a layer in ProcreateLower opacity of a layer in ProcreateLower opacity of a layer in Procreate

Step 7

On the bottom-most Hello Layer, go to the layer masks and fill it with black.

Hide word in Layer Mask on ProcreateHide word in Layer Mask on ProcreateHide word in Layer Mask on Procreate

Step 8

Activate Animation Help.

How to animate with Procreate using the Animation assist featureHow to animate with Procreate using the Animation assist featureHow to animate with Procreate using the Animation assist feature

5. Find out how to Use a Layer Masks in Textual content Animation

Step 1

The primary group will keep as it’s. We are going to duplicate the primary group within the Layers panel. Within the second group, go to Layer Masks and ensure you have a white shade chosen.

2nd group in Animation Frame2nd group in Animation Frame2nd group in Animation Frame

Step 2

Within the second group layer masks, begin revealing the letter with the comb.

  • Brush: Monoline underneath Calligraphy

reveal letter in Procreatereveal letter in Procreatereveal letter in Procreate

Step 3

Duplicate the second group and rename it “3”.

Duplicate and rename group in ProcreateDuplicate and rename group in ProcreateDuplicate and rename group in Procreate

Step 4

Go to Layer Masks within the third group and begin revealing the letter additional.

Reveal letters furthermore in animationReveal letters furthermore in animationReveal letters furthermore in animation

We now have to repeat the method till your entire letter turns into seen.

6. Find out how to Use a Clipping Masks in Procreate

Step 1

Within the Animation panel settings, make the next adjustments:

  • Onion pores and skin frames: 7
  • Onion pores and skin opacity: 32%

Lower onion skin opacity in ProcreateLower onion skin opacity in ProcreateLower onion skin opacity in Procreate

Step 2

Go to the “Yellow” layer within the second group, and guarantee that you’ve the yellow shade chosen.

Yellow Layer in ProcreateYellow Layer in ProcreateYellow Layer in Procreate

Step 3

On the identical layer, create a number of small dots wherever you revealed the phrase earlier.

Yellow dots in clipped layerYellow dots in clipped layerYellow dots in clipped layer

Step 4

Go to the third group and just be sure you are on the Yellow layer. 

Third group selected in ProcreateThird group selected in ProcreateThird group selected in Procreate

Step 5

Create a number of larger dots on the identical layer.

Big Yellow Dots in clipped layerBig Yellow Dots in clipped layerBig Yellow Dots in clipped layer

Step 6

Equally, do that for all of the teams, ensuring that the yellow dots improve after which lower, as proven beneath.

Yellow variation to jazz up the effect in Procreate animationYellow variation to jazz up the effect in Procreate animationYellow variation to jazz up the effect in Procreate animation

Step 7

The final group, which occurs to be 10 right here, can have no yellow dots. Click on on the tenth group within the Animation panel. Set the Maintain length to 6 frames.

Last group containing yellow layer in ProcreateLast group containing yellow layer in ProcreateLast group containing yellow layer in Procreate

7. Find out how to Add Accents to Procreate Animations

Step 1

Let’s have a look at tips on how to masks in Procreate to animate. Go to the topmost information layer and be sure that the Opacity is turned again to 100%. Then duplicate the layer.

Opacity 100% in Guide LayerOpacity 100% in Guide LayerOpacity 100% in Guide Layer

Step 2

Create a small, equally spaced sprint across the phrase within the second-last layer, with the next settings: 

  • Brush: Monoline
  • Brush Dimension: 1 px
  • Shade: Cream #fdf0d8

How to animate with Procreate adding AccentsHow to animate with Procreate adding AccentsHow to animate with Procreate adding Accents

Step 3

Duplicate the twelfth layer and rename it “13”.

Duplicate the layerDuplicate the layerDuplicate the layer

Step 4

On the twelfth layer, create dashes in continuation to our earlier accent.

accent continued in next frameaccent continued in next frameaccent continued in next frame

Step 5

The method must be repeated for 13 odd layers.

Accent continuation in text animation on ProcreateAccent continuation in text animation on ProcreateAccent continuation in text animation on Procreate

Step 6

Change the settings of the Animation panel as proven beneath:

  • Loop: Ping-Pong
  • Frames per second: 15

Animation Panel Settings in ProcreateAnimation Panel Settings in ProcreateAnimation Panel Settings in Procreate

8. Find out how to Save the File for Animation in Procreate

Step 1

Lastly, we’ll see tips on how to make a GIF in Procreate. Go to Actions > Share > Animated gif.

Animated gif sharing option in ProcreateAnimated gif sharing option in ProcreateAnimated gif sharing option in Procreate

Step 2

Click on on Export and save to the specified location. And there it’s, you used Procreate to animate a GIF!

Save Animated gif to your desired locationSave Animated gif to your desired locationSave Animated gif to your desired location

Congratulations, You are Now Performed!

On this Procreate animation tutorial, you discovered tips on how to animate in Procreate. We began by making a rasterized layer from our Nala Junior Font, after which we added a layer masks to disclose the letters on this animation with Procreate.

We additionally discovered tips on how to use a clipping masks for Procreate animations, and added one on prime of that to enrich the impact. Lastly, we added a number of accents to jazz up the textual content animation. And now you understand how to make use of Procreate to animate textual content!

text Animation in Procreatetext Animation in Procreatetext Animation in Procreate

5 Prime Procreate Brushes From Envato Parts

Now you understand how to animate in Procreate and tips on how to make cool Procreate GIFs. If you would like to develop your expertise and instruments, why not strive Procreate brushes?

Envato Parts is the place to go in the event you’re an avid design software program consumer. For a flat month-to-month price, you get limitless Procreate brushes, Photoshop and Illustrator add-ons, fonts, graphic templates, and extra!

Listed below are simply 5 prime Procreate brush packs you should use to make even cooler Procreate GIFs and animations.

1. Northern Lights Procreate Brushes (ABR, PROCREATE)

Northern Lights Procreate Brushes (ABR, PROCREATE)Northern Lights Procreate Brushes (ABR, PROCREATE)Northern Lights Procreate Brushes (ABR, PROCREATE)

Fan of the Northern Lights? You possibly can simply recreate them in your digital paintings with this Procreate brush pack. Simply think about how lovely these will look in the event you use animation with Procreate! The obtain consists of ten brushes, and as a bonus, you will get Photoshop brush recordsdata as effectively.

2. Jolly Dry Brushes for Procreate (BRUSHSET)

Jolly Dry Brushes for ProcreateJolly Dry Brushes for ProcreateJolly Dry Brushes for Procreate

Take your designs to the following degree with this cool Procreate brush pack. The package consists of 18 versatile brushes. They’re strain delicate, so you’ll be able to management the textures utilizing an Apple Pencil.

3. Golden Glitter Procreate Brushes (BRUSHSET, SWATCHES, PNG)

Golden Glitter Procreate Brushes (BRUSHSET, SWATCHES, PNG)Golden Glitter Procreate Brushes (BRUSHSET, SWATCHES, PNG)Golden Glitter Procreate Brushes (BRUSHSET, SWATCHES, PNG)

Put this Procreate animation tutorial into follow with this sensible Procreate brush pack. The package consists of 5 glitter brushes, ten black textured backgrounds, and a palette with 5 golden colours.

4. Procreate Liquid Brushes (BRUSHSET)

Procreate Liquid Brushes (BRUSHSET)Procreate Liquid Brushes (BRUSHSET)Procreate Liquid Brushes (BRUSHSET)

For those who like summary, fashionable designs, these Procreate brushes are for you. Simply make distinctive designs with these brushes constituted of actual liquid pictures. After which you may make Procreate GIFs! The obtain consists of ten Procreate brushes that work on the iOS app.

5. Rainbow Metallic Graffiti Procreate Brushes (BRUSHSET)

Rainbow Metallic Graffiti Procreate Brushes (BRUSHSET)Rainbow Metallic Graffiti Procreate Brushes (BRUSHSET)Rainbow Metallic Graffiti Procreate Brushes (BRUSHSET)

Graffiti brushes come in useful for a large number of initiatives. Do that skilled Procreate brush pack to your subsequent Procreate animation. You may get ten brushes which are excellent for lettering and illustrations.

Uncover Extra Procreate Tutorials

For those who favored this Procreate animation tutorial, you is likely to be curious about extra. Fortunately, right here on Envato Tuts+ you’ll be able to be taught much more about this cool design software program: 

Tags: ,