How to Create a Glow Effect Text Effect in Illustrator

Started by vodanhphd, 05-31-2021

98
0
How to Create a Glow Effect Text Effect in Illustrator
  05-31-2021, 01:02 PM
#1
1. How to Create a New Document and Prepare It
Step 1
Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, set the width and height to 850, and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.

Enable the Grid (View > Show Grid) and Snap to Grid (View > Snap to Grid). You will need a grid every 5 px, so go to Edit > Preferences > Guides & Grid, and enter 5 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.

You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System.

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

new document
Step 2
Before you start learning how to create a mandala in Illustrator, let's save some colors that we can use to color the design later on.

Focus on the Color panel (Window > Color) and set the color to R=84 G=16 B=63, and then click that the New Swatch button from the Swatches panel (Window > Swatches). Name this new swatch 'Border', click OK, and then save the rest of the colors shown in the following image. Remember to name them 'Yellow', 'Red', 'Orange', 'Lilac', and 'Teal'.

Once you're done, you can select all six colors and group them using the New Color Group button from the Swatches panel.

save colors
Step 3
Select the Ellipse Tool (L) and click on your artboard to open the Ellipse window. Set the Width and Height to 20 and click OK to create your 20 px circle.

Fill this new shape with your 'Border' color and then focus on the control panel. Make sure that the alignment is set to artboard and then click the Horizontal Align Center and Vertical Align Center buttons to easily move your circle to the center of the artboard.

1. How to Open a New Document
Launch Adobe Illustrator and go to File > New to open a blank document. Type a name for your file, set up the dimensions and then select Pixels as Units and RGB as Color Mode.

Next, go to Edit > Preferences > General, set the Keyboard Increment to 1 px and, while there, go to Units to make sure they are set as in the following image. I usually work with these settings, and they will help you throughout the drawing process.

how to create a new Illustrator document
2. How to Create the Background
Take the Rectangle Tool (M) and simply click on your artboard to open the Rectangle window. Set the Width to 870 px and the Height to 470 px, and then click OK to create the background rectangle. Color it with the radial gradient shown.

With the rectangle still selected, go to the Align panel (Window > Align) and first, make sure to select the Align to Artboard option under the Align to button. Now, click on Horizontal Align Center and Vertical Align Center in order to perfectly center it and cover the entire artboard because it is slightly bigger.

how to create a background in Adobe Illustrator
Advertisement
3. How to Create the Text
Take the Type Tool (T), click on your artboard, and write "Toxico" using the Gendarwo Font, size of 170 pt. Under Set the tracking for the selected characters, choose 25 in order to spread the letters a little.

Keep the text selected and press Horizontal Align Center and Vertical Align Center in the Align panel to position it exactly in the center of the artboard.

how to create the text in Illustrator
4. How to Create the Appearance of the Text
Step 1
With the text still selected, remove the existing fill color in the toolbar. It will make the text invisible, but this is exactly what we want.

To obtain the glow effect, Illustrator has the option to add multiple appearances on the same piece of text, along with effects, blending modes, gradients, and transparencies. By the end, you will also be able to save all these appearances in the Graphic Styles panel and easily use this style again.

how to remove appearance of the text in Illustrator
Advertisement
Step 2
Make sure that the invisible text is still selected and press Add New Fill at the bottom of the Appearance panel. Use the linear gradient shown to color it.

This is the first Fill attribute in the Appearance panel, and we will continue to build the glow effect.

how to color the text in Illustrator
Step 3
While the text is still selected, press Add New Fill again to add a second Fill attribute above the first. Use the linear gradient shown to color it (1).

Next, go to Effect > Sketch > Bas Relief and apply the settings indicated. Set the Detail to 1 (minimum), the Smoothness to 15 (maximum) and the Light to Top Left. This will add some dimension to the text and create shading towards the end of it (2).

how to create another appearance on the text in Illustrator
Step 4
While the text is still selected, press Add New Fill again to add a third Fill attribute at the top of the Appearance panel. Use a green to light green linear gradient and set the Angle to -90 degrees. Change the Blending Mode to Overlay; this will make the text look more green. The toxic look is starting to come together.

how to create multiple appearances on the text in Illustrator
Step 5
Keep the text selected, and let's add another fill above the rest by pressing the Add New Fill button again. Use the linear gradient shown to color it.

Make sure that this Fill attribute is selected, and then go to Effect > Sketch > Chrome. Set the Detail to 0 (minimum) and the Smoothness to 10 (maximum), and hit OK. As a result, we will get a bit of texture on the text.




