How to Create a Layered Text Effect in Affinity Designer

When you love all types of Affinity Designer warp textual content results, distorted textual content results, or textual content results basically, then comply with this tutorial and enhance your abilities whereas studying to create a retro layered textual content impact that is totally editable. Affinity Designer is nice at creating an editable textual content impact, and it would impress you too how straightforward it’s. Let’s begin!

If you do not have time, you may at all times strive Envato Elements, the place you’ll discover loads of Affinity Designer templates, textual content results, and fonts which are prepared for use in your initiatives. Take your designs to the subsequent stage!

What You will Study in This Affinity Designer Tutorial

• Easy methods to add textual content in Affinity Designer
• Easy methods to create an emblem in Affinity Designer
• Easy methods to make a layered textual content impact
• Easy methods to add texture in Affinity Designer

Tutorial Belongings

You will want the next sources to finish this challenge:

1. Easy methods to Open a New Doc

Step 1

Launch Affinity Designer and go to File > New to open the New Doc window. Kind within the dimensions proven and set the decision to 72 dpi, the Doc items to Pixels, and the Coloration format to RGB. Hit Create.

Step 2

Let’s create a background in your new doc. Seize the Rectangle Software (M) and draw a rectangle that covers your entire artboard, setting the fill shade to darkish blue.

2. Easy methods to Add Textual content in Affinity Designer

Step 1

Seize the Inventive Textual content Software, click on in your artboard, and sort “RETRO” utilizing the Hikou Regular Font. Use these settings within the Character panel (View > Studio > Character):

• Font Dimension: 350 pt
• Monitoring: -25%
• Vertical Scale: 95%

Step 2

Now, let’s recolor the font so we are able to see it higher on the darkish background. With the RETRO layer chosen, click on on Layer Results on the backside of the Layers panel to open the Layer Results window. Test the Coloration Overlay field to activate the impact, after which set the colour to beige. Set the Mix mode to Regular and the Opacity to 100%. Hit Shut.

Step 3

To create an editable textual content impact in Affinity Designer, it’s essential outline the textual content as an emblem. First, find and open the Symbols panel by going to View > Studio > Symbols. Whereas the textual content stays chosen, click on on Create, and your new image will seem within the window. It’ll additionally seem as an emblem within the Layers panel.

3. Easy methods to Make a Layered Textual content Impact

Step 1

Proper-click on the textual content image within the Layers panel and select Duplicate. This can make a duplicate above the unique that you could transfer a bit upwards with the Transfer Software (V) (1).

Subsequent, use the Rectangle Software (M) to attract a rectangle over the image copy. Make it virtually the identical width because the artboard. Cowl the a part of the textual content that you just wish to keep seen (2). To create the masks, seize the textual content image and drag it into the rectangle within the Layers panel (3).

Step 2

Let’s recolor the primary textual content layer. Earlier than you do something, you will need to go to the Symbols panel and take away the synchronization. To do that, guarantee that the primary layer is chosen within the Layers panel and click on on the Sync icon within the Symbols panel. The Sync is OFF when the button is grey.

Open the Layer Results window by clicking on the fx icon subsequent to the RETRO layer, after which change the Coloration Overlay impact. I used a light-weight orange shade. Additionally, verify the Gaussian Blur field to activate the impact, and apply a Radius of 0.5 pt. Hit Shut.

When you’re carried out making use of the results and altering settings, return to the Symbols panel and switch synchronization again on. The Sync is ON when the button is black.

Step 3

At this level, you may just about repeat the earlier two steps to make extra layers. Proper-click on the orange textual content layer and select Duplicate to make one other copy. Transfer it a bit upwards, and maintain the identical distance between the layers.

Step 4

To recolor the second textual content layer, make sure that to take away the synchronization first. This is essential. Open the Layer Results window, change the Coloration Overlay to shiny orange, and enhance the Gaussian Blur Radius to 2 px. Keep in mind to place the Sync again ON afterward.

Step 5

Duplicate the second textual content layer to create the third one. Transfer it into place, and now you can recolor it and enhance the blur radius similar to you probably did within the earlier steps.

Step 6

The highest three layers are carried out. You may make the underside ones in the same method.

Begin by choosing the unique beige textual content image and duplicating it. Transfer it downwards, after which draw a brand new rectangle over it with the Rectangle Software (M). The rectangle ought to cowl the a part of the textual content that you just wish to keep seen. Drag the copy of the image into the rectangle to masks it.

Step 7

Observe the steps defined to date to recolor the primary backside layer. I used a inexperienced shade. Additionally, apply a 0.5 px Gaussian Blur.

Step 8

Proceed to make the subsequent textual content layer, and alter the colour to teal. Additionally, enhance the Gaussian Blur Radius to 2 px.

Step 9

Make the third textual content layer and alter the colour to darkish teal. Enhance the Gaussian Blur Radius to 5 px.

Be happy so as to add as many layers as you need. The layers of this textual content impact—and particularly the colour shades that you just select—will virtually create the looks of Affinity Designer mix shapes. The extra layers, the extra eye-catching!

4. Easy methods to Add Texture in Affinity Designer

Go to File > Place and find the feel picture in your laptop. I’m utilizing the Retro Grain And Pattern Texture, from which I made a decision to make use of the Sample 1 PNG picture situated within the Sample folder. As soon as it is positioned inside your doc, scale it as a lot or as little as you need. Set the Mix mode to Delicate Mild and cut back the Opacity to 25%. Lock the feel on high to be able to nonetheless work with the textual content if wanted.

Congratulations! You are Achieved

Now you know the way so as to add textual content in Affinity Designer and tips on how to use symbols to create an editable textual content impact. Be happy to make it your individual by altering the textual content, font, and shade palette. Be artistic!

Be sure that to take a look at Envato Elements, the place you may discover loads of Affinity Designer templates and sources which are prepared so that you can obtain and use.

Let’s verify that we are able to edit our retro textual content. Merely sort some other phrase utilizing the Inventive Textual content Software. Good!

The key is to recollect to take away the image synchronization each time you determine to use layer results or change sure settings, after which put it again on afterward. This fashion, you’ll nonetheless have the ability to edit the textual content impact after making your adjustments.

In style Sources From Envato Components

Envato Elements is a superb useful resource for textual content results. Let’s discover some ready-to-use alternate options that you could obtain proper now and embrace in your initiatives.

Multiply Text Effect (PSD)

Check out these golden textual content layers which are daring and daring. This textual content impact is the right alternative for titles, headlines, banners, and posters once you wish to seize all the eye. Give it a strive!

Urban Text Effect (PSD)

This textual content impact is one other layered and textured choice that you should use efficiently. Edit the textual content and shade to make it match completely in your challenge. Will probably be prepared very quickly.

Wish to Study Extra About Affinity Designer?

We’ve a great deal of tutorials on Envato Tuts+ that train many different helpful strategies. This is a listing of tutorials specifically made for you. Have a look!