Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Save 70% on Plus Maybe Later
How to Use Motion Blur Effect to Create 3D Typography in Procreate
  • By Design Bundles
  • 09 Aug 2021
  • 18 Mins
  • Procreate Tutorials

How to Use Motion Blur Effect to Create 3D Typography in Procreate

In this tutorial, we will learn how to create a cool and smooth looking 3D text effect using motion blur in Procreate. It is a fairly detailed rendition of this particular method of creating 3D text in the app. But the techniques are simple to use and easy to follow by novices or more experienced users alike.
We have imported our font to Procreate. We will be using the Alimentary font from Missy Meyer, but there are also tons of great bold fonts to choose from if you prefer.
Step 1 - Add text to your document
Step 2 - Rasterize your text
Step 3 - Distort your text to change its perspective
Step 4 - Create the 3D effect using Motion Blur
Step 5 - Add more layers to make the text more defined>
Step 6 - Merge the layers together
Step 7 - Adjust the text appearance and edges
Step 8 - Colorize the blurred portion of your text
Step 9 - Colorize the top of  your text
Step 10 - Add light to the top of your text
Step 11 - Add light to the body of your text
 

Step 1 - Add text to your document


We are going to use black as the background color for our canvas. The text will be filled with white to make it pop more.
Create canvas in Procreate
Type the text you want to apply the 3D effect to. The font we chose has an outlined version. If the one you are using doesn’t have one, just create the outline in a separate layer using a monoline brush.
Add text in Procreate
 

Step 2 - Rasterize your text


Once you have typed your text, click on top of its thumbnail and choose Rasterize from the menu. This will convert it into a raster object (pixels) so you can apply the modifications needed to create the 3D effect.
Rasterize text in Procreate
 

Step 3 - Distort your text to change its perspective


We are going to distort our text to give it perspective and appear as if it is coming from the bottom left side of the canvas. But you can use a different angle if you prefer. Use the Selection tool shown as a small arrow icon on the top menu. Next, choose Distort from the selection panel, making sure that Snapping is enabled.
Distort in Procreate
Distort your word using the blue and green handles located around it until you get the desired perspective. To save your changes, click again on the Selection tool icon.
Save distortion in Procreate
Once you are done, center the word to your canvas.
Move in Procreate
 

Step 4 - Create the 3D effect using Motion Blur


In this step we will use Motion Blue to create the 3D effect. We will duplicate the layer and select the bottom instance. We have a great guide on how to duplicate in Procreate for beginners.
Duplicate layer in Procreate
Go to the Adjustments panel that looks like a magic wand icon on the top menu. Next, click on Motion Blur and then select Layer.
Motion blur in Procreate
To create the 3D look, press and drag down on the screen until about 70%. You can drag in any other direction you want the text to move and use a different motion blur percentage.
Motion blur settings in Procreate
 

Step 5 - Add more layers to define the text


To make the 3D look more defined, we need to duplicate the distorted layer a few times. In this case we made 7 duplicates.
Duplicate layers in Procreate
 

Step 6 - Merge the layers together


Our 3D text is still a bit transparent. In order to fill it up a bit more, we are going to merge it and duplicate it again. Select all the blurred text layers by first tapping on one of them. Then, swipe to the right on each layer you want to select. Group them together by clicking on Group on the top right side of the Layers panel.
Select multiple in Procreate
Click on top of the group layer icon and choose Flatten from the small menu.
Flatten layers in Procreate
Finally, duplicate the resulting layer one or two times. Flatten the duplicates again until you are satisfied with the look of your text.
Duplicate in Procreate
Your resulting layer thumbnail should look similar to the following image.
Merged layers in Procreate
 

Step 7 - Adjust the text appearance and edges


We need to place the 3D text so it seems to be coming from under the original text layer. Using the Selection tool freeform option, first move the top text layer (the one without the blur effect) so it sits on top of the blurred one.
Freeform transform in Procreate
Then, select the blurred text layer and use the distort option to adjust the edges of the text so they match the one on top.
The Snapping feature will help you get a better alignment while distorting. Click on the icon, uncheck Magnetic and adjust the other values to your liking.
Distortion snapping in Procreate
Once you are done, your text should look like it has a semi-transparent 3D shadow coming down from it.
Distorted text in Procreate
 

Step 8 - Colorize the blurred portion of your text


