Thursday, 14 August 2008

Gun shot text effect

In this Flash tutorial you will learn how to create a gun shot text effect. The results give the effect of text decreasing in size. This tutorial is similar to the drop text effect tutorial and is fairly complicated so be sure to read it a few times, before attempting.

Gun Shot text effect

Step 1

Open a new flash document and set the frame rate to 15fps.
Select the text tool and type your message on the stage. I used impact font type, but you can use whatever font type you wish.
Now right click on your message and select break apart. You text should look like below:




Step 2

Select the selection tool and starting from the first letter, right click and select Distribute to Layers. Repeat this for all the letters. You should now notice that the timeline has a single letter on each layer. You can now delete “Layer 1” on the timeline.




Step 3

Select each letter in turn and convert it into a symbol by pressing F8. Give your symbol an appropriate name, check movie clip and click ok.


Step 4

On the timeline select your first letter layer and insert a key frame (F6) at frame 5 and 10.
Select the key frame at frame 5 then select the free transform tool (Q) and drag the letter, so that it is slightly larger.



Now right click anywhere in between the 5th and 10th frame and select create motion tween.


Step 5

On the timeline select the second letter this time and insert a key frame (F6) at frame 15 and 25.
Again, select the key frame at frame 15 then select the free transform tool (Q) and drag the letter, so that it’s slightly larger.
Now right click anywhere in between the 15th and 25th frame and select create motion tween.

Repeat this for all the letters and your timeline should look like below:



**Note: I have filled in the empty black frame by pressing F5.


Step 6

Delete the first key frame of each layer on the timeline like below:




Step 7 (optional)

On the timeline select the new first key frame of the first layer. And using the selection tool (V) click the letter on the stage and change the alpha colour to 0%.
Now repeat this for all the letters.


Step 8

Test your movie Ctrl + Enter.



You should now have a gun shot text effect.

5 comments:

Arjun 14 November 2009 at 03:54  

Tutorial is nice. I have done exactly till step 5 and from the step 6 which says to delete the first key frame. Please tell me how to remove the first key frame. I am new to flash and using flash cs4.

iliketo 14 November 2009 at 14:22  

@Arjun

Select the first frame with your selection tool and hit the delete key on the keyboard.

Arjun 15 November 2009 at 22:48  

Thanks a lot. I worked now. Nice tutorials.

iain.murdock 23 February 2010 at 02:20  

I understood everything up until the optional step '7'. I couldnt figure out how to get the alha colour to change without clicking the actual letter in the 'later' frames. [Using CS3 and CS4 if its any help to know].

iliketo 23 February 2010 at 04:50  

@iain.murdock

You select the layer on the timeline then the letter on the stage.

  COPYRIGHT © 2014 · ILIKE2FLASH · Theme by Ourblogtemplates

Back to TOP