动态表情包制作教程 | PS | AI | GIF

广州/设计爱好者/4年前/1597浏览
动态表情包制作教程 | PS | AI | GIF
C略略

这篇教程,既防止自己遗忘,也希望对其他人有所帮助~

软件

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,存储即可

全部表情完成后,上传至微信表情网站就好啦



至此,教程就结束啦!感谢能看完的小伙伴!毕竟图文真的好长= =

顺便推荐下我的原创表情包~微信搜索”猫酱子“即可下载使用啦



18
Report
|
29
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
字体设计CN(2025) Vol.06
Homepage recommendation
相关收藏夹
教程
教程
教程
教程
作品收藏夹
教程
教程
教程
教程
作品收藏夹
IP
IP
IP
IP
作品收藏夹
毕设
毕设
毕设
毕设
作品收藏夹
教程
教程
教程
教程
作品收藏夹
商业
商业
商业
商业
作品收藏夹
大家都在看
Log in