 |
 |
|
photoshop
|
|
|
3d.studio.max
|
|
|
macromedia.flash
|
|
|
desktopX
|
|
|
 |
|
|
|
 |
|
motion.blur l 15-11-2k1
|
|
|
[ specifications ]
|
|
|
LEVEL: EASY. PROGRAM NEEDED: Flash 4+, Photoshop
5+. Author: [ Edwin
]
|
|
|
[ comment ]
|
|
|
In this tutorial we will create a blur effect
that works great with Text or Images. I recomend
using this as roll over movie for a button. You
can find a tutorial on how to make an animated
Button roll over Here. Before embarking on this
tutorial you should have some basic Flash Knowledge.
Launch FLASH and PHOTOSHOP and make sure your
frame rate is at 30fps. You can edit the movie
properties by going to Modify>movie . Lets
begin...
|
|
|
[ step 1 ]
|
|
|
We will being this tutorial in Photoshop. Start
a new image and make it no more than 334x150 in
dimension size. Now, Using the Text tool Type
in the text you plan to use in your flash movie(be
sure to remember the Font and font size you are
using). In this case we will use the words "motion
blur" and a font size of 20. Merge the text
layer with the backroundlayer by selecting the
text layer and pressing CTRL+E.
|
|
|
[ step 2 ]
|
|
|
 |
Now that you have your text ready its time to
blur it. Go to Filters>blur and select motion
blur. Bluring the text by 14 pixels for a medium
sized blur. If you want to give the illusion that
your text is moving at even higher speeds, simply
adjust the settings to Blur the text by 24 0r
34 pixels. Now that you have the desired blur
save the image. ( set the Quality setting between
2-4)
|
|
|
[ step 3 ]
|
|
|
 |
Switch to Flash. Type in the same word we used
using the same Font and Font Size as before. Make
the text into a symbol by pressing F8. You can
make the text a button or movie clip depending
on what you need. For this demonstration we will
make it into a graphic. Next, import the blured
image convert it into a graphic symbol and place
it in its own layer. Name the new layer "imported
text". and Name the Layer that contains our
Flash text "Flash text".
|
|
|
[ step 4 ]
|
|
|
 |
Line up the Blured image so that its lined up
with our Flash text. In the "Flash Text"
layer, make a key frame on frame 4. move the flash
text graphic to the left. Now, select the "Imported
text" layer and do the same. On frame 4 of
the "flash text" select our flash text.
go to Modify>instance and set the alpha to
0. On frame 1 of the " imported text"
layer set the Alpha of our imported image to 0.
Now add a blank key frame on frame 5 of the "flash
text" layer. Add a keyframe on frame 9 of
the "imported text layer" and move our
imported image all the way to the left so that
it is off of the stage.
|
|
|
[ FINAL ]
|
|
|
 |
|
|
