《多媒体技术与应用_第4章_动画制作技术》由会员分享，可在线阅读，更多相关《多媒体技术与应用_第4章_动画制作技术（65页珍藏版）》请在金锄头文库上搜索。
1、1 Flash动画制作技术 4.3 基于Flash的动动画制作技术术 v4.3.1 Flash工作环境 v4.3.2 帧和图层 v4.3.3 Flash动画的制作流程 2 3 4.3.1 Flash工作环境 1开始页 开始页 4 4.3.1 Flash工作环境 2工作窗口 4 Flash CS3 的 工作 界面 标题栏菜单栏文档选项卡栏工具面板面板组 场景与舞台属性检查器 时间轴 5 4.3.1 Flash工作环境 3时间轴 Flash CS3的时间轴 “时间轴” 用于组织和 控制文档内 容在一定时 间内播放的 图层数和帧 数。 6 4.3.1 Flash工作环境 4绘图工具箱 工具箱 7 4
2、.3.3 帧和图层 1帧 8 4.3.3 帧和图层 9 4.3.3 帧和图层 帧标签帧注释 v2图层 v 图层就像透明的玻璃纸一样，在舞台上一层层 地向上叠加。如果一个图层上没有内容，那么还 可以透过它看到下面的图层。 v Flash中有普通层、引导层、遮罩层和被遮罩层 4种图层类型，为了便于图层的管理，用户还可 以使用图层文件夹。 10 4.3.3 帧和图层 11 4.3.2 Flash动画的制作流程 Flash动动画制作技术术 v时间轴特效 v动作补间动画 v形状补间动画 v路径动画 v遮罩动画 vAS脚本动画 12 13 4.3.2 Flash动画的制作流程 v案例1 用时间轴特效制作旋
3、转的树叶。 14 4.3.2 Flash动画的制作流程 v案例2 用时间轴特效制作鲜花的旋晕效果。 15 4.3.2 Flash动画的制作流程 v案例3 用时间轴特效制作爆炸的球。 16 4.4 逐帧动帧动 画 17 4.4 逐帧动帧动 画 v案例4 创建跑步动画。 18 4.4 逐帧动帧动 画 v案例5 创建雪莲盛开动画。 19 4.4 逐帧动帧动 画 v案例6 创建贺卡。 20 4.4 逐帧动帧动 画 v案例7 把gif动画文件转变为flash逐帧动画。 4.5 补间动补间动 画 v4.5.1 动作补间动画 v4.5.2 形状补间动画 21 22 4.5.1 动作补间动画 v案例8 创建小
4、车行驶的动画。 23 4.5.1 动作补间动画 v案例9 实现图片由浓到淡变化的效果。 24 4.5.1 动作补间动画 v案例10 创建旋转文字。 25 红日初升其道大光 河出伏流一泻汪洋 4.5.1 动作补间动画 26 4.5.2 形状补间动画 27 4.5.2 形状补间动画 v案例11 圆形转变为五角星的形状补间动画。 28 4.5.2 形状补间动画 v案例12 虫变蛹化蝶的过程。 29 4.5.2 形状补间动画 v案例13 使用形状提示演示数字转换效果。 在制作复杂的形状变化时，可能会出现动画效果混 乱的情况，这时可以使用形状提示来改善动画效果。形 状提示会标识起始形状和结束形状中的相对
5、应的点。 【修改】-【形状】-【添加形状提示】 4.6 路径动动画和遮罩动动画 v4.6.1 路径动画 v4.6.2 遮罩动画 30 31 4.6.1 路径动画 32 4.6.1 路径动画 v案例14 全球移动通信的路径动画。 33 4.6.1 路径动画 v案例15 豹子沿路径动态奔跑的路径动画。 34 4.6.1 路径动画 v案例16 飞机沿圆周飞行的路径动画。 35 4.6.1 路径动画 v案例17 行星沿路径动态运动的路径动画。 36 4.6.1 路径动画 37 4.6.2 遮罩动画 38 4.6.2 遮罩动画 v案例18 利用遮幕动画实现探照灯效果。 39 4.6.2 遮罩动画 v案例
6、19 利用遮幕动画实现电影镜头效果。 4.7 元件 v4.7.1 元件的类型和创建方法 v4.7.2 影片剪辑元件 v4.7.3 按钮元件 40 41 4.7.1 元件的类型和创建方法 42 4.7.1 元件的类型和创建方法 43 4.7.1 元件的类型和创建方法 44 4.7.1 元件的类型和创建方法 v案例20 制作图形元件。 44 45 4.7.1 元件的类型和创建方法 45 v案例21 制作影片剪辑元件。 46 4.7.1 元件的类型和创建方法 46 v案例22 制作按钮元件。 4.8 在Flash动动画中应应用声音 47 4.8 在Flash动动画中应应用声音 48 v案例23 制作
7、正在刹车的小汽车实例。 4.8 在Flash动动画中应应用声音 49 v案例24 伴奏飞舞的蝴蝶实例。 4.8 在Flash动动画中应应用声音 50 v案例25 给按钮加上声音。 4.9 用ActionScript实现实现 交互动动画 v4.9.1 动作面板 v4.9.2 脚本助手 v4.9.3 时间轴控制函数 51 4.9 用ActionScript实现实现 交互动动画 52 4.9 用ActionScript实现实现 交互动动画 53 4.9.1 动作面板 54 【动作】面板 4.9.1 动作面板 55 【动作】面板是Flash的程序编辑环境，它由两部分组 成。右侧部分是“脚本窗格”，这是
8、输入代码的区域。左侧 部分是“动作工具箱”，每个动作脚本语言元素在该工具箱 中都有一个对应的条目。 在【动作】面板中，“动作工具箱”还包含一个“脚 本导航器”，“脚本导航器”是FLA文件中相关联的帧动作、 按钮动作具体位置的可视化表示形式。可以在这里浏览FLA文 件中的对象以查找动作脚本代码。如果单击“脚本导航器” 中的某一项目，则与该项目关联的脚本将出现在“脚本窗口 ”中，并且播放头将移到时间轴上的该位置。 “脚本窗格”上方还有若干功能按钮，利用它们可以快 速对动作脚本实施一些操作。 4.9.2 脚本助手 56 “脚本助手”模式 在【动作】面板中，单击【脚本助手】 按钮可 以切换到“脚本助手
9、”模式。在右边的窗格中，上面是参数编 辑窗格，下面是脚本窗格。 在“脚本助 手”模式下，可 以添加、删除或 者更改“脚本” 窗格中语句的顺 序。还可以在“ 脚本”窗格上方 的文本框中输入 相应的参数。 4.9.3 时间轴控制函数 57 时间轴控制函数 gotoAndPlay 一般形式： gotoAndPlay(scene,frame) ; 作用：跳转并播放，跳转 到指定场景的指定帧，并从 该帧开始播放，如果没有指 定场景，则将跳转到当前场 景的指定帧。 参数：scene，跳转至场景 的名称；frame，跳转至帧 的名称或帧数。 Flash.display.MovieClip 4.9.3 时间轴
10、控制函数 58 gotoAndstop 一般形式：gotoAndstop(scene,frame); 作用：跳转并停止播放，跳转到指定场景的指定帧并从该 帧停止播放，如果没有指定场景，则将跳转到当前场景的指 定帧。 参数：scene：跳转至场景的名称；frame：跳转至帧的名 称或数字。 nextFrame 作用：跳至下一帧并停止播放。 例如，单击按钮，跳到下一帧并停止播放。相应代码如下 ： on(release) nextFrame(); 4.9.3 时间轴控制函数 59 Prevframe 作用：跳至前一帧并停止播放。 例如，单击按钮，跳到前一帧并停止播放。相应代码如下 ： on(rele
11、ase) prveFrame(); 5nextScene 作用：跳至下场景并停止播放。 6prevScene 作用：跳至前场景并停止播放。 4.9.3 时间轴控制函数 60 7play 作用：可以指定电影继续播放。在播放电影时，除非另外 指定，否则均从当前场景的第1帧开始播放。 8stop 作用：停止当前播放的电影，该动作最常见的运用是使用 按钮控制电影剪辑。 例如，如果需要某个电影剪辑在播放完毕后停止而不是循 环播放，则可以在电影剪辑的最后一帧附加stop()函数。这 样，当电影剪辑中的动画播放到最后一帧时，播放将立即停 止。 4.9.3 时间轴控制函数 61 stopAllSounds 作
12、用：使当前播放的所有声音停止播放，但是不停止动画 的播放。要说明一点，被设置的流式声音将会继续播放。 例如： on(release) stopAllSounds(); 当按钮被单击时，电影中的所有声音将停止播放。 4.9.3 时间轴控制函数 62 v案例26 使用方向键控制小汽车移动实例。 4.9.3 时间轴控制函数 63 v案例26 使用方向键控制小汽车移动实例。 onClipEvent (keyDown) if (Key.isDown(37)_x=_x-5; else if (Key.isDown(39) _x=_x+5; else if (Key.isDown(38) _y=_y-5; else if (Key.isDown(40) _y=_y+5; 4.9.3 时间轴控制函数 64 v案例27 用按钮控制动画进程。 4.9.3 时间轴控制函数 65 v案例27 用按钮控制动画进程。 播放按钮 on (release) nextFrame(); play(); 暂停按钮 on (release) stop(); 停止按钮 on (release) gotoAndStop(1);
