HTML 5动画制作-Adobe Edge Animate CC一本通-(含光盘1张)

内容简介

本书详细地介绍了Edge Animate CC中的所有知识点，以通俗易懂的文字、精美的案例和新颖的版式讲解各种类型交互动画的制作方法和技巧，将Edge Animate CC的知识点与实际应用案例相结合，使读者易学易用、快速掌握使用Edge Animate CC制作交互动画的相关知识。
全书共分为11章，分别讲解初识Edge Animate、掌握Edge Animate的基本操作、图形的创建与操作、添加文本和格式化文本、使用时间轴制作动画、使用触发器动作、符号元素在动画中的使用、HTML和CSS样式在Edge Animate中的应用、使用Javascript和jQuery控制动画、Edge Animate动画制作技巧和Edge Animate动画的发布与输出等内容。在内容安排上，从基础出发，讲解Edge Animate的各个知识点，深入浅出，使读者能够在的时间里轻松掌握各种类型交互式动画的制作流程和方法。
本书的配套光盘中提供了书中所有实例的源文件和相关素材，以及书中实例的视频教程，方便读者学习和参考。

目录

第1章 初识 Adobe Edge Animate
1.1 Adobe Edge Animate简介 002
1.1.1　Adobe Edge Animate的诞生 003
1.1.2　Adobe Edge Animate概述 003
1.1.3　Adobe Edge Animate功能简介 003
1.2 安装和卸载 Adobe Edge Animate 005
1.2.1　Adobe Edge Animate的系统要求 006
1.2.2　Adobe Edge Animate的系统要求 006
1.2.3　卸载Adobe Edge Animate 008
1.2.4　启动Adobe Edge Animate 009
1.2.5　退出Adobe Edge Animate 009
1.3 Adobe Edge Animate工作界面 009
1.3.1　Edge Animate欢迎界面 010
1.3.1　Edge Animate欢迎界面 012
1.4 Edge Animate的菜单栏 013
1.4.1　“File（文件）”菜单 013
1.4.2　“Edit（编辑）”菜单 014
1.4.3　“View（视图）”菜单 015
1.4.4　“Modify（修改）”菜单 016
1.4.5　“Timeline（时间轴）”菜单 017
1.4.6　“Window（窗口）”菜单 019
1.4.7　“Help（帮助）”菜单 020
1.5 Edge Animate中的面板 021
1.5.1　工具栏 021
1.5.2　舞台 022
1.5.3　“Timeline（时间轴）”面板 024
1.5.4　“Properties（属性）”面板 024
1.5.5　“Elements（元素）”面板 025
1.5.6　“Library（库）”面板 025
1.5.7　“Lessons（教程）”面板 026
1.6自定义Edge Animate工作界面 027
1.6.1　手动调整默认工作界面 027
1.6.2　自定义工作界面 027
1.6.3　删除工作界面 029
1.6.4　复位工作界面 029
本章小结 030
第2章 掌握Edge Animate的基本操作
2.1　 新建Edge Animate项目文件 032
2.1.1　新建空白的Edge Animate项目文件 032
2.1.2　设置舞台属性 033
2.1.3　创建快照与下级浏览器舞台 035
2.1.4　设置项目文件的预载方式 037
2.1.5　从模板新建Edge Animate项目文件 038
2.2　 打开/关闭Edge Animate项目文件 038
2.2.1　打开Edge Animate项目文件 038
2.2.2　关闭Edge Animate项目文件 039
2.3　 保存Edge Animate项目文件 039
2.3.1　直接保存Edge Animate项目文件 039
2.3.2　另存为Edge Animate项目文件 040
2.3.3　另存为Edge Animate模板文件 040
2.4　 应用标尺和辅助线 041
2.4.1　显示/隐藏舞台标尺 041
2.4.2　创建辅助线 041
2.4.3　贴紧至辅助线 042
2.4.4　显示/隐藏辅助线 042
2.5　 使用模板制作Edge Animate动画 043
2.5.1　制作网站图片展示动画 043
2.5.2　制作文章展示动画 046
2.5.3　制作选项卡式面板 049
2.6　 本章小结 052
第3章 图形的创建与操作
3.1　 使用Edge Animate中的基本绘图工具 054
3.1.1　认识Edge Animate中的绘图工具 054
3.1.2　绘制矩形 055
3.1.3　绘制圆角矩形 055
3.1.4　绘制椭圆形 055
3.2　 图形属性设置 056
3.2.1　设置显示与隐藏属性 056
3.2.2　设置位置和大小属性 059
3.2.3　设置颜色和边框属性 062
3.2.4　设置纯色 063
3.2.5　设置渐变颜色 064
3.2.6　设置变换属性 066
3.2.7　设置光标效果 070
3.2.8　设置角效果 072
3.2.9　设置投影效果 073
3.2.10　设置对象滤镜效果 076
3.2.11　设置裁切属性 078
3.2.12　设置对象的可访问性 080
3.3　 导入外部元素 080
3.3.1　支持的图像素材格式 080
3.3.2　导入位图素材 081
3.3.3　导入矢量图素材 083
3.3.4　支持的音频素材格式 084
3.3.5　制作图像淡入淡出动画 084
3.4　 多对象操作 087
3.4.1　对齐操作 087
3.4.2　分布操作 088
3.4.3　排列操作 08

