Moving Text Effect:
1. Open a new project and click on the first fame. Add 30 frames or so to the time line.
This can be done by hitting F5 or selecting frames, right clicking and selecting insert frame.
2. Go back to frame one. Select the "Text Tool" type out the text you wish to use.
Set the properties of the text to your needs (font, size, colour.) The properties menu should be at the bottom of the screen. If not select Window > Properties > Properties from the top menu bar.
3. Now select the 30th frame and insert a keyframe (this can be done by right clicking on the frame and selecting "Insert keyframe")
4. While within this keyframe move the text to the area you wish the text to move to.
5. Select the first frame and create a motion tween (achieved by right clicking the frame and selecting create motion tween.)
And you're done. Now preview your work by selecting Control > Test Movie from the top menu bar (or mac: Command + enter / win: Ctr + enter).
Download the flash.fla file here.
Wednesday, 22 April 2009
FLASH - Flying Text Effect:
FLASH - Flying Text Effect:
1. Open a new project and click on the first frame. Add 30 frames or so to the time line.
This can be done by hitting F5 or selecting frames, right clicking and selecting insert frame.
2. Go back to frame one. Select the "Text Tool" and type out the text you wish to use.
Set the properties of the text to your needs (font, size, colour.) The properties menu should be at the bottom of the screen. If not select Window > Properties > Properties from the top menu bar.
3. Right click on the text and select "Break Apart." All the letters should now have their own box around them.
4. Ensuring all letters are still selected right click again and select "Distribute to Layers"
5. A "keyframe" needs to be inserted at the end of each later. Right click on frame 30 on each layer and select "Insert Keyframe"
6. Go back to frame one and select one of the letters, move it out of the "stage." This being the area you are working in (the white area) the off stage being the grey area.
7. Do this to all the letters trying to make it as random as possible and at different distances away from the stage. The below example looks like this:
8. Once this is done select frame one on all layers. This can be done by selecting frame 1 layer 1, holding shift and selecting frame 1 and last layer. Now right click and select "Create Motion Tween."
And you're done. Now preview your work by selecting Control > Test Movie from the top menu bar (or mac: Command + enter / win: Ctr + enter).
Download the flash.fla file here.
1. Open a new project and click on the first frame. Add 30 frames or so to the time line.
This can be done by hitting F5 or selecting frames, right clicking and selecting insert frame.
2. Go back to frame one. Select the "Text Tool" and type out the text you wish to use.
Set the properties of the text to your needs (font, size, colour.) The properties menu should be at the bottom of the screen. If not select Window > Properties > Properties from the top menu bar.
3. Right click on the text and select "Break Apart." All the letters should now have their own box around them.
4. Ensuring all letters are still selected right click again and select "Distribute to Layers"
5. A "keyframe" needs to be inserted at the end of each later. Right click on frame 30 on each layer and select "Insert Keyframe"
6. Go back to frame one and select one of the letters, move it out of the "stage." This being the area you are working in (the white area) the off stage being the grey area.
7. Do this to all the letters trying to make it as random as possible and at different distances away from the stage. The below example looks like this:
8. Once this is done select frame one on all layers. This can be done by selecting frame 1 layer 1, holding shift and selecting frame 1 and last layer. Now right click and select "Create Motion Tween."
And you're done. Now preview your work by selecting Control > Test Movie from the top menu bar (or mac: Command + enter / win: Ctr + enter).
Download the flash.fla file here.
FLASH - Fade In/Out Text Effect:
FLASH - Fade In/Out Text Effect:
1. Open a new project and click on the first frame. Add 30 frames to the time line.
This can be done by hitting F5 or selecting frames, right clicking and selecting insert frame.
2. Go back to frame one. Select the "Text Tool" type out the text you wish to fade.
Set the properties of the text to your needs (font, size, colour.) The properties menu should be at the bottom of the screen. If not select Window > Properties > Properties from the top menu bar.
3. Now select frame 15, you should still see your text here. Right click and select "Insert Keyframe"
4. Repeat on frame 30.
5. Right click on frame 1 and select "Create Motion Tween"
6. Right click on frame 15 and select "Create Motion Tween"
7. Select frame 1 and use the "Selection Tool" to select the text. Down on the properties menu it will now say the text is a graphic and on the far right it says "Color: none" change this to "Alpha" Now on the right will be a percentage change this percentage to 0%.
8. Repeat this for frame 30.
And you're done. Now preview your work by selecting Control > Test Movie from the top menu bar (or mac: Command + enter / win: Ctr + enter).
Download the flash.fla file here.
Extra:
If you only want to fade in or out just leave the relative half of the Motion tween out.
If you want the fade to be quicker take out frames. Alternatively add more frames to make it a longer fade.
If you want to do one fade then stop i.e. not loop round. Add the actionscript
stop();
to the end frame.
1. Open a new project and click on the first frame. Add 30 frames to the time line.
This can be done by hitting F5 or selecting frames, right clicking and selecting insert frame.
2. Go back to frame one. Select the "Text Tool" type out the text you wish to fade.
Set the properties of the text to your needs (font, size, colour.) The properties menu should be at the bottom of the screen. If not select Window > Properties > Properties from the top menu bar.
3. Now select frame 15, you should still see your text here. Right click and select "Insert Keyframe"
4. Repeat on frame 30.
5. Right click on frame 1 and select "Create Motion Tween"
6. Right click on frame 15 and select "Create Motion Tween"
7. Select frame 1 and use the "Selection Tool" to select the text. Down on the properties menu it will now say the text is a graphic and on the far right it says "Color: none" change this to "Alpha" Now on the right will be a percentage change this percentage to 0%.
8. Repeat this for frame 30.
And you're done. Now preview your work by selecting Control > Test Movie from the top menu bar (or mac: Command + enter / win: Ctr + enter).
Download the flash.fla file here.
Extra:
If you only want to fade in or out just leave the relative half of the Motion tween out.
If you want the fade to be quicker take out frames. Alternatively add more frames to make it a longer fade.
If you want to do one fade then stop i.e. not loop round. Add the actionscript
stop();
to the end frame.
Tuesday, 21 April 2009
FLASH - Typewriter Effect:
FLASH - Typewriter Effect:
1. Open a new project and click on the first fame. Add 50 frames or so to the time line.
This can be done by hitting F5 or selecting frames, right clicking and selecting insert frame.
2. Go back to frame one. Select the "Text Tool" type out the text you wish to use.
Set the properties of the text to your needs (font, size, colour.) The properties menu should be at the bottom of the screen. If not select Window > Properties > Properties from the top menu bar.
3. Right click on the text and select "Break Apart." All the letters should now have their own box around them.
4. Ensuring all letters are still selected right click again and select "Distribute to Layers"
5. Each letter should now be on its own layer. This will allow you to move the starting frame for each letter along the time line. Select the first frame on a letter then click and hold while dragging the frame along the time line to where you think it should go. The out come should look a bit like this:
Notice that I have left a bigger gap between the start of a new word as there will be a break between words as the space bar is hit but this wont be shown.
And you're done. Now preview your work by selecting Control > Test Movie from the top menu bar (or mac: Command + enter / win: Ctr + enter).
Download the flash.fla here.
These simply plain effects can be altered very easily to create a very interesting effect. This below example has changed the font to represent a typewriter and added a sound effect for each tap on the typewriter. I have also changed the rhythm of the typing to be a more realistic hand pattern.
(*Note: there is sound for this example so use speakers/headphone to get the full effect.)
(**Note: the "replay" button is there so it does not continuously loop and drive you mad!)
Download the flash.fla here.
1. Open a new project and click on the first fame. Add 50 frames or so to the time line.
This can be done by hitting F5 or selecting frames, right clicking and selecting insert frame.
2. Go back to frame one. Select the "Text Tool" type out the text you wish to use.
Set the properties of the text to your needs (font, size, colour.) The properties menu should be at the bottom of the screen. If not select Window > Properties > Properties from the top menu bar.
3. Right click on the text and select "Break Apart." All the letters should now have their own box around them.
4. Ensuring all letters are still selected right click again and select "Distribute to Layers"
5. Each letter should now be on its own layer. This will allow you to move the starting frame for each letter along the time line. Select the first frame on a letter then click and hold while dragging the frame along the time line to where you think it should go. The out come should look a bit like this:
Notice that I have left a bigger gap between the start of a new word as there will be a break between words as the space bar is hit but this wont be shown.
And you're done. Now preview your work by selecting Control > Test Movie from the top menu bar (or mac: Command + enter / win: Ctr + enter).
Download the flash.fla here.
These simply plain effects can be altered very easily to create a very interesting effect. This below example has changed the font to represent a typewriter and added a sound effect for each tap on the typewriter. I have also changed the rhythm of the typing to be a more realistic hand pattern.
(*Note: there is sound for this example so use speakers/headphone to get the full effect.)
(**Note: the "replay" button is there so it does not continuously loop and drive you mad!)
Download the flash.fla here.
New Blog
I have decided to create a new blog to host my resource and tutorials so they're easier for students to access and me to manage.
My first task is to copy over my old tutorials and then work on some Actionscript 3.0 versions of them as I know people are having issues with buttons in Flash.
As well as flash some basic Final Cut tutorials would be great and lots of links to great resource already out there on the net.
Subscribe to:
Posts (Atom)
