AEvision tutorials > Flash MX Tutorials > Scrolling Text Faded Edges

Scrolling Text with Faded Edges | 1 2 | continued:

Ok, now that we've created our Linearly-filled rectangle at the edge of the stage, as shown in Fig 7, we are going to add a new layer, on which we will add our motion-tweened text.

Insert a new layer, call it Text.
Add a line of Text using the Text Tool (T).
Add MotionTween to the line of Text that you've just created. Make it scroll from right to left.
Rearrange the layers, make the Edge layer on top of the Text Layer, as shown in Fig 8.

At this point we have only faded one edge of the stage (the left edge). Let's now fade the other edge of the stage.

The simple way of doing this is by just copying/pasting and horizontally flipping our exisiting rectangle. (Modify > Transform > Flip Horizontal)

So, now we have two linearly-filled rectangles on both sides of the stage. Your result should look similar to Fig 10.

Now change your stage background color to white, matching the color used to fill the rectangles, in my case white.
Test your movie (Control > Test Movie) and your result should look like the initial demonstration movie on the first page of this tutorial.

Conclusion:

Here's a summary of what we did in this tutorial:

Using the Rectangle Tool, we drew a rectangle on one edge of the stage.
Filled the rectangle with Linear type of Fill, from solid to transparency.
Added a new layer with a motion-tweened text, scrolling from left to right.
Duplicated the rectangle, flipped it and positioned it on the right edge of the stage.
Rearranged the layers, the Edge layer positioned above the Text Layer.

Try to use the same effect for a vertically-scrolling text and see how it goes.

That's it! Hope you enjoyed this simple tutorial.