FLASH动画设计精品课程(PPT 37页)

1
控制影片播放
2
制作LOADING
3
制作下雨效果
4
制作下雪效果
1、控制影片播放
开一个已经完成的动画源文件，如 图所示。
1、控制影片播放
制作按钮元素。建立一个“播放” 按钮元件，选择矩形工具，将笔触颜色 设置为黑色，线条粗细设置为3，填充 颜色设置为#FF9900，在图层1的“弹 起”帧绘制一个矩形，如图所示。
2、制作LOADING
进度条层设置进度条及动态文本。 回到场景2中把刚做好的“进度条”元 件从库中拖放到“进度条”这一图层 的第一帧上，调整位置。然后选中舞 台中的“进度条”元件，在属性面板 上写上实例名“进度条”，在第6帧插 入普通帧。
2、制作LOADING
选中“进度条”层，在舞台合适的 位置加入一个动态文本框，在属性面 板上设置文本类型：动态文本，字体： Arial，变量名：loadtxt，单行，字体 大小颜色自定义，相关参数如图所示。
1、控制影片播放
选择“播放”按钮，在动作面板的 脚本区插入代码：on (release) {play();}， 设置当按下播放按钮时开始播放动画， 如图所示。
1、控制影片播放
选择“停止”按钮，在动作面板的 脚本区插入代码：on (release) {stop();}， 设置当按下播放按钮时停止播放动画， 如图所示。
1、控制影片播放
在“指针经过”处按F6插入关键帧， 将填充颜色改为＃669900，在“按下” 处插入关键帧，颜色改为＃6699CC ， 在“点击”处插入帧，在图层1上方插 入一个新的图层，在“弹起”状态下输 入文字“播放”，如图所示。
1、控制影片播放
在库面板中，重制“播放”按钮， 在打开的复制元件对话框中，将元件名 称改为“停止” 。在库面板中双击 “停止”按钮的元件，将文字“播放” 改为“停止”，如图所示。用同样的方 法“重制” 按钮元件，制作出“上一 帧”“下一帧”“返回”三个按钮元件。
在“场景2”中新建立4个图层， 从 上到下分别命名为：AS层、进度条层、 按钮层、动画层。
2、制作LOADING
给AS图层第一帧加上帧标签play，然后 打开动作面板，复制下面的代码并粘贴。
// 将电影总字节数赋值给total变量 total = _root.getBytesTotal(); // 将已经下载的字节数赋值给loaded变量 loaded = _root.getBytesLoaded(); // 取整计算已下载的字节数的百分比并赋值给 变量load load = int(loaded/total*100); // 把已下载的字节数赋值给动态文本变量 loadtxt loadtxt = "loading"+load+"%"; // 进度条同时按百分比数跳转到相应的帧上去; _root.进度条.gotoAndStop(load);
2、制作LOADING
在第6帧（F7）插入一个关空白关 键帧，复制下面的代码并粘贴：
//如果下载字节数=总字节数，跳转到6 帧停止 if (loaded == total) { gotoAndStop(6); //否则跳转到标签名"play"的帧,继续下 载 } else { gotoAndPlay("play"); }
1、控制影片播放
回到场景1，在主时间轴上插入新 的图层，命名为“按钮”，并将所有按 钮元件拖放到舞台上，如图所示。
1、控制影片播放
在“按钮”图层上方插入一个新的 图层命名为“AS”用于编写帧脚本，选 中第一帧，按F9打开动作面板，在脚 本区域插入stop();命令 ，该命令主要是 停止帧的播放，如图所示。
2、制作LOADING
在“按钮层”第6帧插入一个空白 关键帧，选择窗口菜单下公用库，打 开按钮库，挑出一个自己喜欢的播放 按钮， 摆放到舞台合适位置并调整大 小（本例中选择的是：playback--playback-play） 。
2、制作LOADING
选中舞台上的按钮元件给按钮加上 下面的代码： on (release) {//释放按钮 gotoAndPlay("场景 1", 1);//跳转并播放 场景1的第1帧 }
设置当按下下一帧按钮时播放下一 帧动画，如图所示。
1、控制影片播放
选择“返回”按钮，在动作面板的 脚本区插入代码：
on (release) {gotoAndPlay(1);} 设置当按下返回按钮时播放下一帧 动画，如图所示，保存并测试影片。
2、制作LOADING
打开上一个实例的源文件，选择窗 口－设计面板－场景，打场景面板， 增加一个“场景2”，我们用它来做 loadding的场景。拖动“场景2”的到 “场景1”“上面。
1、控制影片播放
选择“上一帧”按钮，在动作面板 的脚本区插入代码： on (release) {gotoAndPlay(prevFrame());}
设置当按下上一帧按钮时播放上一 帧动画，如图所示。
1、控制影片播放
选择“下一帧”按钮，在动作面板 的脚本区插入代码： on (release) {gotoAndPlay(nextFrame());}
2、制作LOADING
创建进度条影片剪辑，命名为“进 度条。在这个影片剪辑上，建立分别 为“边框线”层和 “填充色”层。在 “边框线”层，绘制一个矩形，在属 性面板设置：宽：300；高：24；X：150，Y：-12。
2、制作LOADING
在100帧处F5插入普通帧。选中矩 形里面的填充色（Ctrl+X）剪切，粘贴 到“填充色”层第一帧（Ctrl+Shift+V 或选择编辑菜单下的粘贴到当前位 置），调整填充色颜色，在100帧处F6 插入关键帧，选中第一帧创建“形状” 动画，在第一帧将矩形宽改为3。双击 矩形框在属性面板把笔触调整为2，颜 色自定义。
现在loading就能用了，可以在“动 画层”再加入一些动画影片剪辑。
2、制作LOADING
测试影片。如果作品比较小，在测 试的时候loading会瞬间就过去了，可 以在测试影片的时候，选择“视图” 菜单下的“模拟下载”就可以慢慢的 欣赏loading的全过程了。
3、制作下雨效果