Flash Templates - Flash Design Templates - Flash Website Template
Scrolling Text
By admin | January 26, 2010
Scrolling Text
To create a Scrolling text in your flash document, follow the steps below.
1. Open a Flash document and place a text box using the Text tool on the stage.
2. Choose the following parameters for the text box you just inserted.
    � Text: Dynamic
    
    � Choose Multiline
    
    � Type the following code in the Var text box.
_root.text1
    
3. Create buttons that are used for scrolling Up and down.
4. Create a Movie Clip name it �scrollUp�.
5. Create 3 KeyFrames in the first layer.
6. On the 1st Frame click, Right click –>Actions, choose the �+�Global Functions –> Timeline Control –> Stop;
7. On the Second frame, type the following action script:
_root.text1.scroll–;
8. In the 3rd Frame, type the following Action code:
gotoAndPlay(2);
9. Copy the scrollUp movie clip and name it �scrollDN�. Click the instance tab and type scrollDN in the instance text box.
10. Edit the second frame scrollDN and type the following action script:
_root.text1.scroll++;
11. Go back to the main time line, drag both the movie clips you created. Name both the movie clips instances as scrollUp and scrollDN respectively.
12. Create 3 layers in the main Time line and name them:
    � Text
    � Arrow
    � Circle
13. Insert the buttons and double click it to view the editing mode.
14. Select the actions for the UP button and type the following action code:
on (press) {
tellTarget(_root.scrollDN) {
play();
}
}
on (release) {
tellTarget(_root.scrollDN) {
stop();
}
}
15. Select the actions for the Down button and type the following action script:
on (press) {
tellTarget(_root.scrollDN) {
play();
}
}
on (release) {
tellTarget(_root.scrollDN) {
stop();
}
}
16. Save your work and Test movie.
    
Topics: Lina Roberts Blog, Uncategorized | No Comments »
Map
By admin | January 24, 2010
Map
In this tutorial, you will learn how to create an interactive Map using Flash. Just follow the steps given below.
1. Open a new Flash Document. Set the stage to 675 px X 675 px and frame rate to 30fps.
    
2. Draw (or) trace the Map. In this tutorial we have used the India map.
    
3. Name the layer as India Map and lock the layer.
    
4. Create a new layer Called Buttons.
5. Create a Small Circle using Oval tool. Select the circle and convert it to Button by pressing F8.
    
    
6. Go back to the main time line.
7. Drag the Button Symbol on to the stage and place at the respective cities where you need to insert a pop up image.
    
8. Click the Button and give the instance name for each Button respectively.
    
    
9. Similarly give instances for the entire set of Button like Tajmahal_btn, TeaEstate_btn, Beach_btn, Palace_btn and andamaan_btn.
10.Lock all the layers and create a new layer name it as Marker.
11. Click Insert–>New Symbol, Name the symbol as My Marker and Choose Movie clip as its behavior.
12. Create a symbol as shown below:
    
This is used as an indicator to depict places that have been mapped.
13. The tip of the arrow must be placed exactly above the Registration Point.
    
14. Name the layer as Marker and insert a KeyFrame on the 6th frame.
15. Insert another layer and name it as Cities.
16. Press F6 six times so that 6 KeyFrames are included.
17. Click on the first frame open the Actions panel and assign stop action.
    
18. Click the each frame and insert images to each Frame.
    
19. Name the instances for each frame.
20. Drag the movie clip My Marker and place it below the stage.
    
21. Lock all the layers including Marker.
22. Go back to the main time line.
23. Create a new layer and name it actions.
24. Open the Actions panel and assign the following actions shown below�.
   ÂÂ
import mx.transitions.Tween;
import mx.transitions.easing.*;
var cities:Array = [”Tajmahal”, “Palace”, “andamaan”, “Beach”,”TeaEstate”]
function mover (targetX, targetY){
currentX = marker_mc._x;
currentY = marker_mc._y;
var xTween:Tween = new Tween(marker_mc, “_x”, Strong.easeOut, currentX, targetX, .5, true);
var yTween:Tween = new Tween(marker_mc, “_y”, Back.easeOut, currentY, targetY, 1.5, true);
}
for (var i = 0; i
var my_btn = this[cities+”_btn”];
my_btn.myCity = cities;
my_btn.onRollOver = function() {
mover( this._x, this._y);
marker_mc.gotoAndStop(this.myCity);
}
}
25. Save your work and test the movie.
    
    
Topics: Lina Roberts Blog, Uncategorized | No Comments »
