HTML5动画制作神器：Adobe Edge Animate CC一本通

《HTML5动画制作神器：Adobe Edge Animate CC一本通》详细地介绍了Edge Animate CC中的所有知识点，以通俗易懂的文字、精美的案例和新颖的版式讲解各种类型交互动画的制作方法和技巧，将Edge Animate CC的知识点与实际应用案例相结合，使读者易学易用、快速掌握使用Edge Animate CC制作交互动画的相关知识。

《HTML5动画制作神器：Adobe Edge Animate CC一本通》共分为11章，分别讲解初识Edge Animate、掌握Edge Animate的基本操作、图形的创建与操作、添加文本和格式化文本、使用时间轴制作动画、使用触发器动作、符号元素在动画中的使用、HTML和CSS样式在Edge Animate中的应用、使用JavaScript和jQuery控制动画、Edge Animate动画制作技巧和Edge Animate动画的发布与输出等内容。在内容安排上，从基础出发，讲解Edge Animate的各个知识点，深入浅出，使读者能够在最短的时间里轻松掌握各种类型交互式动画的制作流程和方法。

《HTML5动画制作神器：Adobe Edge Animate CC一本通》的配套光盘中提供了书中所有实例的源文件和相关素材，以及书中实例的视频教程，方便读者学习和参考。

张晓景，Adobe 网页设计师认证讲师，国家信息产业部653工程讲师。Adobe专家组成员，参与中央电大网页设计课程体系开发。曾并参与设计了999集团设计宣传册，北京西单金泽大厦设计VI设计，以及国务院国资委电子资料室设计制作网站等众多设计工作。从事网站设计开发近10个年头，开发过数十个多媒体商业网站。有丰富的教学经验，曾在北京大学、北京师范大学等重点院校以及Adobe创意大学和新东方等培训机构教授网页设计课程。对网页色彩搭配有独特见解。出版网页设计与设计类书籍数十种，并参与清华大学中职教材的编写工作。

第1章 初识 Adobe Edge Animate

1．1 Adobe Edge Animate简介002

1．1．1Adobe Edge Animate的诞生003

1．1．2Adobe Edge Animate概述003

1．1．3Adobe Edge Animate功能简介003

1．2 安装和卸载 Adobe Edge Animate005

1．2．1Adobe Edge Animate的系统要求006

1．2．2Adobe Edge Animate的系统要求006

1．2．3卸载Adobe Edge Animate008

1．2．4启动Adobe Edge Animate009

1．2．5退出Adobe Edge Animate009

1．3 Adobe Edge Animate工作界面009

1．3．1Edge Animate欢迎界面010

1．3．1Edge 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排列操作088

3．5 本章小结089

第4章 添加文本和格式化文本

4．1 在动画中添加文字092

4．1．1 在动画中添加文字的几种方法092

4．1．2在动画中添加文字093

4．2 设置文字属性095

4．3 添加字体097

4．3．1添加web文字097

4．3．2添加中文字体098

4．4 剪切文本边缘101

4．5 使用文字特效103

4．5．1阴影效果103

4．5．2 弹跳效果107

4．5．3设置文字链接109

4．6 Edge Animate中的HTML标签114

4．7 本章小结114

第5章 使用时间轴制作动画

5．1 关于元素层116

5．1．1元素层的类型116

5．1．2创建元素层117

5．1．3选择元素层117

5．2 编辑元素层118

5．2．1为元素层重命名118

5．2．2复制元素层119

5．2．3调整元素层顺序119

5．2．4展开/折叠元素层属性120

5．2．5设置元素层颜色120

5．3 元素层的状态121

5．3．1显示和隐藏元素层121

5．3．2锁定和解锁元素层121

5．4 “Timeline（时间轴）”面板122

5．4．1认识“Timeline（时间轴）”面板122

5．4．2使用快捷键控制时间轴124

5．5 “Timeline（时间轴）”面板的基本操作125

5．5．1设置“Timeline（时间轴）”面板网格125

5．5．2在“Timeline（时间轴）”面板中添加标签126

5．5．3编辑标签126

5．5．4制作开场动画127

5．6 使用缓动效果131

5．6．1缓动效果详解131

5．6．2制作网站广告条132

5．6．3制作纸飞机飞行动画134

5．6．4制作模糊入场动画139

5．7 本章小结142

第6章 使用触发器动作

6．1 了解触发器144

6．1．1什么是触发器144

6．1．2“Trigger（触发器）”对话框145

6．2 使用触发器动作146

