高二电子工业出版社二维动画设计软件应用（Flash CS4）课件项目十三 开心学英语

项目十三 开心学英语 ——Flash学习课件的制作 任务一 制作首页动画 任务二 制作学习界面的动画 任务三 制作水果遮罩动画 任务四 制作单词控制按钮 实战演练 凸透镜成像原理 目 录 任务一 制作首页动画 [本任务目标]: 了解首页动画设计流程，并能综合运用所学知识制作相应动画。 [本任务重点]: 能利用所学知识完成首页动画的制作。 项目任务 上一页 下一页 一、新建Flash文件 　　新建一个名为“英语课件”的flash（ActionScript 2.0)文件，执行【修改】→【文档】命令，修改文档尺寸。设置文档宽度为600像素，高度为450像素，背景为灰色，帧频为30fps，如图13-1所示。 图13-1修改文档属性 项目任务 上一页 下一页 1．导入背景1图片 将默认图层改名为“背景1”，将光盘中“素材与实例→project13→素材”目录下的“背景1.jpg”图片导入到舞台。修改图片尺寸同样为600*450，相对于舞台对齐。选中场景中的图片单击右键执行【转换为元件】命令，将图片转换为影片剪辑元件，起名为“背景动画”，如图13-2所示。 二、制作卡通人物动画 图13-2导入背景1素材 项目任务 上一页 下一页 2．制作番茄妹的遮罩动画 （1）双击“背景动画”元件，进入元件编辑界面。在“图层1”的第200帧处插入帧延长画面，然后在“图层1”上新建一个名为“番茄”的图层，在第10帧处插入关键帧，将光盘中“素材与实例→project13→素材”目录下的“番茄妹.png”图片导入到舞台。设置属性参数为x:-191.9，y:101.5,宽度：142，高度：142。在第15帧处插入关键帧，修改属性参数为x:-114.9，y:66.5。然后在第10帧到第15帧之间创建传统补间，如图13-3所示。 图13-3 番茄妹的动画效果和时间轴 项目任务 上一页 下一页 （2）在“番茄”图层上新建一个名为“遮罩1”的图层，在第10帧处插入关键帧，利用【线条工具】绘制一个遮罩图形，设置遮罩图形的属性值为x:-106.3，y:67.3,宽度：131.9，高度：131.6。选中“遮罩1”图层，单击右键执行【遮罩层】命令，将“遮罩1”图层转换为遮罩图层，“番茄”图层转换为被遮罩图层。“遮罩1”图层的遮罩图形和时间轴如图13-4所示。 图13-4遮罩1图层的遮罩图形和时间轴 项目任务 上一页 下一页 3．制作苹果妹的遮罩动画 （1）在“遮罩1”图层上新建一个名为“苹果”的图层，在第25帧处插入关键帧，将光盘中“素材与实例→project13→素材”目录下的“苹果妹.png”图片导入到舞台。设置属性参数为x:202，y:113,宽度：142，高度：142。在第35帧处插入关键帧，修改属性参数为x:156，y:58.5。然后在第25帧到第35帧之间创建传统补间，如图13-5所示。 图13-5 苹果妹的动画效果和时间轴 项目任务 上一页 下一页 （2）在“苹果”图层上新建一个名为“遮罩2”的图层，在第25帧处插入关键帧，利用【线条工具】绘制一个遮罩图形，设置遮罩图形属性为x:-106.3，y:67.3,宽度：131.9，高度：131.6。选中“遮罩2”图层，单击右键执行【遮罩层】命令，将“遮罩2”图层转换为遮罩图层，“苹果”图层转换为被遮罩图层。“遮罩2”图层的遮罩图形和时间轴如图13-6所示。 图13-6 遮罩2图层的遮罩图形和时间轴 项目任务 上一页 下一页 1．制作“幼”字动画效果 新建一个名为“文字动画”的影片剪辑元件，默认图层改名为“幼”。在第1帧处，利用【文本工具】输入“幼”字，设置文本的字体为华康海报体W12，大小为64点，颜色为白色,单击右键将文字转换为影片剪辑元件。设置属性面板中的参数为x:-172.4,y:0,Alpha值为80%，在150帧处插入帧并在之间创建补间动画，最后在第30帧处修改其Alpha值为0%。“幼”字的放大淡出动画效果和时间轴如图13-7所示。 三、制作文字动画 图13-7 “幼”字的动画效果和时间轴 项目任务 上一页 下一页 2．制作“儿”字动画效果 　　新建一个名为“儿”的图层，在第15帧处插入关键帧，利用【文本工具】输入“儿”字，它的文本属性与“幼”字相同。单击右键将“儿”字转换为影片剪辑元件，设置属性参数为x:-103.4,y:0,Alpha为80%，然后创建补间动画。在第44帧处修改其Alpha值为0%。“儿”字的动画效果与“幼”字相同，时间轴如图13-8所示。 图13-8 “儿”图层的时间轴 项目任务 上一页 下一页 3．制作其他文字的动画效果 按