新書推薦:
《
半导体纳米器件:物理、技术和应用
》
售價:HK$
177.0
《
创客精选项目设计与制作 第2版 刘笑笑 颜志勇 严国陶
》
售價:HK$
61.6
《
佛山华家班粤菜传承 华家班59位大厨 102道粤菜 图文并茂 菜式制作视频 粤菜故事技法 佛山传统文化 广东科技
》
售價:HK$
221.8
《
武人琴音(十周年纪念版 逝去的武林系列收官之作 形意拳一门三代:尚云祥、韩伯言、韩瑜的人生故事 凸显百年武人命运)
》
售價:HK$
43.7
《
剑桥斯堪的纳维亚戏剧史(剑桥世界戏剧史译丛)
》
售價:HK$
154.6
《
禅心与箭术:过松弛而有力的生活(乔布斯精神导师、世界禅者——铃木大拙荐)
》
售價:HK$
66.1
《
先进电磁屏蔽材料——基础、性能与应用
》
售價:HK$
221.8
《
可转债投资实战
》
售價:HK$
99.7
|
編輯推薦: |
本书内容丰富、条理清晰,通过 9 章的内容,为读者全面、系统地介绍了交互动画制作的基础知识以及使用 After Effects CC 进行交互动画制作的方法和技巧,采用理论知识和实例相结合的方法,使知识融会贯通。● 语言通俗易懂,实例图文同步,涉及大量交互动画制作的知识讲解,帮助读者深入了解交互动画。● 实例涉及面广,几乎涵盖了交互动画制作中大部分的效果,每种效果通过实际操作讲解和具体制作过程帮助读者掌握交互动画制作中的要点。● 注重交互动画制作中软件操作和案例制作技巧的归纳总结,整个讲解过程中穿插了操作和知识点提示等,使读者更好地学习相关知识。● 每一个实例的制作过程都配有相应的素材、源文件和视频教程,帮助读者轻松掌握。
|
內容簡介: |
本书介绍了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 交互设计与交互动画 1
1.1.1 交互设计概述 1
1.1.2 关于交互动画设计 2
1.2 交互动画实现法则 3
1.2.1 易用性 3
1.2.2 有效性 4
1.2.3 高效性 5
1.2.4 容错性 6
1.3 不同领域中的交互动画 6
1.3.1 网页设计中的交互动画 7
1.3.2 软件界面中的交互动画 7
1.4 交互动画展示 8
1.5 After Effects基础知识 8
1.5.1 了解视频的相关术语 9
1.5.2 了解After Effects 11
1.5.3 After Effects的应用领域 12
1.6 After Effects与交互动画设计 16
1.6.1 常见的交互动画效果 17
实例1 制作简单的位移效果交互动画 18
1.6.2 保存与格式的输出 20
1.7 本章小结 20
1.8 课后练习 21
第2章 辅助设计软件基础知识
2.1 安装软件的系统要求 22
实例2 安装并启动After Effects CC 23
2.2 After Effects CC界面介绍 25
2.2.1 如何切换工作区 26
2.2.2 工具栏的使用 27
2.2.3 项目面板 27
2.2.4 合成窗口 28
2.2.5 时间轴面板 28
2.2.6 使用菜单栏 29
2.2.7 信息面板 32
2.2.8 对齐面板 32
2.2.9 音频面板 33
2.2.10 预览面板 33
2.2.11 效果和预设面板 33
2.2.12 图层面板 34
2.2.13 效果控件面板 34
2.2.14 字符面板 35
2.3 After Effects的基础操作 35
2.3.1 项目文件的基础操作 35
2.3.2 导入素材的文件 37
2.3.3 素材的基本操作 40
实例3 图形之间的相互转换 44
2.3.4 辅助功能的使用 48
实例4 在三维视图模式中编辑图像 54
2.3.5 After Effects中的基本工作流程 56
实例5 制作简单的交互动画 56
2.4 本章小结 62
2.5 课后练习 62
第3章 使用After Effects中的图层与时间轴
3.1 图层的类型 63
3.1.1 素材图层 63
3.1.2 文本图层 64
实例6 交互动画制作中文本图层的使用 64
3.1.3 纯色图层 69
实例7 创建纯色背景 70
3.1.4 灯光图层 72
实例8 交互动画制作中灯光图层的使用 74
3.1.5 摄像机图层 79
实例9 交互动画制作中摄像机的使用 79
3.1.6 空对象图层 81
3.1.7 形状图层 81
3.1.8 调整图层 82
3.1.9 Adobe Photoshop FilePhotoshop文件层 82
实例10 制作iOS 9关闭后台操作动画效果 83
3.2 图层的基本操作 92
3.2.1 创建层 92
3.2.2 选择层 92
3.2.3 删除层 93
3.2.4 改变层上下顺序 93
3.2.5 复制替换层 94
实例11 素材自动适合图像尺寸 95
3.2.6 序列层 96
3.2.7 图层与图层对齐和自动分布功能 97
3.2.8 为图层添加标记 97
3.3 图层的基本属性 99
3.3.1 锚点 99
3.3.2 位置 100
3.3.3 缩放 100
3.3.4 旋转 101
3.3.5 不透明度 101
3.4 图层的混合模式 102
3.4.1 图层混合模式的使用方法 102
3.4.2 图层混合模式的类型 103
实例12 制作简单的APP加载动画 104
3.5 认识时间轴面板 111
3.5.1 音频视频控制选项 112
3.5.2 图层控制选项 112
3.5.3 转换面板控制选项 112
3.5.4 模式控制选项 113
3.5.5 Parent父子链接控制选项 114
3.5.6 时间拉伸控制选项 114
3.6 创建时间轴特效 114
3.6.1 颠倒时间 114
3.6.2 使用入点和出点控制面板 115
3.6.3 应用重置时间命令 116
3.6.4 倒退播放 116
3.6.5 延长时间 116
3.6.6 停止时间 117
3.7 本章小结 117
3.8 课后练习 118
第4章 制作关键帧动画
4.1 关键帧的概念与基本操作 119
4.1.1 什么是关键帧 119
4.1.2 创建关键帧 120
实例13 交互动画制作中如何创建关键帧 120
4.1.3 选择关键帧 122
4.1.4 移动关键帧 123
4.1.5 复制关键帧 124
实例14 交互动画制作中的关键帧复制 124
4.1.6 删除关键帧 126
4.2 制作图层属性动画 127
4.2.1 变换选项 127
4.2.2 位移关键帧动画 129
实例15 交互动画制作中的位移关键帧 129
4.2.3 缩放关键帧 131
实例16 制作缩放关键帧动画 131
4.2.4 翻转关键帧 133
实例17 交互动画制作中的翻转关键帧 133
4.2.5 旋转关键帧 134
实例18 交互动画制作中的旋转关键帧 135
4.2.6 淡入淡出动画 136
实例19 制作交互动画中的淡入淡出效果 136
4.3 使用曲线编辑器 137
4.4 制作APP常用手势动画 138
实例20 常见的手势APP动画 138
4.5 本章小结 145
4.6 课后练习 145
第5章 交互动画制作中蒙版的使用
5.1 使用After Effects中的蒙版 147
5.1.1 使用矩形工具创建矩形蒙版 148
实例21 交互动画制作中的矩形蒙版 149
5.1.2 使用椭圆工具创建椭圆形蒙版 150
实例22 交互动画制作中的椭圆蒙版 151
5.1.3 使用钢笔工具创建自由形状蒙版 153
实例23 交互动画制作中的自由形状蒙版 153
5.1.4 使用橡皮擦工具创建自由形状蒙版 155
实例24 交互动画制作中橡皮擦工具的使用 155
5.2 修改与设置蒙版 158
5.2.1 选择节点 158
5.2.2 移动节点 159
5.2.3 使用钢笔工具进行修改 160
5.2.4 锁定蒙版 161
5.2.5 变换蒙版 162
5.2.6 设置蒙版的属性 163
5.2.7 制作淡入动画效果 165
实例25 制作淡入动画效果 165
5.3 实现微信交互动画效果 168
实例26 实现微信交互动画效果 169
5.4 本章小结 175
5.5 课后练习 175
第6章 制作文字动画
6.1 输入文字 177
6.1.1 通过文本图层创建点文字 178
实例27 交互动画制作中文本图层的使用 178
6.1.2 通过文字工具创建点文字 180
实例28 交互动画制作中创建点文字 180
6.1.3 创建段落文字 182
实例29 交互动画制作中创建段落文字 182
6.1.4 点文字与段落文字相互转换 184
实例30 点文字与段落文字的转换 184
6.2 设置文字属性 185
6.2.1 设置字符属性 186
6.2.2 设置段落属性 186
6.3 文字的动画属性 186
6.3.1 动画 187
实例31 制作文字动画效果 187
6.3.2 源文本 190
6.3.3 动画选择器 192
6.3.4 路径 192
6.3.5 文本动画预设 193
6.4 制作文字特效 195
6.4.1 基础文字特效 195
6.4.2 路径文字特效 195
6.4.3 数字特效 195
6.4.4 时间码特效 196
6.4.5 简单文字动画 196
实例32 制作简单的QQ发表心情动画效果 197
6.5 制作交互动画 205
实例33 制作简单的APP交互动画效果 205
6.6 本章小结 212
6.7 课后练习 212
第7章 色彩校正特效与抠像技术
7.1 如何应用色彩调整 214
7.2 色彩校正特效 214
7.2.1 CC Color NeutralizerCC色彩调和 215
7.2.2 CC Color OffsetCC色彩偏移 216
7.2.3 CC KernelCC颗粒 216
7.2.4 CC TonerCC色调 217
7.2.5 PS任意映射 218
7.2.6 保留颜色 219
7.2.7 更改为颜色和更改颜色 219
7.2.8 广播颜色和黑白颜色 221
7.2.9 灰度系数基值增益和可选颜色 222
7.2.10 亮度和对比度以及曝光度 224
7.2.11 曲线和三色调 225
7.2.12 色调、色调均化和色光 226
7.2.13 色阶和色阶单独控件 228
7.2.14 色相饱和度 230
7.2.15 通道混合器和颜色链接 231
7.2.16 颜色平衡和颜色平衡HLS 232
7.2.17 颜色稳定器和阴影高光 234
7.2.18 照片滤镜 235
7.2.19 自动对比度、色阶和颜色 235
7.2.20 自然饱和度 237
7.3 色彩校正特效的应用 238
实例34 交互动画制作中色彩校正的应用 238
7.4 了解抠像的应用 247
7.5 键控抠像技术 247
7.5.1 CC Simple Wire RemovalCC线性擦除 248
7.5.2 颜色差值键 249
7.5.3 颜色范围 249
7.5.4 差值遮罩 250
7.5.5 提取 251
7.5.6 内部外部键 252
7.5.7 线性颜色键控 253
7.5.8 高级溢出抑制器 254
7.5.9 Keylight外挂键控 255
7.6 抠像技术的应用 256
实例35 掌握简单的抠像技术 256
7.7 本章小结 258
7.8 课后练习 258
第8章 跟踪、稳定、表达式与特效
8.1 跟踪与稳定的应用 260
8.1.1 认识跟踪器面板 260
8.1.2 跟踪范围框 261
8.2 摇摆器 262
8.3 运动草图 262
实例36 运动草图实现的加载动画效果 263
8.4 了解表达式 267
8.4.1 复制应用表达式 267
8.4.2 将表达式转化为关键帧 267
8.5 表达式的操作 268
8.5.1 添加表达式 268
8.5.2 编辑表达式 269
8.5.3 删除表达式 269
8.5.4 保存和调整表达式 269
8.5.5 为表达式添加注释 270
8.5.6 表达式中的量 270
实例37 交互动画制作中表达式的使用 271
8.6 表达式语言菜单 276
8.7 使用After Effects中的特效 277
8.7.1 了解内置特效与使用方法 277
8.7.2 了解内置特效组 278
8.7.3 了解应用模拟特效 282
实例38 交互动画中特效的使用 283
8.8 本章小结 291
8.9 课后练习 291
第9章 交互动画的渲染输出
9.1 什么是渲染动画 293
9.2 渲染工作区 293
实例39 手动调整渲染工作区 294
9.3 渲染队列面板 296
9.4 渲染设置 298
9.5 输出设置 299
9.6 动画的输出 300
实例40 输出标准的QuickTime格式文件 300
9.7 利用Photoshop生成最终动画 302
实例41 生成最终的GIF 格式动画 302
9.8 课后练习 304
|
內容試閱:
|
1.1交互设计与交互动画随着人们逐渐依赖于互联网,越来越多的人使用手机、平板等移动设备访问互联网。这些设备便成为让互联网与人进行交互的媒介,于是手机系统的人机交互体验就变得越来越重要。本章首先对交互设计及交互式动画的基础进行了解,从而为后面的交互动画设计和制作打下良好的基础。1.1.1 交互设计概述什么是交互设计?交互设计定义了两个或多个互动的个体之间交流的结构和内容,使之相互配合,共同达成某种目的。这些个体指的是人及其使用的产品和接受的服务。交互设计努力去创造和建立的是人与产品及服务之间的有意义的关系。从设计师的角度来说,通过交互设计可以让产品更加易用,可以让用户在使用产品的时候更加愉悦,满足用户的目标和用户的期望。交互设计师通过了解人本身的心理和行为特点,结合自己的灵感,设计出各种有效的交互方式。交互设计来源于生活且高于生活。交互设计应该智能化,能够帮助人们分析、思考和简化。如图1-1
|
|