动态表情设计实战

在信息化时代，以数字网络技术为基础的各种新媒体以强势的姿态快速渗入了经济发展和社会生活的众多方面。网络媒体、手机媒体、感应装置媒体等新媒体形式在过去几年发展迅猛、令人瞩目。同时，新媒体的崛起为网络视觉元素创意和视觉表现开拓了新的平台，为各类信息传播提供了新的模式。\"表情包\"作为传统网络表情符号的变体，俨然已经成为网络社会的一种新的表达方式和文化现象。今天，作为社交工具所具有的不可割舍的功能，\"表情包\"在即时通信领域具有不可替代的作用。发送一个表情包可以代替某种特定含义，明显要比打字回复更加便捷，也更加生动、有趣。作为种可视化语言，表情包已经成为人们交流的媒介，形成了特定的文化。在形式上进行可视化表达具有\"化腐朽为神奇\"的效果。原本的聊天打字已不能满足人们日常网络交流的需求，人们开始利用大量的表情包来充分展示自己的个性、表达自己的感情。截至2016年3月，微信月活跃用户数已经达到7.62亿，QQ月活跃用户数为8.77亿。QQ、微信已成为人们日常生活的一部分。QQ、微信表情包极大地丰富了媒体的视觉表现形态。如今，随着计算机和手机的硬件、软件的急速发展与提升，人们迎来了技术大众化、平民化的自媒体大狂欢时代。

刘春雷现任沈阳航空航天大学设计艺术学院视觉传达系主任，副教授，硕士研究生导师，编写过一系列图形设计与制作相关的图书，成为非常受欢迎的设计教程。

目录 第　1章 表情包到底是什么　1 1.1　网络表情的演变及分类　3 1.1.1　字符式网络表情　3 1.1.2　图标式网络表情　3 1.1.3　经典卡通角色表情包　4 1.1.4　计算机3D效果表情包　4 1.1.5　真人合成表情包　4 1.2　表情包由静态向动态过渡　4 1.3　表情包的传播特点　5 1.3.1　快捷传播　6 1.3.2　复合传播　6 1.3.3　形象传播　6 1.3.4　“互联网+”思维，追求多元传播方式　6 1.4　表情包营利模式分类　7 1.4.1　下载付费模式　7 1.4.2　比例分成模式　7 1.4.3　知识产权合作模式　7 1.5　表情包潜入式营销模式　7 1.5.1　迎合热点　8 1.5.2　明星效应　8 1.5.3　翻新式营销　8 第　2章 动态表情包设计　9 2.1　动态设计简述　10 2.1.1　整体性　10 2.1.2　节奏性　10 2.1.3　具备积极的视觉引导　10 2.2　动态表情包设计的本质要求　11 2.2.1　播放流畅　11 2.2.2　引起关注　11 2.2.3　传递产品的特定性格、气质　11 2.2.4　讲述语境　12 2.3　动态表情包的空间参数　13 2.3.1　位移　13 2.3.2　缩放　13 2.3.3　旋转　13 2.3.4　透明度　14 2.4　空间与时间的节奏关系　14 2.4.1　匀速运动　14 2.4.2　运动开始时的逐渐加速　14 2.4.3　运动结束时的逐渐减速　15 2.4.4　动作中同时设置缓冲　15 2.5　动态表情包的用户体验价值　16 2.5.1　视觉体验　16 2.5.2　娱乐体验　16 2.5.3　情感体验　16 2.5.4　科技体验　17 2.6　提升用户体验的动态设计原则　17 2.6.1　表现出克制—简洁性原则　17 2.6.2　拓展表情包动态区域—建立空间关系　17 2.6.3　不同种类的动态效果—传达材料的材质特点　18 2.6.4　动画持续时间—播放速度　18 2.6.5　降低成本—表情包动态设计原型　18 第3章　“阿呆”表情包制作案例　20 3.1　制作表情包静态原型　21 3.1.1　绘制“阿呆”基本轮廓　21 3.1.2　绘制“保持微笑”表情　26 3.1.3　绘制“抱抱”表情　27 3.1.4　绘制“飞吻”表情　29 3.1.5　绘制“惊吓”表情　32 3.1.6　绘制“生无可恋”表情　36 3.1.7　绘制“送你小花花”表情　37 3.2　制作“阿呆”动态表情包　39 3.2.1　制作“保持微笑”动态表情　39 3.2.2　制作“抱抱”动态表情　44 3.2.3　制作“飞吻”动态表情　46 3.2.4　制作“惊吓”动态表情　48 3.2.5　制作“生无可恋”动态表情　50 3.2.6　制作“送你小花花”动态表情　52 第4章　使用Adobe Illustrator制作动态表情包　55 4.1　静态原型设计　56 4.1.1　绘制“吃货”表情　56 4.1.2　绘制“躲起来”表情　59 4.1.3　绘制“好气哦”表情　63 4.1.4　绘制“挥手”表情　65 4.1.5　绘制“开心”表情　67 4.1.6　绘制“陪我玩”表情　69 4.2　使用PS制作动态表情包　71 4.2.1　制作“吃货”动态表情　71 4.2.2　制作“躲起来”动态表情　73 4.2.3　制作“好气哦”动态表情　75 4.2.4　制作“挥手”动态表情　76 4.2.5　制作“开心”动态表情　77 4.2.6　制作“陪我玩”动态表情　78 第5章　“小兔子”表情包制作案例　81 5.1　制作表情包静态原型　82 5.1.1　绘制“小兔子”基本轮廓　82 5.1.2　绘制“Hello”表情　86 5.1.3　绘制“大哭”表情　87 5.1.4　绘制“生气”表情　89 5.1.5　绘制“加油”表情　91 5.2　制作“小兔子”动态表情包　92 5.2.1　制作“Hello”动态表情　92 5.2.2　制作“大哭”动态表情　95 5.2.3　制作“生气”动态表情　97 5.2.4　制作“加油”动态表情　100 第6章　“长颈鹿”表情包制作案例　103 6.1　制作表情包静态原型　104 6.1.1　绘制“扭扭扭”表情　104 6.1.2　绘制“去兜风”表情　107 6.1.3　绘制“下雨了”表情　111 6.1.4　绘制“心情不错”表情　114 6.2　制作“长颈鹿”动态表情包　120 6.2.1　制作“扭扭扭”动态表情　120 6.2.2　制作“去兜风”动态表情　121 6.2.3　制作“下雨了”动态表情　124 6.2.4　制作“心情不错”动态表情　126 第7章　“小熊”表情包制作案例　129 7.1　制作表情包静态原型　130 7.1.1　绘制“小熊”基本轮廓　130 7.1.2　绘制“别走”表情　136 7.1.3　绘制“要抱抱”表情　147 7.2　制作“小熊”动态表情包　151 7.2.1　制作“别走”动态表情　151 7.2.2　制作“要抱抱”动态表情　153 第8章　“小鸡”表情包制作案例　156 8.1　制作表情包静态原型　157 8.1.1　绘制“小鸡”基本轮廓　157 8.1.2　绘制“亲亲”表情　161 8.1.3　绘制“睡觉”表情　163 8.2　制作“小鸡”动态表情包　165 8.2.1　制作“亲亲”动态表情　165 8.2.2　制作“睡觉”动态表情　167