Flash CS项目10 动画的设计实战训练.pptVIP

动画设计实战训练 主讲： DONG HUA SHE JI SHI ZHAN XUN LIAN 明确Flash动画制作的一般流程。 明确Flash动画制作中各种设计方法的用途。 掌握综合应用各种设计方法制作高质量Flash动画的基本要领。 了解Flash在社会生活各个领域的应用。 教学目标: 项目十 动画设计实战训练 项目十： 动画设计实战训练 任务一 任务二 小结 任务三 任务四 任务一 数字宠物设计──制作“鱼翔浅底” 任务二 交互式动画制作──制作“五光十色” 项目十 动画设计实战训练 项目十： 动画设计实战训练 任务三 趣味游戏开发──制作“记忆游戏” 任务四 辅助教学应用──制作“教学课件” 任务一 任务二 小结 任务三 任务四 任务一数字宠物设计──制作“鱼翔浅底” 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 1. 绘制鱼头 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 4. 制作动画元件 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 新建一个名为“头”的影片剪辑元件，进入该元件编辑状态。 打开【库】面板，将库中名为“鱼头”的图形元件拖曳至舞台中，并使其居中到舞台。分别在第15帧和第30帧插入关键帧。选择第15帧的“鱼头”元件，打开【变形】面板，取消【约束】复选框的勾选，将垂直缩放设置为“110%” 。 分别在第1帧～第15帧、第15帧～第30帧创建补间动画，形成鱼儿呼吸的效果，时间轴状态。 5. 制作控制元件 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 新建一个名为“控制”的影片剪辑元件，进入该元件编辑状态，选择第?1?帧，按F9键打开【动作－帧】面板，在“脚本”窗格中输入控制代码 在第2帧插入空白关键帧，并为第2帧添加控制代码。 for(i=1;in;i++){ if(i20){ setProperty(yy+i,_xscale,100+i-0.25*i*i); setProperty(yy+i,_yscale,100+i-0.25*i*i); setProperty(yy+i,_alpha,100-i*3); } else{ ………… 6. 完成动画 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 将“图层1”图层重命名为“背景”，导入“素材\项目十\制作“鱼翔浅底”\海洋.jpg”背景图片，并使其居中到舞台。 打开【库】面板，在影片剪辑元件“头”上单击鼠标右键，在弹出的快捷菜单中选择【链接】命令，在弹出的【链接属性】对话框中勾选【为ActionScript导出】复选框，并在【标识符】文本框中输入“yut”，如图10-18所示。 分别将影片剪辑元件“身”和“鳍”的【链接属性】对话框中的【标识符】选项命名为“yus”和“yuq”。 任务二 交互式动画制作──制作“五光十色” 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 打开制作模板 设置“绘画笔”实例名称 设置“调色笔”实例名称 游戏运行效果 输入控制代码 设置“填充图形”实例名称 ① ④ ③ ② ⑤ ⑥ 1. 设置“绘画笔”实例名称 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 2. 设置“调色笔 ”实例名称 选中 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 3.设置“填充图形”实例名称 选中 选中 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 4.输入控制代码 stop(); //隐藏鼠标 Mouse.hide(); //定义并初始化颜色序号 var colorNum:uint=1; //定义颜色变量 var yanse:ColorTransform = new ColorTransform(); //设置颜色值 yanse.color=0xFF9999; //为场景添加事件，使“绘画笔”跟随鼠标移动 root.addEventListener(Event.ENTER_FRAME,genshui); function genshui(e:Event) { ………… 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任务四 任务三 趣味游戏开发──制作“记忆游戏” 任务一 项目十： 动画设计实战训练 任务二 小结 任务三 任