第1章 表情包概述 2
1.1 表情包简介 2
1.1.1 什么是表情包 2
1.1.2 QQ与微信表情包 3
1.2 网络表情的演变及分类 4
1.2.1 字符式表情 4
1.2.2 图标式表情 5
1.2.3 经典卡通角色表情包 6
1.2.4 计算机3D效果表情包 6
1.2.5 真人合成表情包 7
1.3 表情包由静态向动态过渡 8
1.4 表情包的传播特点 9
1.4.1 快捷传播 9
1.4.2 复合传播 9
1.4.3 形象传播 9
1.4.4 “互联网＋”思维，追求多元传播方式 10
1.5 表情包营利模式分类 10
1.5.1 下载付费模式 11
1.5.2 比例分成模式 11
1.5.3 制作产权合作模式 11
1.6 表情包潜入式营销模式 11
1.6.1 迎合热点 12
1.6.2 明星效应 12
1.6.3 翻新式营销 12
第2章 动态表情包 14
2.1 动态设计简述 14
2.1.1 整体性 15
2.1.2 节奏性 15
2.1.3 具备积极的视觉引导 16
2.2 动态表情包的本质要求 16
2.2.1 播放流畅 16
2.2.2 引起关注 16
2.2.3 传递产品的特定性格、气质 17
2.2.4 讲述语境 19
2.3 动态表情包的维度互联 19
2.3.1 什么是维度 19
2.3.2 维度之间的关系 20
2.3.3 维度之间的互联 20
2.3.4 创作手法上的互联 21
2.4 动态表情包的空间参数 22
2.4.1 位移 22
2.4.2 缩放 22
2.4.3 旋转 23
2.4.4 透明度 23
2.5 空间与时间的节奏关系 24
2.5.1 匀速运动 24
2.5.2 缓冲开始 24
2.5.3 缓冲结束 25
2.5.4 同时缓冲 26
2.6 动态表情包的受众体验价值 26
2.6.1 视觉体验 26
2.6.2 娱乐体验 26
2.6.3 情感体验 28
2.6.4 科技体验 28
2.7 提升用户体验的动态设计原则 28
2.7.1 表现出克制——简洁性原则 28
2.7.2 拓展表情包动态区域——建立空间关系 29
2.7.3 不同种类的动态效果——传达材料的材质特点 29
2.7.4 动画持续时间——播放速度 30
2.7.5 降低成本——表情包动态设计原型 30
第3章 开始制作一个简单的表情包动画 34
PART 1 制作表情包静态原型 34
第1节 “阿呆”基本造型制作教程 34
第2节 “保持微笑”表情制作教程 43
第3节 “抱抱”表情制作教程 44
第4节 “飞吻”表情制作教程 47
第5节 “惊吓”表情制作教程 52
第6节 “生无可恋”表情制作教程 57
第7节 “送你小花花”表情制作教程 59
PART 2 制作表情包动画 62
第1节 “保持微笑”表情动画制作教程 62
第2节 “抱抱”表情动画制作教程 69
第3节 “飞吻”表情动画制作教程 72
第4节 “惊吓”表情动画制作教程 75
第5节 “生无可恋”表情动画制作教程 78
第6节 “送你小花花”表情动画制作教程 80
第4章 使用Adobe Illustrator制作表情包 86
PART 1 使用AI制作表情包静态原型 86
第1节 “吃货”表情基本型及动画分帧制作过程 86
第2节 “躲起来”表情基本型及动画分帧制作过程 91
第3节 “好气哦”表情基本型及动画分帧制作过程 97
第4节 “挥手”表情基本型及动画分帧制作过程 101
第5节 “开心”表情基本型及动画分帧制作过程 104
第6节 “陪我玩”表情基本型及动画分帧制作过程 108
PART 2 使用PS为制作好的静态原型制作动画 111
第1节 “吃货”表情动画制作过程 112
第2节 “躲起来”表情动画制作过程 115
第3节 “好气哦”表情动画制作过程 118
第4节 “挥手”表情动画制作过程 121
第5节 “开心”表情动画制作过程 124
第6节 “陪我玩”表情动画制作过程 127
第5章 “小兔子”表情包制作案例 132
PART 1 制作表情包静态原型 132
第1节 在PS中绘制“小兔子”原型 132
第2节 绘制“Hello”表情动画分帧原型 140
第3节 绘制“大哭”表情动画分帧原型 143
第4节 绘制“生气”表情动画分帧原型 146
第5节 绘制“加油”表情动画分帧原型 148
PART 2 制作“小兔子”表情包动画 150
第1节 在PS中制作“Hello”表情动画 150
第2节 在PS中制作“大哭”表情动画 156
第3节 在PS中制作“生气”表情动画 159
第4节 在PS中制作“加油”表情动画 163
第6章 “长颈鹿”表情包制作案例 167
PART 1 制作表情包静态原型 167
第1节 在PS中绘制“长颈鹿”原型 167
第2节 绘制“扭扭扭”表情原型 179
第3节 绘制“去兜风”表情原型 188
第4节 绘制“下雨了”表情原型 197
第5节 绘制“心情不错”表情原型 204
PART 2 制作“长颈鹿”表情动画 216
第1节 制作“扭扭扭”表情动画 216
第2节 制作“去兜风”表情动画 222
第3节 制作“下雨了”表情动画 228
第4节 制作“心情不错”表情动画 234