北京极地狼族户外 心灵
| 2018-01-25 21:17
151
本教程所涉及到的基础理论知识 — 逐帧动画
逐帧动画是一种常见的动画形式，其原理是在连续的关键帧中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成的动画。
运用PS的帧动画来制作的表情，其实是利用了人眼的“视觉暂留”现象。
一、表情包形象的设计
表情包形象的设计完全是自由发挥，你可以画你的宠物，你自己，你的男/女朋友，只要是动作表达的形象生动，甚至是一个简单的小白人都可以。
1、我选用的形象就是我自己，首先用钢笔工具绘制出基本形象，基本形象建议先绘制出全身形象，方便后期不同动作的延伸。头身比例建议1:1，颜色我选用了饱和度偏低的颜色（S值小于50）
2、使用笔刷绘制出头发，脸，衣服的肌理，使形象更加饱满。
（当然如果你的形象设计成纯色风格也可以忽略这一步）
3、基础形象就这样OK啦！
二、gif表情的设计
全身形象设定以后，我们可以根据不同场景选择用半身或是全身。例如“干嘛呢？”就适合运用半身形象，基于形象酷酷的性格，所以我设想的场景是她一边轻松的吃着香蕉一边撩汉or撩妹
例如“再说一句试试”就适合全身形象，同样基于形象酷酷的性格，拿板砖威胁人的架势当然要配合脚部动作才能体现的更好。
好啦话不多说，下面就是gif动画设计的步骤，此处以表情“么么哒”为例：
1、明确动作思路
你可以脑补你”老公“或者”女神“在你的对面，那么你要亲亲的动作大概会是：闭眼---抬头---么么哒！
2、创建帧动画
首先绘制“闭眼”动作，为了动作的流畅，我将“闭眼”动作拆分成4步
每步都是一个图层组，由于动作之间变动不大，所以直接复制图层组，稍微改动眼部图层就可以达到效果，创建帧动画后，这4个闭眼动作图层组各占一帧，在第1帧上，显示图层组1，关闭图层组2、3、4；在第2帧上，显示图层组2，关闭图层组1、3、4，以此类推……
接下来是抬头动作
然后是“么么哒~”动作，这部分动作同样拆分成4步，为了达到飞吻的效果，复制嘴部图层，每个动作都将复制过的嘴部图层ctl+T扩大一些，并同时减小透明度，达到向屏幕飞来并且渐渐消失的效果。
倒数第2步，为了使表情循环播放时动作更加流畅，我选择了一个中间图层组作为第9帧，来承接循环播放时的第1帧
最后，为了使表情更加活泼生动，文字随着人物动起来会更有效果，所以每隔一帧都让文字向上移动1px
3、保存
点击文件----导出---储存为web所用格式，格式选择GIF，循环选项选择“永远”模式。
就这样一个么么哒(づ￣ 3￣)表情就诞生啦~你可以做成16或24个之后上传到表情应用商店，也可以直接将表情拖到微信对话框里直接用起来！
快来跟着我一起做吧！
- END -
花火圆桌
花火圆桌是由一群热爱设计的BAT设计师发起的分享交流社群，目前已聚集了近5000来自五湖四海的小伙伴，一起分享、解惑，并常有线上线下活动共同成长进步。
此文章来自网络，如有侵权，可联系删除，谢谢！！！
