Blog

Are you interested by a easy and editable neon textual content impact which you can apply to different fonts and icons, together with the Beat Saber emblem? Keep tuned till the top to search out it!

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

What You will Be taught in This Affinity Designer Tutorial

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

Tutorial Belongings

You will want the next assets in an effort to full this challenge:

1. Tips on how 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 Coloration format to RGB. Hit Create.

2. Tips on how to Create a Wall Background in Affinity Designer

Step 1

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

Step 2

To darken the background extra, take the Rectangle Software (M) and draw a rectangle the identical dimension 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. Tips on how 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 Software (T) and write LIVE in your artboard utilizing the Avaneonz font, with a dimension 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 Interior Shadow impact. Change the settings and shade as indicated.

Step 3

Now, activate the Outer Glow impact and apply the settings proven. This may create a shiny purple 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 Software (T). You possibly can kind something you would like.

Step 6

You possibly can change the colour of your neon impact textual content simply. Reopen the Layer Results window and alter the colour of the Interior 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 Software (V) and place the cursor subsequent to the center bounding field factors. When the cursor turns into two arrows pointing in numerous 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 further gentle. Seize the Ellipse Software (M) and draw an ellipse that covers the LIVE textual content. Fill it with purple; 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. Regulate the Radius of the Gaussian Blur impact relying on how small or huge the ellipse is.

Congratulations! You are Carried out

Now you understand how to make a neon textual content impact in Affinity Designer. Discover all of the settings and choices accessible, and create a singular impact that is excellent in your challenge. Strive different colours like neon inexperienced or neon yellow, and give you a cool shade mixture. Strive different fonts or apply this impact to icons and logos. It may be achieved!

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

Used: Music Define Icons

Font used: Neoncity Show

If the intense purple 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 Skinny Line with a couple of tweaks because the Beat Saber emblem font. Seems nice, proper?

Font used: One Skinny Line; background used: Wavy Traces

Widespread Sources From Envato Parts

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

Neon Mild Editable Textual content Impact (EPS, AI)

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

Neon Layer Kinds (ASL, PSD)

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

Wish to Be taught Extra About Affinity Designer?

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