Flash Game Design  
 
   
 
Tutorials Articles
   
       
 
 
Step 11.
This is the 3rd part of the tutorial to create animated, glowing text. We are now going to create the lines, which will cover the black section of the text. Now select the line tool (U), make the foreground color grey (8B8B8B) and create a line in a layer set called 'lines'
 
Step 12.
Duplicate the lines in, spreading them evenly, as shown below, and click on the 'lines' layer set, from the layers panel.
Step 13.
Merge (layer > merge layer set) the 'lines' layer set into a single layer, and reduce the opacity of the resulting layer to 60%
Step 14.
Now that the 'lines' are on a single layer, duplicate the layer, and rotate it by 90 degrees (edit > transform > rotate 90 CW. Place the duplicate as shown in image a). The duplicated lines won't be enough to cover the black part of the text horizontally, so we need to duplicate it again. Once you've done that, move it over to the right, so that all the black part of the text is covered with the lines.
a)   b)
Step 15.
You should now have 3 copies of the lines layer. Link the line layers together.
Step 16.
Merged the linked line layers into a single layer (layer > merged linked). Now make a selection, using the black part of the text. Right click on the lines layer, from the layers panel, and choose 'layer via cut'. This will use the selection to cut the lines layer into 2, one outside the selection and one inside.
Step 17.
Delete the layer, containing the lines outside of the black area.
Next go to Animated Glowing Text - Part 4) Animating the glow Part: 1 | 2 | 3 | 4
 
 
   
 
Site Copyright © 2006 - 2009 Nick DS. All rights reserved.