Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,483,107

Fireworks - Text Glow Effect

Tutorial Name: Fireworks - Text Glow Effect  

Category: PC Tutorials

Submitted By: Nag

Date Added:

Comments: 0

Views: 1,980

Related Forum: PC Building Forum

Share:

1. Create a new document of any size you wish (for this tutorial 1024 x 768 size) and set the background color to #000011.

2. Add a text (font: calibri, #FFFFFF, size: 80, you can choose Arial too). Add a glow effect to it with the following settings:

[ Register or Signin to view external links. ]

3. Create a new layer below the text layer and name it "Background Glow". Copy the text from the text layer and paste it in the "Background Glow" layer.
Select the text in the "Background Glow" layer and press Ctrl + Shift + P to change it into path (alternatively, right click on the text and select Convert to Path). The Background Glow layer should now contain:

[ Register or Signin to view external links. ]

Change the properties of this path group to Feather 5:

[ Register or Signin to view external links. ]

4. Create an ellipse in the "Background Glow" layer as shown in the screenshot below


[ Register or Signin to view external links. ]

and apply the following properties:
Blend mode:

[ Register or Signin to view external links. ]

Fill color: Starting: #FFFFFF, 100% opacity; Ending: #FFFFFF, 23% opacity, Feather: 123%

[ Register or Signin to view external links. ]

5. Use the pen tool to create a quadrilateral and place it as shown in the figure below:

[ Register or Signin to view external links. ]

Change the edge to Feather 70. Add a Linear Gradient Fill:

[ Register or Signin to view external links. ]

Change the blend mode to Luminosity and opacity to 50:

[ Register or Signin to view external links. ]

6. Copy the layer 5 more times and place them as shown in the figure below. For the bottom right, draw two ellipses and place them accordingly:

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

7. Draw an circle as below and keep it at the top of the "Background Glow" layer.

[ Register or Signin to view external links. ]

...and change the properties to:

[ Register or Signin to view external links. ]

With this we have created the background glow. Your Background Glow layer might look like this:

[ Register or Signin to view external links. ]

8. Create a new layer and name it "Foreground Glow" and place it above the initial text Layer.

9. Draw an ellipse (fill #FFFFFF) as shown in the image below

[ Register or Signin to view external links. ]

...and change its properties to:

[ Register or Signin to view external links. ]

Change the blend mode to "Soft Light".

10.Draw another ellipse (fill #FFFFFF) as shown in the image below

[ Register or Signin to view external links. ]

apply Feather 100, Blend mode: Soft Light.

[ Register or Signin to view external links. ]

11. Create two small circles and place them on "a" and "n" of the text as shown

[ Register or Signin to view external links. ]

change their properties to Feather 25 and 10 respectively.

12. Create an ellipse and place it across "a" and "n" as shown

[ Register or Signin to view external links. ]

change its properties to Feather 16, Opacity 65:

[ Register or Signin to view external links. ] [ Register or Signin to view external links. ]

The foreground glow is completed now and might look like this:

[ Register or Signin to view external links. ]

Result

[ Register or Signin to view external links. ]

Ratings

Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Fireworks - Text Glow Effect" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.