动态表情包制作教程 | PS | AI | GIF
这篇教程,既防止自己遗忘,也希望对其他人有所帮助~
软件
AI:用于绘制图形。使用AI的原因是可绘制矢量图,矢量图被无限地放大边缘也不出现锯齿,有利于后续的修改。
PS:使用时间轴功能,把每帧静态图连贯成动态图。
微信表情制作规范
https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/login?t=login/index&lang=zh_CN
绘制静态图 - AI
一、打开AI,新建画布

注意点:
1.画布长宽、单位需和制作规范一致
2.颜色模式选择RGB,这是显示屏呈现色彩的标准模式,而用于印刷的CMKY颜色模式则不要选。
3.像素大小选择72ppi便足够了,一般不打印的话这个规格就可以了
二、画轮廓 - 画笔选择
有手绘板的小伙伴可用画笔工具,没有的可用钢笔工具
我自己两种绘制方法都试过,以下是使用对比:
钢笔工具:对不复杂的线条,钢笔工具显然更有优势,调整简单,画完边框后直接填色很方便
画笔工具:手绘笔画复杂的线条会更快。但一个线条分为两段绘制时,连接处难重合
注意点:
1.绘制时每个表情的线段的粗细是统一的,这样整体才和谐
2.注重细节的可以把画笔端点设置为圆形,线段末端就会显得自然,不像突然断掉的
三、填色
钢笔绘制的边框,或是画笔一笔画成的封闭图案
直接选中图形,改变填充的颜色即可

画笔分段绘制的边框
采用实时上色工具给封闭图形填色即可
四、绘制不同帧的静态图
对表情中变化的部分进行编组,比如眨眼的动作,总共绘制了三种眼睛动态,编组后写上变化编号进行区分
打开图层工具,点击眼睛图标便可控制显隐,不仅方便绘制也方便导出


小技巧:
如何确保三种眼睛动态在同一眼睛位置?
1.可以把眼睛进行复制后,和原眼睛对齐,再调整高度
2.把眼睛透明度降低,锁定后在对于位置重新绘制
五、添加文字
文字可以自己手写,也可以使用免费商用的字体,注意版权噢

六、每种表情区分图层
每画完一个表情,新建图层进行绘制,方便导出

七、导出
每一帧的表情都导出一份,并编上序号
到这一步,AI的任务就圆满完成啦,接下来就是PS的事情了!



制作动图 - PS
一、打开PS、新建画布
这一步和ai步骤一样,在此省略
二、导入图片
可以在文件点击置入来导入图片,也可以直接拖动图片至ps中
导入后出现边框,按ENTER键确定就好了

三、添加描边(非必须)
1.导入后,先栅格化图层。栅格化后,图层上的小图标就会消失

2.添加描边

四、创建时间轴
时间轴中选择”从图层建立帧“,循环模式勾选永久,并右键对单帧的时间进行设定,直到调整到最佳状态




五、导出GIF
导出-存储为Web所用格式,选中GIF,存储即可
全部表情完成后,上传至微信表情网站就好啦


至此,教程就结束啦!感谢能看完的小伙伴!毕竟图文真的好长= =
顺便推荐下我的原创表情包~微信搜索”猫酱子“即可下载使用啦















































































