本次上线的表情包效果图（动态表情会放在文章的最后~）

1.前期工作（背景）

在公司成立20周年同时，建立了属于世纪龙的企业品牌IP-小龙，以吉祥物亲近切活泼的形象，基于牛年新春主题，设计符合21CN人拜年方式的表情形象，使公司企业形象可更加外化地体现在常交流的网络环境中，二者相辅相成，以此加强企业文化形象传播，增强公司内外的品牌认同。
这套表情包需要契合这个时间主题，也更丰富地诠释企业的品牌，使得公司企业形象可更加外化的体现的日常交流的网络环境中，二者相辅相成。

2.形象定义

1.形象定义

小龙形象的创立基于21CN的企业形象上，相对比于其他互联网公司企业IP的活泼的气氛相比，我们的整体更突出：善良、聪明、活泼，为了更加贴近用户所以在呈现上会“憨厚”一点。

2.表情组合

这次把IP形象应用到了微信表情上，一方面为了宣传企业形象，另一方面这样运用能让客户对形象的新鲜感知。因为这次属于延展，在基础形象设立之初缺乏更丰富的情感展现，所以需要扩充几个表情去适配（基本的喜怒哀乐惊疑）

3.打造线上专属形象

当初形象的定义缺乏线性表现，需要延展一套出来用在表情包上，所以在一些细节上需要做出删减和强调化处理。

3.场景定义

这次的场景主要定义在新年里使用，我们去搜索竞品发现春节表情包有几类，第一类是均是祝福词和新年成语组成；第二类是互动性强的，其中有细化到收发红包的场景去做延展，所以本次设计的时候认真研习了小龙正直、稳重、憨厚的特点，再选取16个新年场景下社交中常见的情绪动作和传统词语，再由小龙进行夸张化、趣味化的表现。这次的新年表情加入了辛丑年生肖小牛的加入，通过他们之间的互动，既向用户讲述他们之间有趣的日常，也让用户更准确的理解表情所表现的情绪。创作思路上以新年玩耍为故事线，来强化画面的场景感，增加故事细节的丰富度，同事通过更多的有趣画面去诠释新年的主题，也增添公司的品牌露出。

4.技法分享

1. 风格的技法要点 

   

因为本次新年的场景下，借鉴了传统年画的描边形式，故此采用了描边技法的表现形式。但由于使用的场景比较小，所以增加了描边的粗度来增加单个表情包在小屏场景下的识别度。

因为考虑到复用性和可编辑性，首选用AI绘制矢量图。

因为最后是需要做成动画，所以在绘制草图阶段就需要考虑每个表情在什么地方动，先做好元素的拆分； 

这里一般分为：头部、躯干、四肢、辅助元素来拆分，单个元素可以用实时上色工具快速上色。（ps：实时上色有个问题是改变描边粗细的话会较为麻烦）

AI其实是可以进行图层管理的，特别是需要到后期复用的素材的时候，最好通过图层+画板去管理方便后期使用（ps：一般可以分为”头部、躯干、辅助“三个图层，里面如果还有细节需要区分亦可用编组的形式进行区分。）

2.动画效率制作的提升

表情包动画大致分为简单、普通和复杂几种，但表情包动画的好坏不全取决于复杂与否，精细的动画可以使得视觉品质的提升。但是在简短的表达和有限情景里需要的是通过动画来辅助表情更精准的表达其精髓。所以有时候采取简单快速的动画效果可能会更具备“性价比”。 

1.选择合适的参考对象

当我们已经有静态之后就可以着手找参考，最快的是直接在表情包市场找到动画表情，然后通过手机录屏，通过ps保存GIF格式，再通过逐帧看参考动效用了几帧完成，每帧停留几秒。

2.少量精致-让表情形象“活”起来

做表情包动画是需要取舍的，一般采取”少量精致“的原则，因为过多的动画无法吸引到观众去注意着重表达情绪的地方，所以只需要选取里面1-2个点去做动画即可。我总结三个地方：1是可以表达情感的地方，比如五官，眼嘴之类；2是在画面增强趣味性的地方，比如留下了加班这个图，颤抖的小牛和头上的汗都可以把慌张的情感夸大来增强趣味性（图：举例几个图有趣的点）；3是基本的动画效果，这类型基本是通用的（凑数）。比如身体的抖动、字体的缩放，主要是用来增加画面视觉体验的丰富度。

3.案例解析

1.以”点鞭炮“的表情包为栗子，首先要场景是描述胆子比较大的小龙去点鞭炮，小牛胆小但是被抓到旁边一起玩。第一先选主角的主要动作设计动效，所以放在了手上，以手臂端点为旋转轴做出去点鞭炮的动势，然后连带手上火也做一点不规则的摆动，增强这个动作。因为整个表情包元素比较多，只手动的话会稍显单调，这时候可以选取跟手部对称的小牛做动画，但这里不宜做太大的动作避免抢了主动作的吸引度，就做一些旋转以及1-2px的形变，让其产生害怕的颤抖感觉。

2.把这个动画做好后复制2个画板，就是两个关键帧，再按画板导出到ps里，新建一个”关键帧动画“，通过参考和预览不断调整关键帧的时间间隔以达到合适的动画效果为止。（此阶段如果通过时间间隔调整不顺的话，还是需要在源文件上增加关键帧的绘制来达到最终合适的效果。）

在新年当天当日发送量高达3千多

下面来看下动态的小龙吧~

欢迎大家下载使用哦

（在微信表情搜索“21CN牛钴禄龙拜年”也可以下载哦）

感谢阅读，以上内容均由本人原创设计，以及21CN版权所有，转载请注明出处

对你有一点用的话记得给文章一个赞