《flashcs动画设计实例教程》7

1、机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程目标技能目标技能了解ActionScrip的基本功能掌握常用基本动作的运用学会影片的加载操作第第7章章 ActionScript 介绍介绍机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程本章目录本章目录7.1 ActionScrip介绍介绍7.2 动作运用动作运用7.3 使用使用AS进行影片加载实例进行影片加载实例机械工业

2、出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程 本章重点：帧动作、按钮动作、影片剪辑动作的运用。 本章难点：动作面板的使用、动作的加载。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程7.1 ActionScrip介绍介绍7.1.1 ActionScrip介绍介绍l ActionScrip（动作脚本）是对在Flash中运用的类似JavaScript语法的命令语言的通称。l 制

3、作交互动画需要在动画中添加ActionScrip语句来控制动画。l 给动画添加ActionScrip要通过“动作”面板来实现。l 添加ActionScrip的对象是：时间轴的关键帧、按钮、影片剪辑元件。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程7.1.2 动作面板的使用动作面板的使用l 动作面板浮动在面板下方，使用时，可用鼠标点击或按键盘上的【F9】键来展开或闭合。l 如果动作面板被关闭，可使用【窗口】【动作动作 】菜单打开。l 展开后的窗口如下图：机械工业出版社中等职业教育

4、中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程7.2 动作运用动作运用 动作可分为：帧动作、按钮动作、影片剪辑动作。7.2.1 帧动作帧动作l gotoAndPlay：从当前帧转到目标帧开始播放动画。l gotoAndStop：从当前帧转到目标帧并停止播放动画。l play：开始播放已停止了的动画。l stop：从该帧停止当前正在播放的动画。l

5、nextFrame：从当前帧转到下一帧。l nextScene：从当前场景转到下一场景。l prevFrame：从当前帧转到前一帧。l prevScene：从当前场景转到前一场景。l stopAllSounds：停止正在播放的所有声音。 机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程 帧添加动作的代码，是在时间轴的关键帧上。 添加的方法是：在时间轴上选择要添加动作的关键帧，然后打开动作面板，选择动作代码即可 。 例子：在动画时间轴上添加例子：在动画时间轴上添加stop动作。动作。

6、 第一步：制作运动动画 第二步：演示动画 第三步：在时间轴末尾关键帧添加stop动作 第四步：演示动画 请同学们比较分析两次演示动画的不同请同学们比较分析两次演示动画的不同机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程7.2.2 按钮动作应用按钮动作应用 按钮动作是按钮的灵魂，若不给按钮添加动作，按钮就毫无用处。 给按钮添加动作的语法是：给按钮添加动作的语法是： On(Event) /执行的动作 其中Event（事件）是指鼠标的各种动作，主要有： Press（点击）（点击）：鼠标

7、指针在按钮上按下时发生。 Release（释放）（释放）：鼠标指针在按钮上按下并释放后时发生。 ReleaseOutside（释放离开）（释放离开）：当鼠标指针按下按钮释放后离开按钮的响应区后发生。 RollOver（指针经过（指针经过）：当鼠标指针滑过按钮响应区（不必按下）时发生。 RollOut（指针离开）（指针离开）：当鼠标指针滑过按钮响应区（不必按下）并离开后发生。 DragOver（拖放经过）（拖放经过）：在按钮上按下鼠标并拖住鼠标离开按钮，然后再次将鼠标指针移到按钮上时发生。 DragOut（拖放离开）（拖放离开）：在按钮上按下鼠标并拖动鼠标离开按钮响应区时发生。 机械工业出版社中

8、等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程 实例实例1：按钮控制动画：按钮控制动画跳动的篮球。跳动的篮球。 第一步：新建一个Flash文档 第二步：画地平线 第三步：制作篮球元件 第四步：制作篮球上下运动的运动动画 第五步：新建按钮层，把制作或从公用库中的按钮放到场景中 第六步：在时间轴第一帧添加STOP暂停动作 第七步：选中“播放”按钮，在按钮上添加Play播放动作 第八步：让同学们想一下如何制作让同学们想一下如何制作“暂停暂停”按钮？按钮？ 第九步：测试动画 请同学们在脑子过一下动画的制

