项目六 动画制作综合实训.pptxVIP

H5融媒体交互动画制作

项目六动画制作综合实训

本项目选取三个典型的综合案例，多种工具综合应用，案例适用范围广，交互性强、综合性高，通过本项目的学习，能够提升动画制作的综合技能。

项目导读

教学目标

了解翻页类交互动画的主要形式和常用交互技术。

了解游戏类交互动画的主要制作原则和交互设计。

了解长图拖动类动画的主要制作方法和交互技术。

目录

CONTENTS

任务1翻页类展示动画的制作——“加减乘除看改革”

本任务选自“闪电新闻H5”真实案例，任务主题为山东省财税金融改革攻坚成效，利用翻页式交互动画来呈现几个方面的成果，翻页类展示动画可以应用于大部分成果展示类主题。

翻页类展示动画页面的制作，通常采用预置动画来呈现页面的动画效果。本任务主要运用预置动画和元件动画多种制作技术，完成多个页面的制作，最后通过翻页进行逐页展示。

任务描述:

任务要求:

掌握绘画板工具的应用；掌握连线工具的应用；

分析任务动画的种类和制作方法，制作完成本任务的翻页动画。

知识链接：

1、绘画板工具应用

任务1翻页类展示动画的制作——“加减乘除看改革”

（1）创建绘画板

图6-2绘画板图6-3绘画板专有属性

2、连线工具应用

（2）绘画板行为应用

图6-6“绘画板控制”参数设置图6-7“调整绘画板属性”参数设置

图6-8连线专有属性图6-9预览连线

任务1翻页类展示动画的制作——“加减乘除看改革”

（2）连线行为应用

与连线相关的行为触发动作有“连线成功”和“连线失败”，如图6-12所示。与连线相关的行为有“恢复连线初始状态”。

任务1翻页类展示动画的制作——“加减乘除看改革”

任务1翻页类展示动画的制作——“加减乘除看改革”

（1）动画分析

“加减乘除看改革”H5作品共计6页，动画主要以预置动画呈现，需规划各个图片素材的动画时长及延迟时间。

另外，模拟“弹幕”效果的动画以元件动画形式呈现，制作出几个不同速度的弹幕元件。

（2）交互分析

本任务主要采用默认的翻页样式。

任务分析：

任务实施：

1、加载页的设置

2、首页制作

3、“加”页面制作

任务1翻页类展示动画的制作——“加减乘除看改革”

4、其他页面的制作

任务2长图拖动类交互动画的制作——“有他，郡县制天下安”

本案例源自“闪电新闻”H5作品，该作品综合利用多种工具，完成长图拖动类交互动画，动画内容通过一系列的“寻人启事”，最终体现出“基层工作人员”的无私奉献精神，具有很强的教育意义。本任务截取其中部分页面进行讲解。

任务描述:

任务要求:

掌握拖动容器工具的应用，掌握长图拖动类动画的制作技术，掌握关联动画的制作原理。

知识链接：

1、拖动容器的应用

任务2长图拖动类交互动画的制作——“有他，郡县制天下安”

（1）拖动容器工具

图6-29拖动容器专有属性

（2）拖动容器的行为应用

与拖动相关的行为触发动作有“拖动/转动结束”、“拖动物体放下”和“拖动物体离开”

与拖动相关的行为有“恢复拖放初始状态”

任务分析：

任务2长图拖动类交互动画的制作——“有他，郡县制天下安”

本任务主要的交互方式为拖动，利用拖动关联控制动画的播放，因此主要核心技术为关联动画。首先要设置动画的主导控制元素，而被控制的一定是元件动画，因此，本任务大部分动画制作重点放在长元件的制作，最后将拖动控制元素和元件进行动画关联设置。

任务实施：

1、首页制作、第二页

2、制作第三页拖动关联动画

3、制作第四页、第五页

任务2长图拖动类交互动画的制作——“有他，郡县制天下安”

4、添加背景音乐，完善文档信息。

任务3游戏类交互动画的制作——“捉谣记”

本任务案例源自“闪电新闻H5”作品，该作品动画内容设计了多个场景，每个场景讲述一个主题，以“寻物”为主要主线，最终找到线索物品，回答问题，揭示谣言，也向人们传达了不传谣、不信谣的理念，传播正能量。

作品综合利用多种工具，具有多种交互形式，本任务截取其中部分页面进行讲解，完整的案例二维码如图所示。

任务描述:

任务要求:

掌握预置考题工具的应用；掌握游戏类动画的设计原则，掌握动画逻辑控制，掌握多种交互动画的制作技术

知识链接：

1、预置考题的应用

任务3游戏类交互动画的制作——“捉谣记”

①单选题

②多选题

③填空题

④拖拽题

⑤总分设置

任务分析：

本任务包括加载页、首页、目录页、4个主场景页、多个答题页和提示页等，动画中运用了大量的预置动画和元件动画，使动画整体给人轻松活跃的感受，场景中各个物品也添加了交互，点击后有声音和动画的响应