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

图书标准信息

• 作者 张晓景 著
• 出版社 电子工业出版社
• 出版时间 2015-01
• 版次 1
• ISBN 9787121250712
• 定价 59.80元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 304页
• 字数 554千字
• 正文语种 简体中文

【内容简介】

　　《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．1　Adobe Edge Animate的诞生003

 

1．1．2　Adobe Edge Animate概述003

 

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

 

1．2 安装和卸载 Adobe Edge Animate005

 

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

 

1．2．2　Adobe 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．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　排列操作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．2　HTML文档标签217

 

8．1．3　关于HTML5217

 

8．2　认识CSS样式218

 

8．2．1　关于CSS样式218

 

8．2．2　CSS样式语法218

 

8．2．3　CSS样式规则218

 

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

 

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

 

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

 

8．3　Edge 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．2　JavaScript基础231

 

9．1．3　什么是jQuery231

 

9．2　Edge Animate创建的JavaScript231

 

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

 

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

 

9．3　JavaScript和jQuery基础233

 

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

 

9．3．2　JavaScript数据类型235

 

9．3．3　定义变量235

 

9．3．4　JavaScript运算符235

 

9．3．5　JavaScript条件和循环语句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．5　Edge 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．1　Edge Animate中所支持的音频格式278

 

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

 

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

 

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

 

10．7．1　Edge 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