We are going to colorize our text and give it a nice progression from light to dark. Create a new layer between the two text layers. Turn this new layer into a Clipping Mask. Check out our great tutorial on using a Clipping Mask in Procreate.
Clipping mask in Procreate
Clipped mask in Procreate
Select a nice light color for the base of your color gradient. We chose a light shade of blue.
Color wheel in Procreate
Go to the Brushes panel and choose the Bonobo Chalk brush from the Sketching folder. The Size should be around 10 or 11%.
Brush panel in Procreate
With a circular motion apply that color to your text from the top to about ¾ of its length. Leave the bottom portion empty.
Paint in Procreate
To smooth the color a bit and tone down the grainy look of the brush we will use the Smudge tool (top menu). From the Water folder in the brush library, select the Wash brush (use a 15% brush size).
Select brush in Procreate
Swipe on top of the colored portions slightly to smooth them out.
Smudge tool in Procreate
To finish with the progression, change the fill to a darker shade of the same color. Select the Bonobo Chalk brush used before.
Select color in Procreate
This time, start coloring from the bottom of the text until you reach the end of the lighter shade and blend them together a bit.
Paint in Procreate
Use the Smudge tool with the same brush and settings used for the lighter color here too.
Smudge in Procreate
Finally, choose black or the same color as the background. Use the same Bonobo Chalk brush to erase some of the text at the very bottom. This will make it look like it is disappearing.
Add color in Procreate
 

Step 9 - Colorize the top of your text


In this step we will add color to the top of your text. Start by duplicating the layer and turning off the visibility of the original one. Do this by un-checking the small box on the right side of its thumbnail.
Hide layer in Procreate
Change the fill color to the same one used when creating your text and fill each color. We used white for our fill. 
Fill with color in Procreate
Filled text in Procreate
To make the filled text blend better with the rest we are going to change the Blending Mode. Click on top of the small letter on the layer thumbnail and change the blending mode to Soft Light.
Soft light in Procreate
Duplicate this layer, change the color to the lighter blue used before and fill the letters of this layer with it.
Fill with color in Procreate
Keep Soft Light as the blending mode, but lower the Opacity of this layer to around 50%.
Layer options in Procreate
Finally, turn back on the visibility of the original text layer shown as the outlined one. Make sure that its blending mode is set to Normal and lower the Opacity to about 8%.
Layer opacity in Procreate
 

Step 10 - Add light to the top of your text


We are going to add some lighting effects to the text, so first create a new layer on top of everything.
New layer in Procreate
In the Brushes panel, head to the Luminance folder, choose the Flare brush with a 9% brush size.
Select brush in Procreate
Using white as the fill color, add some light bursts to your text.
Use brush in Procreate
Create another layer on top. Change the fill color to the darker shade used on the blurred text and also change your brush to Nebula (from the Luminance folder).
Select brush in Procreate
Adjust the brush size to your needs and paint on the top portion of the canvas almost covering your text. We set our brush size to 21%.
Adjust brush size in Procreate
Change the blending mode of the layer to Color and lower the Opacity to about 79%.
Layer options in Procreate
 

Step 11 - Add light to the body of your text


Finally, we will add some detail to the blurred or 3D portion of the text. Create a new layer just on top of the Clipping mask layer.
Create new layer in Procreate
Use the Bonobo Chalk brush with white as fill color. Paint some light from top to bottom on the portions of blurred text that are on the front. These should be a bit more illuminated. To make them more subtle, change the blending mode of the layer to Soft Light and lower the Opacity if needed.
Add lighting in Procreate
This is how our 3D text looks like after all the work.
3D Text with Motion Blur in Procreate
Congratulations on creating 3D typography in Procreate. We have more excellent tutorials like editing text and creating a Neon text effect in Procreate.

6 Related Procreate Tutorials

3D typography is a great way to add dimension to your drawings and designs. In this tutorial, we will go over the steps for how to create 3D typography in Procreate.Note: This tutorial will only show how to create 3D typography with a single letter, but this technique can ...

1- Open Photoshop and select your image.2- Select the polygonal lassoo tool.3- Draw around the main subject of your image that you want to add the effect to.4- Copy the selected area onto a new layer. Layer > New > Layer via Copy.5-  We now need ...

For this tutorial we need an image to apply the effect to.1 - In Photoshop, open the image you chose to work with.2 - To adjust the image a bit, go to Image > Auto Contrast.3 - “Duplicate” your layer (Command/Control + J), right-click on top of its Thumbnail and ...

1- Open Photoshop.2- Open a black and white image.3- Duplicate the background (Ctrl J)4- Rename the duplicate layer to red.5- Uncheck the background layer.6-With the red layer selected select the FX icon and then click on Blending options.7- In the new window uncheck then ...

You can create beautiful artwork with blended colors using the Smudge tool in Procreate. Make gradient color blends or add depth to your artwork using brushes made for blending. In this tutorial, I’ll show you different examples of blending brushes using this Procreate Blender Brush pack by Seamless Team....

You can easily create cool text effects in Procreate, such as intertwined text, by using layer masks. You can use this text effect when creating designs for logos, posters, greeting cards, etc.In this tutorial, we will be discussing how to use layer masks. Similar to clipping masks, using layer ...

You may also like

Help Center
ol image