| 作者: | Chris Grover |
| 语言: | 英文 |
| 出版年份: | 2012 |
| 下载链接: |
书籍均收集自互联网,仅供学习和研究使用,请莫用于商业用途。谢谢合作。 |
O'Reilly "Missing Manual" 系列中关于 Adobe Edge Animate 的权威指南,作者 Chris Grover,2012 年出版。Edge Animate 是 Adobe 在 Flash 被移动端抛弃后推出的 HTML5 动画工具,基于 Web 标准(HTML/CSS/JavaScript)生成交互式动画,无需插件即可跨平台运行。面向零基础读者,从安装、界面到发布全程覆盖,任务驱动,每个知识点配有实战练习。
全书分五部分共 10 章加 2 附录。第一部分(第 1~3 章)聚焦舞台操作:项目管理、图形绘制、素材导入、文本排版与 Web 字体。第二部分(第 4~6 章)深入动画核心:时间轴与关键帧、过渡与缓动、触发器与动作、符号系统构建可复用组件。第三部分(第 7~9 章)讲解 HTML5/JavaScript 集成:阅读生成代码、jQuery 操控元素、图片切换与条件逻辑。第四部分(第 10 章)发布流程:响应式设计、预加载器、旧浏览器兼容。附录提供安装帮助与菜单参考。
| 章节 | 核心内容 |
|---|---|
| 第1章 | 创建项目观察自动生成的文件结构,理解 Animate 的可视化+代码生成角色;导览舞台及各面板布局;通过图片移动与文字淡入淡出完成首次动画 |
| 第2章 | 设置舞台尺寸与背景色,用矩形工具绘制矢量图形并调色;掌握对齐、分布与层级;添加投影与裁剪;导入素材管理于库面板;用 On/Off 控制显隐 |
| 第3章 | 添加文字并设置字体、字号、颜色等属性;引入 Edge Web Fonts;裁剪控制溢出;制作标题飞入动画并添加弹跳缓动;为文本加超链接;理解 HTML 标签用法 |
| 第4章 | 深入时间轴:标尺、播放头、轨道与关键帧;掌握 Pin 工具自动生成过渡;学习快捷键;创建位置、大小、旋转、透明度等过渡;实战胶片滚动;用缩放与标签管理项目 |
| 第5章 | 理解触发器、事件与动作的关系;绑定 click/mouseover 事件编写动作;实现跨元素触发;用舞台/时间轴触发器实现自动播放与循环;构建非线性交互;制作播放按钮;适配 touchstart 事件 |
| 第6章 | 理解符号概念——独立时间轴与元素层级;创建实例放置舞台;嵌套构建复杂组件;制作悬停按钮与下拉菜单;创建悬停提示标注;跨项目导出/导入实现复用 |
| 第7章 | 阅读 HTML 解析流程与 CSS 选择器/层叠规则;分析 Animate 生成的 HTML 结构;打开已有 HTML 编辑;将合成嵌入网页;CSS 居中;同页放置多个合成 |
| 第8章 | 回顾 JS/jQuery 简史及在动画中的角色;分析 Animate 生成的 JS 代码;学习基础语法和 jQuery 选择器;理解 sym 对象与 this 关键字的区别 |
| 第9章 | 用 sym.$() 实现显隐切换;修改 src 或背景图实现图片替换;sym.getSymbol() 获取符号实例;深入符号内部定位元素;play()/stop() 控制时间轴;if/else 实现分支逻辑 |
| 第10章 | 添加背景图片控制填充模式;创建百分比响应式布局自适应多屏;制作预加载器;用 Modernizr 检测 HTML5 支持并提供降级;一键发布生成网页文件包并部署 |
面向网页设计师和前端开发者,尤其是从 Flash 迁移到 HTML5 动画的技术人员。也适合零编程基础的初学者——JavaScript 和 jQuery 部分从零讲起。对需要快速制作交互式广告 Banner、产品展示页或在线教育内容的从业者,书中提供了大量即学即用的案例。书中详细拆解了 Edge Animate 生成的代码结构,对想理解可视化工具背后原理的开发者同样有启发。
延续 Missing Manual 系列"清晰、实用、面向任务"的风格,每章以项目驱动,步骤详尽配大量截图。作者 Chris Grover 拥有 25 年以上创意行业经验,曾撰写 Flash CS6、Premiere Elements 等多本 Missing Manual,行文通俗易懂。需注意 Adobe 已于 2015 年停止 Edge Animate 开发,该工具已不再维护。但书中关于 HTML5 动画原理、时间轴设计思想、CSS 过渡与 JS 交互动画的核心理念,在当今 Web 动画开发中仍有参考价值,对理解 GreenSock、Lottie 等现代动画工具的设计哲学有所帮助。