新媒体技术与应用（全彩慕课版）（第2版）课件 第5章　动画的编辑与制作

第5章动画的编辑与制作本章介绍：在新媒体时代，新媒体动画的制作方式、信息载体、表现形式、传播渠道较传统媒体动画都发生了巨大的变化。本章将对动画的基础知识、Animate的基础知识、基本动画的制作、高级动画的制作及交互式动画的制作进行系统讲解。通过本章的学习，读者可以了解新媒体动画技术的基础知识，掌握制作新媒体常用动画的方法。5.5.2课堂案例——家居装修行业产品推广H5页面运用谷歌浏览器登录凡科官网，使用凡科互动为传单制作家居装修行业产品推广H5页面。使用凡科微传单趣味中的全景功能制作最终效果。效果图了解动画的基础知识。熟练掌握Animate的基础操作。掌握基本动画的制作。掌握高级动画的制作。掌握交互式动画的制作。学习目标5.1动画的基础知识新媒体动画的基本概念新媒体动画的基本特点新媒体动画的常见类型新媒体动画的制作流程5.1.1新媒体动画的基本概念新媒体动画（NewMediaAnimation）是建立在以数字技术为制作核心，将新媒体作为信息载体，通过数字动画的表现形式以互联网、数字电视等渠道进行传播的动画。新媒体动画概念5.1.2新媒体动画的基本特点新媒体动画的基本特点可以分为多样化、先进化、互动化、碎片化、成人化5个方面。新媒体动画特点5.1.3新媒体动画的常见类型剧情动画剧情动画即具备故事情节的动画，这类动画通常表现形式丰富、内容紧凑，受多年龄层观众喜爱。剧情动画展示动画展示动画不具备故事情节，而是运用动画对需要进行传播的内容和信息进行展示。这类动画通常时长较短，主题鲜明，动画与内容巧妙结合。展示动画的应用非常广，常见于App产品、H5广告、微信公众号等页面。展示动画5.1.3新媒体动画的常见类型表情动画表情动画即用于表示感情的动态表情，一系列的表情动画即形成表情包。这类动画更具趣味性，构图夸张，广泛用于QQ、微信、微博等社交环境。5.1.3新媒体动画的常见类型表情动画游戏动画游戏动画即新媒体游戏中的交互动画，这类动画通常镜头丰富、画面细腻。游戏动画5.1.3新媒体动画的常见类型5.1.4新媒体动画的制作流程新媒体动画的制作流程可以分成3个阶段，即前期策划、中期制作以及后期合成。其中前期策划包括编写文案脚本、美术设定以及原画分镜，中期制作主要体现在动画制作，后期合成主要体现在配音剪辑，部分动画还会再最后进行试映宣传。新媒体动画制作流程5.2Animate的基础知识Animate的操作界面Animate的文件操作5.2.1Animate的操作界面菜单栏菜单栏Animate的菜单栏中依次为“文件”菜单、“编辑”菜单、“视图”菜单、“插入”菜单、“修改”菜单、“文本”菜单、“命令”菜单、“控制”菜单、“调试”菜单、“窗口”菜单及“帮助”菜单。5.2.1Animate的操作界面工具箱工具箱工具箱提供了图形绘制和编辑的各种工具，分为工具区、查看区、颜色区、属性区4个功能区。选择“窗口>工具”命令，或按Ctrl+F2组合键，可以调出工具箱。时间轴时间轴时间轴用于组织和控制文件内容在一定时间内的播放。按照功能的不同，时间轴窗口分为左右两部分，分别为图层控制区和时间轴控制区。时间轴的主要组件是层、帧和播放头。5.2.1Animate的操作界面场景场景场景是所有动画元素的最大活动空间。可以选择“视图>转到”命令，再从其子菜单中选择场景的名称。5.2.1Animate的操作界面“属性”面板“属性”面板当选定某个工具时，在“属性”面板“工具”选项卡中会显示该工具的属性设置。选定文本、组件、形状、位图、视频、组等时，“属性”面板自动切换到“对象”选项卡，在选项组中会显示相应的信息和设置。5.2.1Animate的操作界面“属性”面板“浮动”面板使用“浮动”面板可以查看、组合和更改资源。但屏幕的大小有限，为了尽量使工作区最大，Animate提供了许多种自定义工作区的方式，如可以通过“窗口”菜单显示、隐藏面板，还可以通过拖曳鼠标指针来调整面板的大小及重新组合面板。5.2.1Animate的操作界面5.2.2Animate的文件操作新建文件新建文件选择“文件>新建”命令，或按Ctrl+N组合键，弹出“新建文档”对话框。保存文件保存文件通过“文件>保存”或“另存为”等命令可以将文件保存在磁盘上。5.2.2Animate的文件操作打开文件打开文件选择“文件>打开”命令，弹出“打开”对话框，单击“打开”按钮，或直接双击文件，即可打开所指定的动画文件。5.2.2Animate的文件操作5.3基本动画的制作课堂案例——制作微信GIF表情包课堂案例——制作社交媒体类公众号动态引导关注5.3.1课堂案例——制作微信GIF表情包使用“导入到库”命令导入素材文件，使用“创建元件”命令制作文字元件，使用“复制帧”与“粘贴帧”命令复制与粘贴帧，使用“变形”面板缩放实例的大小。效果图5.3.2课堂案例——制作社交媒体类公众号动态引导关注使用“打开”命令打开素材文件，使用“复制”与“粘贴”命令将波形复制、粘贴到新的音频文件中。效果图5.4高级动画的制作课堂案例——制作化妆品类公众号文章配图课堂案例——制作服装饰品类公众号封面首图动画5.4.1课堂案例——制作化妆品类公众号文章配图使用“椭圆”工具和“矩形”工具制作形状动画，使用“创建补间形状”命令和“创建传统补间”命令制作动画效果，使用“遮罩层”命令制作遮罩动画效果。效果图5.4.2课堂案例——制作服装饰品类公众号封面首图动画使用“添加传统运动引导层”命令添加引导层，使用“铅笔”工具绘制曲线，使用“创建传统补间”命令制作花瓣飘落动画效果。效果图5.5交互式动画的制作课堂案例——食品餐饮行业产品营销H5页面课堂案例——家居装修行业产品推广H5页面5.5.1课堂案例——食品餐饮行业产品营销H5页面运用谷歌浏览器登录凡科官网，使用凡科微传单制作食品餐饮行业产品营销H5页面，使用凡科微传单趣味功能中的画中画功能制作H5页面。效果图5.6习题课堂练习——制作食品餐饮类公众号封面首图动画课后习题——制作教育咨询类公众号横版海报5.6.1课堂练习——制作食品餐饮类公众号封面首图动画使用“导入”命令导入素材制作图形元件，使用“变形”面板改变实例