动漫设计与图像处理第10章.ppt

学习内容 逐帧动画 10.1 运动补间动画 10.2 10.3 形状补间动画 遮罩动画 10.4 引导动画 10.5 学习目标 了解动画制作的步骤 学习动画综合制作的操作 10.1逐帧动画 【步骤1】运行Flash，文档属性默认。 【步骤2】单击第1帧，利用椭圆形工具在舞台的左侧画一个红颜色无边框的圆。 【步骤3】单击第1帧，按快捷键“F6”键，连续在时间轴上 插入10个关键帧。 10.1.1任务1：小球 10.1逐帧动画 【步骤4】单击第2帧，使用鼠标或者键盘上的方向键调整 舞台中的红色圆的位置，使之向右侧移动一小短距离。 【步骤5】重复第4步骤的方法，分别设置其余9个帧里面的圆形位置。 【步骤6】测试效果。 图：连续插入关键帧 图：设置帧的图形位置 10.1.1任务1：小球 【步骤1】单击第1帧，利用矩形工具绘制一个无边框的黑色矩形，并把它放置在舞台的上端。 【步骤2】在时间轴上按快捷键“F6”键，插入9个关键帧。图10-3所示。 【步骤3】单击第2帧，使用箭头工具，适当的拉伸黑色的图形。 【步骤4】按照此方法，依次拉伸其余的九个帧。如图10-4所示。 【步骤5】测试效果。 10.1.2任务2：黑色矩形 图：插入关键帧 10.1.2任务2：黑色矩形 图：拉伸效果 10.1.2任务2：黑色矩形 请同学们参照教材上所列举步骤进行操作 10.1.3-10.1.5 10.2形状补间动画 【步骤1】新建文档。设置宽 300 像素、高 100 像素的粉红色舞台。 【步骤2】单击第一帧，键入大小为 “70” 的蓝色隶书 “ 学动画 ” 三字，居中。在第 5 帧插入关键帧。3.选中第 5 帧上的文本，按下快捷键 ctrl + B两次，把文字打散。 10.2.1任务6：变化的文字 10.2形状补间动画 【步骤3】.在第 20 帧插入空白关键帧，用同样的大小和字体键入红色 “ 乐无穷 ” 三字，居中。用同样的方法把这三字打散。 【步骤4】选中第 5 帧，单击属性面板里的 “ 形状 ” 。 【步骤5】在第 25 帧插入一个普通帧。 【步骤6】测试影片。 请同学们参照教材所列举的步骤进行操作 10.2.2-10.2.3 10.3运动补间动画 【步骤1】启动 Flash，建立一个 Flash档。背景色设为非白色，其它默认。 【步骤2】选择”插入”|”新建元件”菜单命令，输入名称：风筝图，并选择”图形”行为。 10.3.1任务9：旋转的风筝 10.3运动补间动画 【步骤3】在工作区中绘制一个如图所示的风叶图形轮廓。 【步骤4】设置颜色为（#FFFFFF）、Alpha设为 50%，然后用”颜料桶”工具填充图形的基左边，再把Alpha设为 50%，填充图形的右边 【步骤5】单击“图层 1”的第 1 帧，然后把编辑中心移到图形的右下角。 【步骤6】选择”窗口”|”变形”菜单命令，在弹出的面板中，把约束选中，在旋转选项中设置旋转 90 度，然后点击右下角的旋转并应用变形按钮三次 【步骤7】双击风筝的轮廓线，将笔触删除。单击“图层 1”的第 1帧，执行”修改”|”组合”菜单命令，设置宽：200、高：200、横坐标 X：0 纵坐标：0。 【步骤8】新建元件 “转的风筝 1”，并选择”影片剪辑”行为 【步骤9】把图形元件“风筝图”提进场景，然后利用对齐面板居中对齐。 10.3.1任务9：旋转的风筝 【步骤10】分别右键单击 30 、60帧，插入关键帧，选中 30帧处的风筝图形元件，打开“变形“面板，选中”约束“选项，并在”宽度”或”高度”设置框中键入 60%。 【步骤11】单击“图层 1”，创建动画补间，在旋转选项中选择顺时针旋转 1 次。创建好动作补间动画的时间轴状态。 【步骤12】测试效果。 10.3.1任务9：旋转的风筝 请同学们参照教材所列举的步骤进行操作 10.3.2-10.3.4 10.4遮罩动画 【步骤1】在图层1第一帧插入图片或者输入你自己需要的文字。在图层1中，导入一个图片 【步骤2】新建一个图层2，在第一帧画一个和图片一样大的正方形。 【步骤3】在第15帧的地方给2个图层都插入关键帧。 10.4.1任务13：图形的遮罩 10.4遮罩动画 【步骤4】选中图层2的1-15帧，给图层2创建补间动画。 【步骤5】选中图层2第一帧，使用任意变形工具，调整正方形的宽度。创建一个动画补间，调整正方形的大小， 【步骤6】在图层2上点击鼠标右键，在弹出