第2章 Flash动画基础.pptVIP

* 第二章 Flash动画基础 任务4：绽放的花瓣 教学目标：熟悉逐帧动画的制作原理并能制造简单的逐帧动画 教学难点：逐帧动画 制作步骤： 1、新建Flash文档 2、在舞台上绘制一个椭圆形（无边缘线）；打开【颜色】面板，设置一个 “放射状”渐变色，使用【颜料桶工具】对椭圆形进行填充；使用【渐变变形 工具】对填充的渐变色进行调整。 3、首先将绘制好的椭圆选中，然后选择【刷子工具】，并对其选项进行设置， 其中刷子模式为“颜料选择” 。 4、在选中的椭圆上用【刷子工具】画一条曲线。 5、选择绘制好的花瓣，执行“修改―组合”命令（快捷键Ｃtrl+G）进行组合后， 利用【任意变形】工具，将中心点移至花瓣下方。 6、选择“窗口―变形”命令（快捷键Ctrl+T）调出【变形】面板，设置“旋转”为 30度，然后重复点击“复制并应用变形”按钮便可得到一朵小花。 7、现在我们是在第1帧上做的小花，选择第2帧执行“插入―时间轴―关键帧” 命令（快捷键Ｆ6）,在第2帧插入了一个关键帧，起到复制前一帧内容的作用。 再重复按快捷键F6，依次插入关键帧。 8、这样12帧上每帧都是同样的小花并且位置相同，现在还没有动画效果。 我们将第1帧上留下1个花瓣，将其它都删掉，在第2帧按顺时针留下2个花 瓣其它删掉，按这个规律处理到第11帧。 9、至此一个简单的逐帧动画完成了，现在可以执行“控制－测试影片”命令 （Ctrl+Enter组合键）测试一下动画效果。 任务5： 形状变成文字 教学目标：掌握形状动画的制作方法 教学难点：形状动画 制作步骤： 1、新建一个Flash文档后，双击图层1的标志，将默认的“图层1”的名称 改为“同”，这样利于区别其它图层（大家要养成给图层命名的好习惯，这 样便于多图层的操作）。 2、在此图层的第一帧上绘制一个红色的圆，并将其向右移至舞台外。 3、在第25帧处按F7插入一空白关键帧，并在此帧上输入一个“同”字，放置 在舞台某处。选中“同”字后执行“修改—分离”命令（快捷键Ctrl+B）,将文字 打散，变成形状对象。 4、选中第45帧，按F5插入帧，延迟第25帧的作用时间。 5、至此第1层的“同”字形状渐变制作完成。按下Enter键，预览动画的播放效果。 6、单击时间轴面板上按钮，创建一个新层，Flash在第45帧自动建立了延迟帧。 7、选中当前层的第5帧，按F7插入空白关键帧。选择“同”层的第1帧，执行 “编辑―复制”命令(快捷键Ctrl+C),复制“同”层绘制的圆，切换到“学”层的第5帧， 执行“编辑―粘贴到当前位置”命令（快捷键Ctrl+Shift+V）。并选择【颜料桶工 具】将圆填充成绿色。 8、在第30帧，插入一空白关键帧，并输入文字“学”，并将其位置放在“同”字 的右边适当位置，按下Ctrl+B组合键将文字分离，并建立形状补间 。由于新 建图层时，在第45帧的位置上已经建立相同帧延迟，就不必再执行步骤5了。 9、同理，逐个字的建立新的图层，完成其余两个字的动画。注意调整各图层 的动画起始帧来对四个字动画的出场时间进行控制。按Ctrl+Enter组合键测试 动画。 任务6： 旋转地盒子 教学目标：掌握添加形状提示点的方法并能够熟练应用 教学难点：形状提示点 制作步骤： 1、设置起始关键帧：选择【矩形工具】，取消填充色，在舞台中间，按住 Shift键绘制一正方形。 2、选中“正方形”，执行“窗口―对齐”命令（快捷键Ctrl+K），打开【对齐面板】， 按下“相对于舞台”按钮后，分别单击水平居中对齐和垂直居中对齐钮，使形状在 舞台居中对齐。 3、选中“正方形”，按Ctrl+B组合键进行分离形状的操作。 4、设置结束帧的状态： 选中第30帧，按F6插入关键帧，则在第30帧建立一个与第1帧相同的形状。 5、创建形状动画： 在第1帧设置“形状”动画。按Enter键测试动画效果，由于起始形状和结束 形状没有任何变化，所以没有动画效果。 6、添加形状提示：选中第1帧，执行“修改―形状―添加形状提示”命令 （快捷键Ctrl+Shift+H），分别添加两个形状提示符，如下图。 7、选中第30帧，将两个形状提示符分别移动到矩形的右上角、右下角， 此时当前帧的提示符变为绿色，第1帧的两个提示符变成黄色。 Enter测 试动画效果。 8、新建图层，选中正方形的“左边”线段，执行“编辑―复制”命令，选择新 建层的第1帧，执行“编辑―粘贴到当前位置”命令。再选中正方形的“右边” 线段执行“编辑―复制”命令，选择新建层的第30帧，按F7插入空白关键帧， 执行“编辑―粘贴到当前位置”命令。 9、为了查看上一步操作的效果，可以隐藏“矩形”图层，分别查看两个关键帧。 10、选中新建层的第1帧设置形状渐变动画。至此动画制作完成， 按Ctrl+