|
Written by Rawpulse
|
|
Friday, 11 November 2005 |
|
This tutorial shows you how to add a shine effect to text
Ok so this is a nice little effect that you see around. Usually on
sites to highlight their logo, or just on some random banner, perhaps?
Well either way, it looks decent, and you can complete it in a few
minutes.
To view an example of what you will be creating, click here
Right let's get started. First up, open Flash. I did this tutorial in
Flash 8, and the example above required the latest Flash Player plugin,
Flash Player 8, to play. This is because I added a filter effect to the
text.
Now change the background colour to black, on the Properties window. You can leave the frame rate at 12 FPS.
Now create a second layer, and call it "shine". Rename Layer 1 "text".
Make sure shine is the top layer. On frame 1 of the text layer, use the
text tool to write some text in the middle of your stage. It doesn't
need to be in the middle but we like things to look organized. You can
write whatever you want. I, of course, wrote KnowFlash. Shameless
promotion I know.
if you are using Flash 8, add a filter effect, by converting the text
to a symbol (right click > convert to symbol). Select movie clip.
Call it whatever. You only need to be naming symbols if you are using
ActionScript that will involve the name of the symbol. Now select
Filters, which is a tab on the Properties window. Add a Drop Shadow
with similar settings as below. Change the shadow color to suit the
font color you have chosen.
Next head back over to your shine layer. Add a Keyframe at frame 6.
Then select the Rectangle Tool. Draw a square on your stage, and use
the Selection Tool to change the shape. Try and make it look like an X,
by holding Ctrl while you drag the sides inwards, to create corners.
Once you are happy with your X, convert it to a movie clip. Make sure
your X is in the position you want. I placed mine at the bottom right
hand side of my text. Then create a second Keyframe at frame 10. Now go
back to Keyframe 6 and select your X. Go to the Color drop down box which
will appear in your Properties window. It only appears once you have
clicked on the X. Select Alpha from the box, then lower the slider bar
so that it says 0%. The X will then become invisible.
Now back to Keyframe 10. Do the same process as above, except set the
slider to 100%. Add a Motion Tween in between. This makes the X seem as
if it is appearing gradually.
What you might also want to do at this point, is use the Free Transform
Tool to change the size of the X at Keyframe 6, so it is small, and
make it large at Keyframe 10. This will give the impression that the
shine is growing in size.
Now add a Keyframe at frame 15 and create a motion tween in between
Keyframes 10 and 15. Then select "CW" from the Rotate dropdown box, which
will rotate the shine 1 time in the clockwise direction. If you want it
to spin faster, increase the number 1.
Add Keyframes at frames 22 and 34 (Note: It doesn't really matter if
you alter the positions of the Keyframes slightly, these are where I
put my Keyframes). Between Keyframes 15 and 22, make sure you add
another rotation in a motion tween, and ensure the X is large and
visible at this point.
Between Keyframes 22 and 34, add another tween with rotation,
and use the same alpha method as before, to make the shine disappear.
This is done by selecting Alpha on the Color dropdown box, and
adjusting the % slider. Instead of fading the shine out, you could
reduce the size of the X on the last Keyframe, so the shine reduces in
size until the eye can no longer can see it, which is how I did it.
That's prety much it, test your movie by pressing Ctrl + Enter. If there is something you don't like about it, go over those parts and iron out the problems
This tutorial was written to give you a basic guide. Adjusting the
little parts might make it look better. One of the best ways to learn
is to experiment. There are many things you could do to make this
better, like adding a shine sound effect for more realism.
If you have any problems with this tutorial, do not hesitate to post your concerns on our community forums.
|
|
Last Updated ( Friday, 11 November 2005 )
|
Tutorials 