Step 6
While the text and the last Fill attribute are still selected, go to Effect > Sketch > Bas Relief to apply this effect. Set the Detail to 1 (minimum) and the Smoothness to 15 (maximum), as before, but set the Light to Top this time.
Together with the Chrome effect, this will create surface variations and give a more fluid look to the toxic effect. We will also get a highlight at the top of the letters and shading at the bottom. 
[Image: diana_toxic_glow_effect_text_effect_image_8-min.jpg]
Step 7
Make sure that the text is selected, and change the Blending Mode of the last Fill attribute to Soft Light. The two effects applied will blend with the fill color underneath and create a more realistic Illustrator effect.
[Image: diana_toxic_glow_effect_text_effect_image_9-min.jpg]
Step 8
While the text stays selected, press Add New Fill again to add a fifth fill in the Appearance panel. Use a gray to darker gray linear gradient and set the Angle to -90 degrees. Move this Fill between the third and the fourth Fill attributes created earlier, so it is under the Chrome and Bas Relief effects applied. Set the Blending Mode to Color Dodge, and this will give us that neon glow effect as something very toxic should be. 
[Image: diana_toxic_glow_effect_text_effect_image_10-min.jpg]
Step 9
It's time to add the shadow. Keep the text selected, and press Add New Fill again to add another Fill attribute at the bottom of the Appearance panel. Use the linear gradient shown; then go to Effect > Stylize > Drop Shadow and apply the settings in the image below. 
[Image: diana_toxic_glow_effect_text_effect_image_11-min.jpg]
Step 10
We can't have a toxic effect without a glow effect around it, right?
Add another Fill attribute at the bottom of the Appearance panel and use the same gradient from the previous step. Next, go to Effect > Stylize > Outer Glow and apply the settings shown using a bright green color. This will create a discreet glow effect around the text as the Blur is only 4 px, but we are not done yet. 
[Image: diana_toxic_glow_effect_text_effect_image_12-min.jpg]
Step 11
While the text and the last Fill attribute stay selected, go back to Effect > Stylize > Outer Glow and apply this effect one more time. The settings and the color are different this time, and the Blur is much bigger.
When you use this glow effect, Illustrator will automatically create that neon glow around the text, and this will enhance the style and make all the difference, especially when applied twice.
[Image: diana_toxic_glow_effect_text_effect_image_13-min.jpg]
5. How to Create the Toxic Particles Around the Text
Step 1 
At this point, the Illustrator glow effect is complete, but we can add a few extra details.
Take the Ellipse Tool (L), click on your artboard and draw an 80 x 80 px circle. The fill color is not important at the moment. 
While the circle stays selected, go to Object > Create Gradient Mesh. Enter 3 Rows and 3 Columns, and then hit OK. Now, you can select the individual mesh points and color them as shown in the image below, using the three shades of green indicated. 
[Image: diana_toxic_glow_effect_text_effect_image_14-min.jpg]
Step  2
Make copies of different sizes of the circle obtained in the previous step and arrange them randomly on the text and around the text as toxic glowing particles. Add as many as you want until you are happy with the result.
[Image: diana_toxic_glow_effect_text_effect_image_15-min.jpg]
Step 3
Group (Control-G) all the glowing particles; then go to Effect > Stylize > Drop Shadow and apply the settings shown. This will add a small shadow under each circle, just like for the glow text effect. 
[Image: diana_toxic_glow_effect_text_effect_image_16-min.jpg]
Step 4
Keep the group of particles selected and go to Effect > Stylize > Outer Glow. Apply the settings shown, and we will obtain a glow effect around each circle, just like the text. This way, things are consistent throughout the entire text design. 
[Image: diana_toxic_glow_effect_text_effect_image_17-min.jpg]
Congratulation! You're Done

« Next Oldest | Next Newest »


Possibly Related Threads…
Thread Author Replies Views Last Post
A to Z of Illustrator: Tips, Tricks, & Hacks! vodanhphd 1 146 06-01-2021, 12:16 PM
Last Post: preetrippin
How to Create a Mountain Rescue Unit Badge in Adobe Illustrator vodanhphd 0 120 05-31-2021, 01:29 PM
Last Post: vodanhphd
How to Create a Pamphlet Template in Illustrator vodanhphd 0 98 05-31-2021, 01:26 PM
Last Post: vodanhphd
How to Create Vector Glitches Using Adobe Illustrator vodanhphd 0 101 05-31-2021, 01:24 PM
Last Post: vodanhphd
How to Use Outline Stroke in Illustrator vodanhphd 0 83 05-31-2021, 01:22 PM
Last Post: vodanhphd
How to Create a Christmas, Knitted Text Effect in Adobe Illustrator vodanhphd 0 81 05-31-2021, 01:14 PM
Last Post: vodanhphd
How to Create a Military Stencil Text Effect in Illustrator vodanhphd 0 88 05-31-2021, 01:09 PM
Last Post: vodanhphd
How to Create a Brochure Template in Illustrator vodanhphd 0 81 05-31-2021, 01:07 PM
Last Post: vodanhphd
How to Mirror and Repeat Objects in Illustrator vodanhphd 0 80 05-31-2021, 01:00 PM
Last Post: vodanhphd
How to Create a Photo to Pencil Drawing Effect in Photoshop vodanhphd 1 105 05-23-2021, 08:54 PM
Last Post: s_smurf



1 Guest(s)