形状补间动画形状提示的制作.docVIP

第五章 形状补间动画的制作 5.2 添加形状提示 教学目标 进一步通过添加形状提示制作简单形状补间动画 形状提示、形状补间的创建要点和技巧 形状提示的作用与应用技巧 要求 形状提示在补间动画中的作用，理解创建形状部件的基本条件，掌握创建形状补间动画的方法和常用技巧。掌握形状提示的作用与应用技巧。 重点与难点 形状补间动画的编辑技巧 掌握形状提示的作用与应用 【案例欣赏】 案例：书本翻页动画 【案例分析】 通过书本翻页效果的制作介绍形状渐变的功能。分别制作页面右水平、右上方倾斜、垂直、左上方倾斜和左水平五个关键图形，然后运用形状渐变的功能是它们之间依次产生书本翻页效果的翻转。 【操作演示】 执行“文件”|“新建”命令，创建一个新的文件。 执行“修改”|“文档”命令，弹出“文档属性”对话框。在其中设置文档的尺寸为550px×400px，背景色蓝色。 从工具箱中选取矩形工具，然后执行窗口属性命令，在弹出的属性面板的笔触颜色选项中选择黑色，“笔触高度”设置为1，“填充颜色”选项中选择蓝色以外的任一种颜色，在工作区中绘制一个矩形。 用箭头工具选中矩形，然后在属性面板中将x设置为250、y设置为150，宽设置为130、高设置为190，如图5-34所示。 图5-33 从工具箱中选取箭头工具，将矩形的上下两条边线向上拖动成弧形，如图5-34所示。 图5-34 用箭头工具在变性后的巨型外围脱出一个方框，将图形全部选中，并执行编辑拷贝命令或按下Ctrl+C键。 单机时间轴的“插入图层”按钮，添加图层2。 单机图层2的第1帧，然后按下Ctrl+V键。在图层2复制一个与图层1相同的图形。 单机图层2的第10帧，然后执行插入关键帧命令或按下F6键，这是将在第10帧处增加一个关键帧。 取消对第10帧中图形的选择，然后依次拖动右侧的两个端点，使第10帧中的图形变成向右上方倾斜的页面状，如图5-35所示。 图5-35 单击时间轴上的第1帧，在工作区下方“时间轴”上右击，选择“创建补间形状”选项，使第1帧~第10帧产生从右侧水平到右上方倾斜的页面翻页变形。 单击图层2中“眼睛”图标下的原点，此时出现红色叉子，使它处于不可见状态。 单击图层1的第1帧，然后按住Shift键和Alt键，向左拖动选中的图形，将复制一个新的图形，使它的右边线与原图形的左边线重合，这是左侧水平页面如图5-36所示。 图5-36 按下Ctrl+C键，将图层1中的左侧水平页面复制到剪贴板中。 单击图层2的红色叉子，使图层2的图形处于可见状态。 按住键盘上的Ctrl键，同时单击图层2的第30帧和第40帧，按下F6键，同时在第30帧和第40帧处增加2个关键帧。 单击图层2的第30帧，执行编辑清除命令按下Delete键啊，将第30帧的图形删除。 按下Ctrl+V键，将左侧水平页面复制到第30帧中。 依次拖动第30帧中图形左侧的两个端点，使第30帧中的图形变成左上方倾斜的页面，如图5-37所示。 图5-37 单击图层2的第40帧，执行编辑清除命令或直接按下Delete键，将第40帧的图形删除。 按下Ctrl+V键，将左侧水平页面复制到第40帧中。 单击时间轴上的第30帧，然后在工作区下方“时间轴”上右击，选择“创建补间形状”选项，使第30帧~第40帧产生从左上方倾斜到左侧水平的页面翻页变形。 单击图层2的第20帧，按下F6键，这是将在第20帧处增加1个关键帧。 取消对第20帧中图形的选择，然后依次拖动第20帧中图形的两个弧形边线，使它们变成直线。拖动右侧的两个端点，使第20帧中的图形变成如图5-38所示的形状。 图5-38 依次单击时间轴上的第11帧和第21帧，然后在工作区下方“时间轴”上右击，选择“创建补间形状”选项，使第11帧~第29帧产生翻页变形。 单击图层2的第10帧，然后执行修改形状添加形状提示命令或按下Ctrl+Shift+H键，这是将在工作区中出现一个小a符号，这个小a符号是图形变形的一个基点。 按下Ctrl+Shift+H键，增加控制基点小b，小c，小d。 选择箭头工具，并按下锁定按钮，用箭头工具拖动这四个基点，分别将它们拖动到图形的四个端点上，如图5-39所示。 图5-39 单击图层2的第20帧，用箭头工具拖动这四个基点，分别将它们拖动到相应的四个端点上，如图5-40所示。 图5-40 用同样的方法在第20帧和第30帧的图形四个端点处添加新的四个基点，如图5-41所和图5-42所示。 图5-41 图5-42 制作有厚度的书本图形，使图层2处于不可见状态，单击图层1的第1帧，按住Shift键，单击右侧书页的右下方的两条黑线，将它们选中。 通过对这两天黑线的复制、粘贴和移动，得到如图5-43所示的图形。 图5-43