9、作过程请同学们在脑子过一下动画的制作过程机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程实例实例2：“隐形隐形”按钮控制的动画按钮控制的动画花开花谢。花开花谢。 第一步：新建一个Flash文档 第二步：制作“隐形”按钮元件 第三步：新建“花开花谢”影片剪辑元件 第四步：在元件第一帧绘制花瓣，在15帧用面板复制命令复制成一朵花，并创建变形动画 第五步：在第16帧插入关键帧并把花朵转化为图形元件，在25帧插入关键帧，并创建16到25帧之间的运动动画 第六步：在25帧处调节“花”元件的A

10、lpha亮度比为20 第七步：在“花开花谢”影片剪辑的第一帧添加Stop动作，并把隐形按钮放到第一帧，在按钮上添加gotoandplay(2)播放动作 第八步：回到场景中，把制作的“花开花谢”影片剪辑元件拖到场景中，在不同位置拖放多个，并可用变形工具改变大小形状 第九步：测试动画 请同学们在脑子过一下动画的制作过程请同学们在脑子过一下动画的制作过程机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程7.2.3 影片剪辑影片剪辑动作应用动作应用 与给按钮添加动作一样，在场景中选中要加动作

11、的影片剪辑元件，再添加动作。 给影片剪辑添加动作的语法是：给影片剪辑添加动作的语法是： OnClicpEvent(事件事件) /发生相应的事件以后将执行的动作 实例：实例：2008奥运。奥运。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程7.3 使用使用AS进行影片加载实例进行影片加载实例 在Flash中，动作脚本是核心和灵魂，本节介绍几个对影片片断控制的命令。7.3.1 duplicateMovieClip和和removeMovieClip 利用duolicateMovieCl

12、ip命令，可以在播放动画时复制一个动画片段。在复制动画片段时，新复制的动画片段将从第1帧开始播放 。 利用removeMovieClip命令可删除复制的动画片段，但它不能删除原动画片段。 下面就通过一个实例来介绍这两个命令的运用。 机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程实例：实例：“百鸟云集百鸟云集” 制作思路：制作思路：先制作一个小鸟飞翔影片剪辑，然后利用duolicateMovieClip复制多个影片剪辑，形成“百鸟云集”；利用removeMovieClip使复制的“

13、百鸟”散去“。可通过按钮控制时间轴来控制“云集”和“散去”。 “云集云集”的动作脚本是：的动作脚本是：stop();i = 1;while (i0) removeMovieClip(come + i);i-;注意：注意：动作脚本是在时间轴的关键帧上加的。动作脚本是在时间轴的关键帧上加的。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程7.3.2 loadMovie应用举例应用举例 利用loadMovic动作可自动载入其它动画以实现多个动画自动连续播放。实现效果：实现效果： 动画开始

14、处于暂停状态，当单击播放按钮时播放动画，播放到最后一帧时，自动载入准备好的下一动画。若在下一个动画中又嵌套了一个动画，同样是通过loadMovic实现自动载入。 下面就通过一个实例来介绍这个命令的运用。 机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程实例：多个动画调用实例：多个动画调用 制作思路：制作思路：先制作一个动画，并发布为SWF文件，然后制作主动画，在主动画的时间轴的关键帧上利用loadMovie命令调用另一个动画。可利用按钮来控制动画的播放。注意：注意： 1、调用的动画

15、命令是加载在时间轴的关键帧上。 2、调用的动画是已发布的扩展名是swf的动画文件。 3、一个主动画可调用多个动画，还可调用有调用的动画。 4、当有多个动画载入连续播放时，如果层相同，后面载入的动画将替代前面的动画，如果层不同，可出现多个动画重叠播放的现象。 5、利用loadMovie自动载入播放动画，必须使自动载入的动画与主动画在相同文件夹下，否则当需要调入动画时，主动画会找不到要自动载入的动画。 机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材?电子商务专业电子商务专业机械工业出版社Flash cs5 动画设计实例教程动画设计实例教程本章小结本章小结 ActionScript是Flash动画的灵魂所在，制作交互性动画需要在动画中添加ActionScript语句来控制动画，在Fl