6．2．1为元素添加触发器动作146

6．2．2触发事件详解149

6．2．3触发动作详解150

6．2．4为文本元素添加触发器动作154

6．2．5编辑触发器动作156

6．2．6删除触发器动作156

6．3 舞台触发器使用技巧157

6．3．1舞台触发事件详解157

6．3．2为舞台添加触发器动作158

6．4 时间轴触发器使用技巧161

6．4．1时间轴触发事件详解161

6．4．2添加时间轴触发器使动画循环播放161

6．4．3在时间轴中使用标签164

6．4．4添加触发器到某个时间点165

6．5 非线性思考与设计169

6．6 iPhone和Android触发器173

6．7 本章小结178

第7章 符号元素在动画中的使用

7．1关于符号180

7．2创建符号181

7．2．1转换为符号181

7．2．2导出符号182

7．2．3导入符号182

7．3使用符号183

7．3．1将符号应用到舞台183

7．3．2制作气泡动画183

7．3．3编辑符号186

7．3．4复制符号187

7．3．5重命名符号188

7．3．6删除符号188

7．4在符号时间轴上的运用188

7．5使用滑过变换动画创建按钮符号193

7．5．1制作基础网页按钮动画193

7．5．2制作复杂网页按钮动画195

7．6创建下拉菜单选项200

7．6．1制作垂直导航菜单200

7．6．2制作下拉导航菜单205

7．7使用滑过变换动作创建文字标注212

7．8本章小结214

第8章 HTML和CSS样式在Edge Animate中的应用

8．1认识HTML216

8．1．1关于HTML文档216

8．1．2HTML文档标签217

8．1．3关于HTML5217

8．2认识CSS样式218

8．2．1关于CSS样式218

8．2．2CSS样式语法218

8．2．3CSS样式规则218

8．2．4为元素应用ID CSS样式219

8．2．5为元素应用类CSS样式219

8．2．64种应用CSS样式的方式219

8．3Edge Animate与HTML的关系220

8．3．1读懂Edge Animate创建的HTML文档220

8．3．2以Edge Animate开启HTML文档221

8．4在网页中应用动画224

8．5在同一个网页中应用两个不同的动画227

8．6本章小结228

第9章 使用JavaScript和jQuery控制动画

9．1了解JavaScript和jQuery231

9．1．1什么是JavaScript231

9．1．2JavaScript基础231

9．1．3什么是jQuery231

9．2Edge Animate创建的JavaScript231

9．2．1认识自动创建的JavaScript231

9．2．2Edge Animate动画项目相关的JavaScript文件232

9．3JavaScript和jQuery基础233

9．3．1JavaScript语法中的基本要求233

9．3．2JavaScript数据类型235

9．3．3定义变量235

9．3．4JavaScript运算符235

9．3．5JavaScript条件和循环语句236

9．3．6了解文档对象模型236

9．4了解jQuery的选择方式237

9．5在动画中实现获取鼠标位置及跟随鼠标功能237

9．6使用jQuery制作拼图动画效果240

9．7本章小结244

第10章 Edge Animate动画制作技巧

10．1更多显示与隐藏技巧246

10．1．1切换对象的显示与隐藏247

10．1．2延迟的显示、隐藏与切换248

10．1．3淡入淡出250

10．1．4上下滑动252

10．1．5Edge Animate中更多的视觉特效253

10．1．6实现滑块向左和向右滑动258

10．2在Edge Animate中交换素材图像259

10．3识别并更改元素和符号262

10．3．1变量赋值262

10．3．2使用“Trigger（触发器）”对话框为变量赋值262

10．3．3为文本框赋予HTML代码266

10．4控制符号内的元素269

10．5播放符号的时间轴274

10．6在Edge Animate动画中使用音频278

10．6．1Edge Animate中所支持的音频格式278

10．6．2为动画添加背景音乐278

10．6．3对动画中的音频进行控制279

10．7在Edge Animate动画中嵌入视频282

10．7．1Edge Animate中支持的视频格式282

10．7．2在动画中嵌入视频282

10．8本章小结284

第11章 Edge Animate动画的发布与输出

11．1关于动画尺寸286

11．1．1使动画尺寸自适应浏览器窗口286

11．1．2设置动画最大和最小宽度288

11．2发布Edge Animate动画291

11．2．1“Publish Settings（发布设置）”对话框291

11．2．2发布为Web格式292

11．2．3发布为Animate Deployment Package格式292

11．2．4发布为iBook/OS X格式293

11．3本章小结294