Flash text with the mouse produced mobile animation effects
Today, we look at a small example. [Go with the mouse is used on the website more than a animation, it is how to make the following are the production of specific steps.
Click here to download the source files
Steps are as follows:1, click Properties in size, in the open "document properties" in the settings dialog scenes size of 400 × 300, the blue background. As shown in Figure 1.
Figure 1
2, Ankuaichajian "Ctrl F8" new one called "action" and "video clips" symbol. As shown in Figure 2.
Figure 2
3, click a layer of one, open action by pressing F9 panel, add the following sentence:
/ / Set text position i = "10";
While (Number (i)> = 1) (
Set ( "/ t" add i add ": xx" eval ( "/ t" add (i-1) add ": xx") 15);
Set ( "/ t" add i add ": yy," eval ( "/ t" add (i-1) add ": yy"));
I = i-1; / / function Eval (Variable): Access to the value of a variable)
/ / Re-initial position / t1: xx = Number (getProperty ( "/ tracker," _x)) 15;
/ T1: yy = getProperty ( "/ tracker," _y);
/ / Write the coordinates [i = "8";
While (Number (i)> = 1) (
SetProperty ( "/ t" add i, _x, eval ( "/ t" add i add ": xx"));
SetProperty ( "/ t" add i, _y, eval ( "/ t" add i add ": yy"));
I = i-1;
)
4, No. 2 click on Insert F6 key frame, right-click the second frame, in the pop-up menu, choose moves, pop-up Actions tab, and add the following statement in Figure 4:
GotoAndPlay (1);
5, according to the "Ctrl F8." Create a "Huan" and "video clips" symbol, select the text tool, font election as "Chinese Xingkai" series of 20 color red in the scene in the importation of a "Huan", according to "Ctrl K" bomb the "alignment" dialog box, click the respective "vertical center" and the "middle level" so that [the center. As shown in figure 3:
Figure 3
6, and with the same methods were inserted entitled "Towards", "light", "A" and "net", "page", "and the" study "of" video clips "symbols, the corresponding scene in the corresponding input text.
7, according to the "Ctrl F8" new one called "tracker" "video clip."
8, and return to Scene 1, according to the Ctrl L open, "tracker" Shadow folder drag scene in the upper left, "an example of" the type "tracker", click the first frame, open the action by pressing F9 panel , add the importation of the following statement:
StartDrag ( "/ tracker", true);
/ / Drag target tracker
9, click a layer of the third frame, according to the "F6" Insert key frame, the "action" scenes drag "tracker" right, "an example of" the type "action", click open the movements of F9 plate, add the following sentence:
Stop ();
10, respectively, "Huan," "Ying", "light", "A" and "net", "page", "religion" and "learning" from the library drag scene, shown in Figure 4, and in "an example of" the type t1, t2, t3…… t8.
Figure 4
11, according to the "Ctrl Enter" key combination test cinematic effects, and save the results.
Tags: css mouse style, div effects, Text Alignment, Text Decoration, Text Indentation, Text Transformation
Leave a Reply