Flash glowing text tutorial

April 26, 2010

CS4

Download the source file : textglow.zip

Step 1

  • Create a new flash Project ,
  • New flash file > Document (shortcut key: Ctrl+J ). Set the width of your document to 300 pixels and the height to 180 pixels.
  • Select any color as background color and set your Flash movie’s frame rate to 25 fps.
  • Change the layer name to Image
  • Import your Photo: File > Import > Import to stage (Ctrl+R) and import any photo into a flash stage.
  • Create a new layer above the layer image and name it text .
  • Now Select the Text Tool (T) and type any text on flash stage.
  • While the Text   is still selected, press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.

  • While the new made Movie Clip is still selected, go to the Properties Panel 0n the right side (up) and change the Instance name input field to flash_text

Step 2

  • Select the first frame of layer text and go to the AS panel (F9) and paste this code:

import flash.filters.GlowFilter;
var gf:GlowFilter = new GlowFilter(0xbe1313, 100, 2, 5, 3, 3, false, false);
flash_text.filters = [gf];
flash_text.onRollOver = function() {

this.onEnterFrame = function() {

if (gf.blurX < 10) {

gf.blurX++;
gf.blurY++;

} else {

delete this.onEnterFrame;

}
this.filters = [gf];

};

};
flash_text.onRollOut = function() {

this.onEnterFrame = function() {

this.filters = [gf];
if (gf.blurX > 3) {

gf.blurX–;
gf.blurY–;

} else {

delete this.onEnterFrame;

}

};

};

, , , , , , ,

Subscribe

Subscribe to our e-mail newsletter to receive updates.

No comments yet.

Leave a Reply