Our Swish tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Swish Tutorials Creating Your Own Text Scroller
Your Ad Here

Creating Your Own Text Scroller


Creating Your Own Text Scroller1st Step: Creating The Sprites

a) Create a rectangle in the size you want your scroll box to be. - Important! - The text box MUST have a color fill to it. Any color will do. - Now create 2 shapes to be used as scroll buttons.

b) Right click the rectangle and choose 'group' from the menu. Then choose 'group as sprite' from the sub menu. Name the sprite 'text_scroll' and check the box named 'masked' in the sprite properties. Now go back to main scene and group both of your scroll shapes as sprites naming them 'up_scroll' and 'down_scroll' (Do not make these masked) - add an invisible rectangle to cover the scroll button shapes.

2nd Step: Adding Text And Actions

a) In the 'text_scroll' sprite enter you text over the rectangle, with the top of the shape being like the top of the page. Do not type of the right side of the rectangle.

Keep entering your text all the way down out of the bottom of the rectangle.

b) Now in the timeline for the text - add a 'place' action on frame 0 and double click on frame 61. This will add a 'move' action to the timeline. Click the first frame of the move action then from the top menu of swish choose: view/preview frame, and then drag your text up until the last line of text is just inside of the masked rectangle. Click the transform tab on the properties box and change the 'X' value at the end of the effect to be the same as the 'X' value from the beginning of the effect. This will keep the scrolling effect from moving to the side while in action.

c) Now add the following actions to the text_scroll timeline:

On frame 0 - Stop
On frame 60 - Tell Target /down_scroll Goto Frame 0 (make sure the 'play' box is checked in the action properties.
On frame 61 - Tell Target /down_scroll Goto Frame 1 (make sure the 'play' box is un-checked in the action properties.
On frame 62 - Stop

3rd Step: Adding Actions To The Scroll Buttons

a) On the timeline of up_scroll add the following actions:

On frame 0 - Stop
On frame 1 - Tell Target /text_scroll Goto Previous Frame (make sure the 'play' box is un-checked in the action properties.
On frame 2 - Goto Previous Frame (make sure the 'play' box is checked in the action properties.

b) On the up_scroll invisible rectangle add the actions:

On Rollover Goto Frame 1
On Rollout Goto Frame 0

c) On the timeline of down_scroll add the following actions:

On frame 0 - Stop
On frame 1 - Stop

d) On the down scroll invisible rectangle add the actions:

On frame 0 - Place
On Frame 1 - Remove
On rollover Tell Target /text_scroll Play
On rollover Tell Target /text_scroll Stop

That's it! Now just test your scroller….



Author's URL: takamine_x2
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Internet & computing Flash is a vector-based moving graphics format created by Macromedia for the publication of animations on the World Wide Web. More Flash & Swish: Most Popular Materials | Fresh Materials | More Swish Tutorials at FlashPerfection.com

Add comments to "Creating Your Own Text Scroller"

Only registered users can write comment

No comments yet...