摘要与插图

随着互联网的发展，人们对于网页的审美和交互应用效果的要求越来越高，HTML5以其简洁、的特点，在网页中的应用越来越广泛。但是网页中交互效果的实现需要通过HTML5与Javascript脚本结合使用才能实现，这对于许多没有编程基础的网页设计者来说，无疑是比较困难的。而通过Adobe公司推出的HTML5网页动画制作Adobe Edge Animate CC即可轻松、地制作出各种不同类型的交互式网页动画。在Adobe Edge Animate CC中提供了可视化的动画制作界面，用户只须了解少量的Javascript脚本代码，即可掌握交互式动画的制作方法。
Adobe Edge Animate凭借的技术逐步在浏览器互动媒体领域中取代了Flash平台，使用Edge Animate制作的动画不需要任何的浏览器插件支持，并且可以在各大手机平台，以及现代桌面浏览器中得到良好的支持。通过使用Adobe Edge Animate CC提供的可视化制作功能，用户可以快速创建HTML5动画而无须编写任何代码。该软件是一款全新的软件，编者为了使读者能够快速地掌握该软件的使用方法和技巧，精心编写了本书，希望通过本书的学习，读者能够快速掌握使用Adobe Edge Animate CC制作动画的方法和技巧，并能够做到活学活用。
本书特点与内容安排
本书是一本如何使用Adobe Edge Animate进行动画制作的教材，以简单易懂、深入浅出的方式，全面地介绍了Adobe Edge Animate软件的基本操作和功能。书中不仅应用了大量的实例对重点、难点进行了深入的剖析，还结合了作者多年的动画设计制作经验和教学经验进行了点拨，使读者能够学以致用。
全书共11章，每章都通过Adobe Edge Animate不同的功能进行针对性讲解，具体内容如下。
第1章：初识Adobe Edge Animate。本章主要对Adobe Edge Animate的诞生和功能、Adobe Edge Animate的系统要求和操作界面，以及安装和卸载Adobe Edge Animate软件进行了介绍，使读者对Adobe Edge Animate软件有一定的了解。
第2章：掌握Edge Animate的基本操作。通过本章的学习，读者不仅可以了解Edge Animate的操作环境，而且对Edge Animate文档和辅助工具的使用会有更深的认识。
第3章：图形的创建与操作。本章详细地介绍了Edge Animate中基本绘图工具、图像的属性设置，以及导入外部素材的操作方法，熟练掌握相关工具的操作方法，是设计出动画作品的关键。
第4章：添加文本和格式化文本。文本是动画的重要组成部分，本章主要对动画中添加文本、添加字体，以及设置文字属性和文字的制作进行详细讲解。
第5章：使用时间轴制作动画。时间轴是动画制作过程中必不可少的重要内容，在本章中主要讲解了Edge Animate时间轴的基本操作、元素层状态，以及预设缓动效果的应用，并通过实例的制作，使读者能够快速地掌握在时间轴中制作动画的方法。
第6章：使用触发器动作。本章对什么是触发器、舞台触发器的使用、时间轴上触发器的使用技巧进行详细讲解，并结合实例的制作使读者能够更好地理解各种不同触发器的作用及应用方法。
第7章：符号元素在动画中的使用。本章详细地介绍了如何创建符号、使用符号，以及在符号时间轴上的运用。合理地运用符号元素会使动画的制作变得更加简单、轻松。
第8章：HTML和CSS样式在Edge Animate中的应用。本章介绍了有关HTML文档和CSS样式的相关知识，并且详细讲解了Edge Animate与HTML的关系，以及在HTML页面中应用Edge Animate动画的方法。
第9章：使用Javascript和jQuery控制动画。本章介绍了Javascript和jQuery的相关基础知识，并且详细讲解了Edge Animate与Javascript的关系，以及如何在Edge Animate中通过Javascript脚本代码制作复杂的交互动画