Creating Your Own Text Scroller
Posted by Design Instructor | Posted in Flash | Posted on 10-01-2010
0
Step 1: Creating The Sprites
a) At the beginning you should create a rectangle in the size you like your scroll box to be. The text box must have a color fill to it. Any color will do. - Now you should create 2 shapes to be used as scroll buttons.
b) Now you should right click the rectangle and after that choose ‘group’ from the menu. Then you should choose ‘group as sprite’ from the sub menu. After that you should name the sprite ‘text_scroll’ and then you should check the box named ‘masked’ in the sprite properties. Now you must go back to main scene and there you should group both of your scroll shapes as sprites naming them ‘up_scroll’ and ‘down_scroll’ you should add an invisible rectangle to cover the scroll button shapes.
Step 2: Text And Actions
a) In the ‘text_scroll’ sprite you need to enter text over the rectangle, with the top of the shape being like the top of the page.
Also you should keep entering your text all the way down out of the bottom of the rectangle.
b) Now in the timeline for the text – you should add a ‘place’ action on frame 0 and double click on frame 61. This will add a ‘move’ action to the timeline. After that you should click the first frame of the move action then from the top menu of swish choose: view/preview frame, and then you must drag text up until the last line of text is just inside of the masked rectangle. Now you should click the transform tab on the properties box and then you can change the ‘X’ value at the end of the effect to be the same as the ‘X’ value from the beginning of the effect.
c) Now you can add the next 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
Step 3: Adding Actions To The Scroll Buttons
a) On the timeline of up_scroll you need to add the next 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 you should add the actions:
On Rollover Goto Frame 1
On Rollout Goto Frame 0
c) On the timeline of down_scroll you must add the next actions:
On frame 0 - Stop
On frame 1 - Stop
d) On the down scroll invisible rectangle you should 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
Finished! You can test scroller….
