HTML5动画制作神器 Adobe Edge Animate CC一本通PDF电子书下载

第1章 初识Adobe Edge Animate 2

1.1 Adobe Edge Animate简介 2

1.1.1 Adobe Edge Animate的诞生 3

1.1.2 Adobe Edge Animate概述 3

1.1.3 Adobe Edge Animate功能简介 3

1.2 安装和卸载Adobe Edge Animate 5

1.2.1 Adobe Edge Animate的系统要求 6

1.2.2 Adobe Edge Animate的系统要求 6

1.2.3 卸载Adobe Edge Animate 8

1.2.4 启动Adobe Edge Animate 9

1.2.5 退出Adobe Edge Animate 9

1.3 Adobe Edge Animate工作界面 9

1.3.1 Edge Animate欢迎界面 10

1.3.1 Edge Animate欢迎界面 12

1.4 Edge Animate的菜单栏 13

1.4.1 “File（文件）”菜单 13

1.4.2 “Edit（编辑）”菜单 14

1.4.3 “View （视图）”菜单 15

1.4.4 “Modify（修改）”菜单 16

1.4.5 “ Timeline （时间轴）”菜单 17

1.4.6 “ Window（窗口）”菜单 19

1.4.7 “Help（帮助）”菜单 20

1.5 Edge Animate中的面板 21

1.5.1 工具栏 21

1.5.2 舞台 22

1.5.3 “ Timeline（时间轴）”面板 24

1.5.4 “Properties（属性）”面板 24

1.5.5 “Elements（元素）”面板 25

1.5.6 “Library（库）”面板 25

1.5.7 “Lessons（教程）”面板 26

1.6 自定义Edge Animate工作界面 27

1.6.1 手动调整默认工作界面 27

1.6.2 自定义工作界面 27

1.6.3 删除工作界面 29

1.6.4 复位工作界面 29

本章小结 30

第2章 掌握Edge Animate的基本操作 32

2.1 新建Edge Animate项目文件 32

2.1.1 新建空白的Edge Animate项目文件 32

2.1.2 设置舞台属性 33

2.1.3 创建快照与下级浏览器舞台 35

2.1.4 设置项目文件的预载方式 37

2.1.5 从模板新建Edge Animate项目文件 38

2.2 打开/关闭Edge Animate项目文件 38

2.2.1 打开Edge Animate项目文件 38

2.2.2 关闭Edge Animate项目文件 39

2.3 保存Edge Animate项目文件 39

2.3.1 直接保存Edge Animate项目文件 39

2.3.2 另存为Edge Animate项目文件 40

2.3.3 另存为Edge Animate模板文件 40

2.4 应用标尺和辅助线 41

2.4.1 显示／隐藏舞台标尺 41

2.4.2 创建辅助线 41

2.4.3 贴紧至辅助线 42

2.4.4 显示／隐藏辅助线 42

2.5 使用模板制作Edge Animate动画 43

2.5.1 制作网站图片展示动画 43

2.5.2 制作文章展示动画 46

2.5.3 制作选项卡式面板 49

2.6 本章小结 52

第3章 图形的创建与操作 54

3.1 使用Edge Animate中的基本绘图工具 54

3.1.1 认识Edge Animate中的绘图工具 54

3.1.2 绘制矩形 55

3.1.3 绘制圆角矩形 55

3.1.4 绘制椭圆形 55

3.2 图形属性设置 56

3.2.1 设置显示与隐藏属性 56

3.2.2 设置位置和大小属性 59

3.2.3 设置颜色和边框属性 62

3.2.4 设置纯色 63

3.2.5 设置渐变颜色 64

3.2.6 设置变换属性 66

3.2.7 设置光标效果 70

3.2.8 设置角效果 72

3.2.9 设置投影效果 73

3.2.10 设置对象滤镜效果 76

3.2.11 设置裁切属性 78

3.2.12 设置对象的可访问性 80

3.3 导入外部元素 80

3.3.1 支持的图像素材格式 80

3.3.2 导入位图素材 81

3.3.3 导入矢量图素材 83

3.3.4 支持的音频素材格式 84

3.3.5 制作图像淡入淡出动画 84

3.4 多对象操作 87

3.4.1 对齐操作 87

3.4.2 分布操作 88

3.4.3 排列操作 88

3.5 本章小结 89

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

4.1 在动画中添加文字 92

4.1.1 在动画中添加文字的几种方法 92

4.1.2 在动画中添加文字 93

4.2 设置文字属性 95

4.3 添加字体 97

4.3.1 添加web文字 97

4.3.2 添加中文字体 98

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章 使用时间轴制作动画 116

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章 使用触发器动作 144

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章 符号元素在动画中的使用 180

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中的应用 216

8.1 认识HTML 216

8.1.1 关于HTML文档 216

8.1.2 HTML文档标签 217

8.1.3 关于HTML5 217

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控制动画 231

9.1 了解JavaScript和jQuery 231

9.1.1 什么是JavaScript 231

9.1.2 JavaScript基础 231

9.1.3 什么是jQuery 231

9.2 Edge Animate创建的JavaScript 231

9.2.1 认识自动创建的JavaScript 231

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动画制作技巧 246

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动画的发布与输出 286

11.1 关于动画尺寸 286

11.1.1 使动画尺寸自适应浏览器窗口 286

11.12 设置动画最大和最小宽度 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