Creative Flash Scroller

Download a free trial of   Creative Flash Scroller
Buy Creative Flash Scroller
 

Creative Flash Scroller documentation

box Creative Flash Scroller

With Creative Flash Scroller you can scroll any kind of Flash Content: static text, dynamic text, pictures, animations, movies. It comes with multiple scroll behaviors: touch scroll, mouse gesture scroll, scrollbar scroll and even supports mouse wheel behavior. You can add smooth scrolling or motion blur effects and customize it to suit your design, from an easy to use interface.

In this tutorial we're going to use Creative Flash Scroller to scroll a succession of images horizontally and some text vertically. Through this, you will see that we're not limited quantitatively when using Creative Flash Scroller – we can put as many instances as we want on the same page. I want to start by reminding you that, in order for the tutorial to work, you need two things. First is to have the Creative Flash Scroller component installed using Adobe Extension Manager (if you encounter any problems doing that, please refer to the „How to install an extension” tutorial); the second is to copy the skin themes from the product package in the Library of your file, as highlighted in the warning message. You can find them in the Commands top menu - Creative Scrollbar Skins.

  This tutorial was created for AS3 ( Flash Action Script 3 )  as3

Click here to download the source file and the required files for solving this tutorial.

 

1. Let's start by opening Flash and creating a new file. (For CS3 users: in order to set-up the frame rate and name your file, right-click the stage and select "Document properties")

Create file

Create file

2. In the library of the enclosed ".fla" file, you can find the clips I'm going to use in this tutorial. Copy them in the library of your own file (they are called "slideshow" and "text").

Movieclips from library

Movieclips from library

 

3. Next we'll place the 2 clips at certain coordinates; this is not really necessary, as they will be shown inside the scrolling areas. I'm going to present it anyway so that the final version of the ".fla" file will be similar to the one I enclosed. Make sure that the clips have the following properties:

Size and position properties

Size and position properties

4. The next step is to to add the scrollers to the stage. Let's start with the one we will use for the slideshow. Firstly, open the Components and Component Inspector panels.

Open the Components and the Component Inspector panels

Open the Components and the Component Inspector panels

5. Drag an instance of Scroll Area on the stage and modify its position properties:

area1 size and position properties

area1 size and position properties

6. We will modify a little the parameters of the Scroll area. Disable the "Use mouse wheel" option and, as for behavior, select "Scrollbar only".

area1 General configuration

area1 General configuration

area1 Behavior configuration

area1 Behavior configuration

7. Add an instance of Scrollbar on the stage. Give the same name ("area1") to the instance of the Scroll area and in the Target field from the Component Inspector, General tab of the Scrollbar (to make sure everything is correct, you should have the following name groups: both the instance of the clip slideshow" and the Target field of the Scroll area should be called the same, and both the instance of the Scroll area and the Target field of the Scrollbar).

Scrollbar1 consiguration

Scrollbar1 configuration

8. We have finished with the first Scrolling area; let's do the second one now. Drag another instance of Scroll area on the stage and give it the following properties:

Area2 size and position properties

area2 size and position properties

9. For this one we'll modify a little the parameters; open the Component Inspector and make the following changes:

area2 General configuration

area2 General configuration

area2 Behavior configuration

area2 Behavior configuration

9. Now its time to add the Scrollbar. Drag it on the stage and link it to the Scroll area assigned to the text – give the same name to the instance of the Scroll area and in the Target field of the Component Inspector from the Scrollbar ("area2"). As well, choose "Theme 1" as a skin and a Vertical orientation.

Scrollbar2 configuration

Scrollbar2 configuration

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Thank you for your time and I hope this tutorial was useful to you. I invite you to read the rest of our tutorials and check out our other products on www.extendstudio.com

Creative Flash Scroller

box Creative Flash Scroller

With Creative Flash Scroller you can scroll any kind of Flash Content: static text, dynamic text, pictures, animations, movies. It comes with multiple scroll behaviors: touch scroll, mouse gesture scroll, scrollbar scroll and even supports mouse wheel behavior. You can add smooth scrolling or motion blur effects and customize it to suit your design, from an easy to use interface.

windows xp
windows vista
windows seven
apple mac os
• OS : Creative Flash Scroller is supported by multiple OS from Windows XP to Windows 7 and any Mac OS X 10 or greater.
 
Creative Flash Scroller
for AS2 works on:
flash 8
flash cs3 flash cs4 flash cs5
 
Creative Flash Scroller
for AS3 works on
flash cs3 flash cs4 flash cs5
 
In order to view the
results you need at least:
flash player 8
Adobe Flash
Player 8,9 for AS2
flash player 10
Adobe Flash
Player 10 for AS3