第五章 第一节形状补间动画形状提示的制作

第五章形状补间动画的制作

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帧的图形删除。

21按下Ctrl+V键，将左侧水平页面复制到第40帧中。

22单击时间轴上的第30帧，然后在工作区下方“时间轴”上右击，选择“创建补间形状”选项，使第30帧~第40帧产生从左上方倾斜到左侧水平的页面翻页变形。

23单击图层2的第20帧，按下F6键，这是将在第20帧处增加1个关键帧。24取消对第20帧中图形的选择，然后依次拖动第20帧中图形的两个弧形边线，使它们变成直线。拖动右侧的两个端点，使第20帧中的图形变成如图5-38所示的形状。

图5-38

25依次单击时间轴上的第11帧和第21帧，然后在工作区下方“时间轴”上右击，选择“创建补间形状”选项，使第11帧~第29帧产生翻页变形。

26单击图层2的第10帧，然后执行修改形状添加形状提示命令或按下Ctrl+Shift+H键，这是将在工作区中出现一个小a符号，这个小a符号是图形变形的一个基点。

27按下Ctrl+Shift+H键，增加控制基点小b，小c，小d。

28选择箭头工具，并按下锁定按钮，用箭头工具拖动这四个基点，分别将它们拖动到图形的四个端点上，如图5-39所示。

图5-39

29单击图层2的第20帧，用箭头工具拖动这四个基点，分别将它们拖动到相应的四个端点上，如图5-40所示。

图5-40

30用同样的方法在第20帧和第30帧的图形四个端点处添加新的四个基点，如图5-41所和图5-42所示。

图5-41 图5-42

31制作有厚度的书本图形，使图层2处于不可见状态，单击图层1的第1帧，

按住Shift键，单击右侧书页的右下方的两条黑线，将它们选中。

32通过对这两天黑线的复制、粘贴和移动，得到如图5-43所示的图形。

图5-43

33从工具箱中选取线条工具，在工作区中绘制直线，使书本图形如图5-44所示。

图5-44

34从工具箱中选取颜料桶工具，并将颜色栏中的“填充颜色”设置成浅灰色到浅红色的颜色渐变，执行“窗口”|“颜色”面板按照图图5-45设置。其中浅灰色的红、绿、蓝值设置成（102，102，102），浅红色的红、绿、蓝值设置成（243，205，205）。

图5-45

35在书本图形的侧面空白处单击，将书本的侧面填充成渐变色。

36用同样的方法，将书本的左右页面、右上方倾斜页面、左上方倾斜的页面、追至页面填充成由浅灰色再到浅红色的颜色渐变色。

37单击图层1的第40帧，按下F5键，使图层1的帧数增加到第40帧。按下Ctrl+Enter键，可以看到书页翻动的动画效果，这时“时间轴”对话框如图5-46所示。