案例6：奥运篆书——补间形状（课件）-《Animate CC动画制作案例教程》（电子工业出版社第2版）同步精品课堂

奥运篆书——补间形状 -案例6- Animate CC动画制作案例教程 电工版第二版 案例描述 制作补间形状动画，实现如图所示的奥运篆书变形效果。 初步认识补间形状的应用对象。 以及会创建补间形状动画。 01 熟悉位图与矢量图的转换。 02 案例分析 操作流程演示 第一部分 操作流程演示 1.新建一个Animate文档，设置舞台大小为“240×240”像素。 操作流程演示 2.导入素材图片，执行菜单“文件”→“导入”→“导入到库”命令，将“田径”“拳击”“射箭”“羽毛球”“棒球”5幅图片导入库。 操作流程演示 3.将图层名称改为“篆书”，选中第1帧，将“田径”图片拖至舞台，打开对齐面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”，“分布”为“垂直居中分布”，“匹配大小”为“匹配宽和高”，此时图片状态如图所示。 操作流程演示 3.选中图片，单击鼠标右键，在弹出的快捷菜单中选择“分离”命令，图片分离状态如图所示。 操作流程演示 4.单击“篆书”图层第20帧，单击鼠标右键，在弹出的快捷菜单中选择“插入空白关键帧”命令，将“拳击”图片拖至舞台，打开对齐面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”，“分布”为“垂直居中分布”，“匹配大小”为“匹配宽和高”。使之与第1帧图片位置、大小完全一致，然后选中图片，进行分离操作。 操作流程演示 5.将鼠标指针置于“篆书”图层第1~20帧的任意一帧位置上，单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令，此时时间轴状态如图所示。 操作流程演示 6.在“篆书”图层第25帧处单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”命令。 操作流程演示 7.选中第45帧，插入空白关键帧，将“射箭”图片拖至舞台，重复步骤4操作，选中第25~45帧中的任意一帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令，此时时间轴状态如图所示。 操作流程演示 8.在第50帧处插入关键帧，在第70帧处插入空白关键帧，将“羽毛球”图片拖至舞台并按步骤3调整其大小和位置，选中第50~70帧中的任意一帧，创建补间形状动画，此时时间轴状态如图所示。 操作流程演示 9.重复步骤8，在第75帧处插入关键帧，在第95帧处插入空白关键帧，创建“羽毛球”到“棒球”的补间形状动画，并在第100帧处插入帧，最终时间轴状态如图所示。 操作流程演示 10.新建一个图层并命名为“名称”，在第1帧处，选择“文本”工具在舞台上输入文字“田径”，设置其“文本”属性如图所示。 操作流程演示 10.打开对齐面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”，“分布”为“底部分布”，此时的舞台效果如图所示。 操作流程演示 11.分别选中“名称”图层的第20、40、65、85帧，插入关键帧，并分别输入文字“拳击”“射箭”“羽毛球”“棒球”，“文本”属性设置同步骤10，时间轴最终状态如图所示。 操作流程演示 12. 按【Ctrl+S】组合键保存文件，按【Ctrl+ Enter】组合键测试影片。 分组实践 第二部分 分组实践 布置任务：在学生端电脑完成案例制作，可根据小组讨论结果适当添加有趣效果。 巩固练习 随堂练习 1. 在“奥运篆书”案例中，将现代奥运项目图形逐渐变形为传统篆书文字，主要使用的是（ ） A. 传统补间动画 B. 补间形状动画 C. 骨骼动画 D. 逐帧动画 【答案】B 【解析】 补间形状动画专门用于实现矢量形状之间的平滑变形，这正是将一种图形（奥运项目）变形为另一种图形（篆书文字）所需要的技术。 随堂练习 2. 要使补间形状动画正常工作，起始和结束的对象必须是（ ） A. 元件实例 B. 位图图像 C. 矢量形状 D. 任何类型的对象都可以 【答案】C 【解析】 补间形状动画的核心要求是操作对象必须是矢量形状。元件实例、位图、文本等都不能直接用于补间形状，需要先分离为矢量形状。 随堂练习 3. 将“游泳”的图标图形变形为篆书“水”字，首先需要对“游泳”图标进行什么操作？（ ） A. 转换为影片剪辑元件 B. 组合（Ctrl+G） C. 分离（Ctrl+B）为矢量形状 D. 添加滤镜效果 【答案】C 【解析】 图标图形如果是绘制或导入的矢量图形，通常已经是形状。但如果是文本或符号，则需要先按Ctrl+B将其“分离”成可编辑的矢量形状，才能应用补间形状。 随堂练习 4. 在创建补间形状动画时，为了控制变形的对应关系，使“游泳者手臂”的线条对应变成“水”字的某个笔画，需要使用（ ） A. 引导层 B. 形状提示点 C. 遮罩层 D. 洋葱皮工具 【答案】B 【解析】 形状提示点是补间形状动画中的关键工具，它通过在起始形状和结束形状上建立对应的锚点，引导软件按照预定逻辑进行变形，避免混乱的中间状态。 随堂练习 5. 添加形状提示点的快捷键是（ ） A. Ctrl+Shift+H B. Ctrl+Alt+H C. Ctrl+H D. Shift+H 【答案】A 【解析】 选中补间形状的起始关键帧后，按Ctrl+Shift+H可以添加一个形状提示点。 随堂练习 6. 形状提示点用字母进行标识，最多可以添加多少个？（ ） A. 26个 B. 52个 C. 99个 D. 无限个 【答案】A 【解析】 Animate允许最多添加26个形状提示点，使用小写字母a到z进行标识。 THANKS 谢谢观看 $