本书介绍了APP交互动画的制作方法,具体操作时以After Effects CC为主要软件,输出时结合Photoshop CC进行全方位的学习。全书内容由浅入深,采用知识点和实例相结合的方法,在介绍After Effects CC基础知识的同时,着重讲解了交互动画的制作技巧。全书共分9章,分别为交互动画设计的基础知识、辅助设计软件基础知识、使用After Effects中的图层与时间轴、制作关键帧动画、交互动画制作中蒙版的使用、制作文字动画、色彩校正特效与抠像技术、交互动画的渲染输出等。本书附赠1张DVD光盘,其中不仅提供了书中所有实例的源文件和素材,还提供了所有实例的教学视频,以帮助读者迅速掌握使用After Effects CC进行APP交互动画制作的精髓,可以让新手能够零起步,进而跨入高手行列。本书案例丰富、讲解细致,适合有一定After Effects软件操作基础的交互动画设计初学者以及相关从业人员阅读,也可作为各大院校相关设计专业的参考教材使用。
李万军,北京市骨干教师,中国商业统计学会理事。从事交互设计工作多年。熟知交互设计在APP设计中的应用。有着丰富的设计基础。并参与多个大型网站项目的开发。Adobe认证讲师。并编写出版相关教材多本。并在多家设计公司任职设计总监。
第1章 交互动画设计的基础知识1.1 交互设计与交互动画 11.1.1 交互设计概述 11.1.2 关于交互动画设计 21.2 交互动画实现法则 31.2.1 易用性 31.2.2 有效性 41.2.3 高效性 51.2.4 容错性 61.3 不同领域中的交互动画 61.3.1 网页设计中的交互动画 71.3.2 软件界面中的交互动画 71.4 交互动画展示 81.5 After Effects基础知识 81.5.1 了解视频的相关术语 91.5.2 了解After Effects 111.5.3 After Effects的应用领域 121.6 After Effects与交互动画设计 161.6.1 常见的交互动画效果 17实例1 制作简单的位移效果交互动画 181.6.2 保存与格式的输出 201.7 本章小结 201.8 课后练习 21第2章 辅助设计软件基础知识2.1 安装软件的系统要求 22实例2 安装并启动After Effects CC 232.2 After Effects CC界面介绍 252.2.1 如何切换工作区 262.2.2 工具栏的使用 272.2.3 “项目”面板 272.2.4 “合成”窗口 282.2.5 “时间轴”面板 282.2.6 使用菜单栏 292.2.7 “信息”面板 322.2.8 “对齐”面板 322.2.9 “音频”面板 332.2.10 “预览”面板 332.2.11 “效果和预设”面板 332.2.12 “图层”面板 342.2.13 “效果控件”面板 342.2.14 “字符”面板 352.3 After Effects的基础操作 352.3.1 项目文件的基础操作 352.3.2 导入素材的文件 372.3.3 素材的基本操作 40实例3 图形之间的相互转换 442.3.4 辅助功能的使用 48实例4 在三维视图模式中编辑图像 542.3.5 After Effects中的基本工作流程 56实例5 制作简单的交互动画 562.4 本章小结 622.5 课后练习 62第3章 使用After Effects中的图层与时间轴3.1 图层的类型 633.1.1 素材图层 633.1.2 文本图层 64实例6 交互动画制作中文本图层的使用 643.1.3 纯色图层 69实例7 创建纯色背景 703.1.4 灯光图层 72实例8 交互动画制作中灯光图层的使用 743.1.5 摄像机图层 79实例9 交互动画制作中摄像机的使用 793.1.6 空对象图层 813.1.7 形状图层 813.1.8 调整图层 823.1.9 Adobe Photoshop File(Photoshop文件层) 82实例10 制作iOS 9关闭后台操作动画效果 833.2 图层的基本操作 923.2.1 创建层 923.2.2 选择层 923.2.3 删除层 933.2.4 改变层上下顺序 933.2.5 复制替换层 94实例11 素材自动适合图像尺寸 953.2.6 序列层 963.2.7 图层与图层对齐和自动分布功能 973.2.8 为图层添加标记 973.3 图层的基本属性 993.3.1 锚点 993.3.2 位置 1003.3.3 缩放 1003.3.4 旋转 1013.3.5 不透明度 1013.4 图层的混合模式 1023.4.1 图层混合模式的使用方法 1023.4.2 图层混合模式的类型 103实例12 制作简单的APP加载动画 1043.5 认识“时间轴”面板 1113.5.1 “音频/视频”控制选项 1123.5.2 “图层”控制选项 1123.5.3 “转换面板”控制选项 1123.5.4 “模式”控制选项 1133.5.5 Parent(父子链接)控制选项 1143.5.6 “时间拉伸”控制选项 1143.6 创建时间轴特效 1143.6.1 颠倒时间 1143.6.2 使用入点和出点控制面板 1153.6.3 应用重置时间命令 1163.6.4 倒退播放 1163.6.5 延长时间 1163.6.6 停止时间 1173.7 本章小结 1173.8 课后练习 118第4章 制作关键帧动画4.1 关键帧的概念与基本操作 1194.1.1 什么是关键帧 1194.1.2 创建关键帧 120实例13 交互动画制作中如何创建关键帧 1204.1.3 选择关键帧 1224.1.4 移动关键帧 1234.1.5 复制关键帧 124实例14 交互动画制作中的关键帧复制 1244.1.6 删除关键帧 1264.2 制作图层属性动画 1274.2.1 变换选项 1274.2.2 位移关键帧动画 129实例15 交互动画制作中的位移关键帧 1294.2.3 缩放关键帧 131实例16 制作缩放关键帧动画 1314.2.4 翻转关键帧 133实例17 交互动画制作中的翻转关键帧 1334.2.5 旋转关键帧 134实例18 交互动画制作中的旋转关键帧 1354.2.6 淡入淡出动画 136实例19 制作交互动画中的淡入淡出效果 1364.3 使用曲线编辑器 1374.4 制作APP常用手势动画 138实例20 常见的手势APP动画 1384.5 本章小结 1454.6 课后练习 145第5章 交互动画制作中蒙版的使用5.1 使用After Effects中的蒙版 1475.1.1 使用矩形工具创建矩形蒙版 148实例21 交互动画制作中的矩形蒙版 1495.1.2 使用椭圆工具创建椭圆形蒙版 150实例22 交互动画制作中的椭圆蒙版 1515.1.3 使用钢笔工具创建自由形状蒙版 153实例23 交互动画制作中的自由形状蒙版 1535.1.4 使用橡皮擦工具创建自由形状蒙版 155实例24 交互动画制作中橡皮擦工具的使用 1555.2 修改与设置蒙版 1585.2.1 选择节点 1585.2.2 移动节点 1595.2.3 使用钢笔工具进行修改 1605.2.4 锁定蒙版 1615.2.5 变换蒙版 1625.2.6 设置蒙版的属性 1635.2.7 制作淡入动画效果 165实例25 制作淡入动画效果 1655.3 实现微信交互动画效果 168实例26 实现微信交互动画效果 1695.4 本章小结 1755.5 课后练习 175第6章 制作文字动画6.1 输入文字 1776.1.1 通过文本图层创建点文字 178实例27 交互动画制作中文本图层的使用 1786.1.2 通过文字工具创建点文字 180实例28 交互动画制作中创建点文字 1806.1.3 创建段落文字 182实例29 交互动画制作中创建段落文字 1826.1.4 点文字与段落文字相互转换 184实例30 点文字与段落文字的转换 1846.2 设置文字属性 1856.2.1 设置字符属性 1866.2.2 设置段落属性 1866.3 文字的动画属性 1866.3.1 动画 187实例31 制作文字动画效果 1876.3.2 源文本 1906.3.3 动画选择器 1926.3.4 路径 1926.3.5 文本动画预设 1936.4 制作文字特效 1956.4.1 基础文字特效 1956.4.2 路径文字特效 1956.4.3 数字特效 1956.4.4 时间码特效 1966.4.5 简单文字动画 196实例32 制作简单的QQ发表心情动画效果 1976.5 制作交互动画 205实例33 制作简单的APP交互动画效果 2056.6 本章小结 2126.7 课后练习 212第7章 色彩校正特效与抠像技术7.1 如何应用色彩调整 2147.2 色彩校正特效 2147.2.1 CC Color Neutralizer(CC色彩调和) 2157.2.2 CC Color Offset(CC色彩偏移) 2167.2.3 CC Kernel(CC颗粒) 2167.2.4 CC Toner(CC色调) 2177.2.5 PS任意映射 2187.2.6 保留颜色 2197.2.7 更改为颜色和更改颜色 2197.2.8 广播颜色和黑白颜色 2217.2.9 灰度系数/基值/增益和可选颜色 2227.2.10 亮度和对比度以及曝光度 2247.2.11 曲线和三色调 2257.2.12 色调、色调均化和色光 2267.2.13 色阶和色阶(单独控件) 2287.2.14 色相/饱和度 2307.2.15 通道混合器和颜色链接 2317.2.16 颜色平衡和颜色平衡(HLS) 2327.2.17 颜色稳定器和阴影/高光 2347.2.18 照片滤镜 2357.2.19 自动对比度、色阶和颜色 2357.2.20 自然饱和度 2377.3 色彩校正特效的应用 238实例34 交互动画制作中色彩校正的应用 2387.4 了解抠像的应用 2477.5 键控抠像技术 2477.5.1 CC Simple Wire Removal(CC线性擦除) 2487.5.2 颜色差值键 2497.5.3 颜色范围 2497.5.4 差值遮罩 2507.5.5 提取 2517.5.6 内部/外部键 2527.5.7 线性颜色键控 2537.5.8 高级溢出抑制器 2547.5.9 Keylight(外挂键控) 2557.6 抠像技术的应用 256实例35 掌握简单的抠像技术 2567.7 本章小结 2587.8 课后练习 258第8章 跟踪、稳定、表达式与特效8.1 跟踪与稳定的应用 2608.1.1 认识“跟踪器”面板 2608.1.2 跟踪范围框 2618.2 摇摆器 2628.3 运动草图 262实例36 运动草图实现的加载动画效果 2638.4 了解表达式 2678.4.1 复制应用表达式 2678.4.2 将表达式转化为关键帧 2678.5 表达式的操作 2688.5.1 添加表达式 2688.5.2 编辑表达式 2698.5.3 删除表达式 2698.5.4 保存和调整表达式 2698.5.5 为表达式添加注释 2708.5.6 表达式中的量 270实例37 交互动画制作中表达式的使用 2718.6 表达式语言菜单 2768.7 使用After Effects中的特效 2778.7.1 了解内置特效与使用方法 2778.7.2 了解内置特效组 2788.7.3 了解应用模拟特效 282实例38 交互动画中特效的使用 2838.8 本章小结 2918.9 课后练习 291第9章 交互动画的渲染输出9.1 什么是渲染动画 2939.2 渲染工作区 293实例39 手动调整渲染工作区 2949.3 “渲染队列”面板 2969.4 渲染设置 2989.5 输出设置 2999.6 动画的输出 300实例40 输出标准的QuickTime格式文件 3009.7 利用Photoshop生成最终动画 302实例41 生成最终的GIF 格式动画 3029.8 课后练习 304
移动互联网之路:APP交互动画设计从入门到精通 After Effects篇pdf