How to Make a Neon Text Effect in Affinity Designer

Are you curious about a easy and editable neon textual content impact that you would be able to apply to different fonts and icons, together with the Beat Saber emblem? Keep tuned till the top to seek out it!

If you do not have the time to learn to make a neon signal textual content impact, you may all the time attempt Envato Elements, the place you can see a big choice of textual content results, fonts, and graphics which might be prepared for use for a neon textual content impact.

What You may Study in This Affinity Designer Tutorial

• The way to make a brick wall background in Affinity Designer
• The way to make a neon gentle textual content impact
• The way to apply Layer Results in Affinity Designer
• The way to recreate the Beat Saber emblem

Tutorial Belongings

You may want the next sources so as to full this mission:

1. The way to Open a New Doc

Launch Affinity Designer and go to File > New to open the New Doc window. Kind within the dimensions proven, whereas setting the decision to 72 dpi, the Doc models to Pixels, and the Colour format to RGB. Hit Create.

2. The way to Create a Wall Background in Affinity Designer

Step 1

Go to File > Place, find the background picture in your pc, and hit Open. I am utilizing this lovely Brick Wall photograph. Scale it down, after which be certain to lock the layer within the Layers panel.

Step 2

To darken the background extra, take the Rectangle Device (M) and draw a rectangle the identical measurement because the artboard. Fill the form with a radial gradient. Set the primary shade cease to black at 70% Opacity and the second shade cease to black at 96% Opacity. Change the Mixing mode of the layer to Multiply.

3. The way to Create a Neon Mild Textual content Impact

Step 1

At this level, we’re prepared to begin making the neon signal textual content impact. Seize the Inventive Textual content Device (T) and write LIVE in your artboard utilizing the Avaneonz font, with a measurement of 180 pt.

Now, apply a white fill shade and a 2.5 pt Stroke within the Look panel.

Step 2

Whereas the textual content stays chosen, open the Layer Results window (View > Studio > Results) and activate the Inside Shadow impact. Change the settings and shade as indicated.

Step 3

Now, activate the Outer Glow impact and apply the settings proven. It will create a vibrant pink glow across the textual content.

Step 4

Lastly, activate Outer Shadow and apply the settings proven. Hit Shut when you’re achieved. How straightforward and fast was this, proper?

Step 5

At this level, you may right-click on the LIVE textual content layer and select Duplicate from the menu. Transfer the copy downward and alter the textual content to MUSIC with the Inventive Textual content Device (T). You may sort something you would like.

Step 6

You may change the colour of your neon impact textual content simply. Reopen the Layer Results window and alter the colour of the Inside Shadow and Outer Glow results. I am utilizing blue shades for a blue neon look.

Step 7

In Affinity Designer, you may warp textual content simply. To create a cool slanted neon gentle look, simply choose each items of textual content with the Transfer Device (V) and place the cursor subsequent to the center bounding field factors. When the cursor turns into two arrows pointing in several instructions, you may click on and drag the textual content upward or downward.

One other choice to show your neon impact textual content is simply to rotate one of many items of textual content.

Step 8

To enhance the look of your closing neon impact, you may add some additional gentle. Seize the Ellipse Device (M) and draw an ellipse that covers the LIVE textual content. Fill it with pink; then apply the Gaussian Blur impact utilizing a Radius of about 50 px. Hit Shut as soon as achieved. Transfer this ellipse behind the textual content within the Layers panel.

Step 9

Repeat the identical factor for the MUSIC textual content, however shade the ellipse with blue. Modify the Radius of the Gaussian Blur impact relying on how small or huge the ellipse is.

Congratulations! You are Accomplished

Now you know the way to make a neon textual content impact in Affinity Designer. Discover all of the settings and choices obtainable, and create a singular impact that is good on your mission. Strive different colours like neon inexperienced or neon yellow, and provide you with a cool shade mixture. Strive different fonts or apply this impact to icons and logos. It may be achieved!

Make certain to take a look at Envato Elements, the place you will discover many textual content results, fonts, add-ons, or pictures that may encourage you, or obtain them prepared to make use of.

If the brilliant pink and blue colours remind you of the Beat Saber shade combo, then you may recreate it rapidly by following this tutorial. I’ve used One Thin Line with a couple of tweaks because the Beat Saber emblem font. Appears nice, proper?

In style Assets From Envato Parts

Envato Elements is a superb useful resource for textual content results, fonts, logos, graphics, and pictures, all prepared for use. You may obtain as many as you would like with a subscription. This is a brief record of a few of the most popular textual content results that yow will discover.

Neon Light Editable Text Effect (EPS, AI)

Select this brightly coloured neon textual content impact to make any title, headline, banner, poster, or cowl pop. You too can show your emblem, signage, or branding in an authentic manner.

Neon Layer Styles (ASL, PSD)

If you cannot resolve on the colour, then these neon layer types are the right possibility for you. The pack contains 63 shade variations, so you will positively discover one that matches into your mission. Strive them!

Wish to Study Extra About Affinity Designer?

Did you want this Affinity Designer tutorial? We’ve a great deal of tutorials on Envato Tuts+ that educate many different helpful methods. This is a listing of tutorials specifically made for you. Have a look!