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

用户头像
广州/设计爱好者/4年前/1794浏览
动态表情包制作教程 | 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
举报
|
29
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
倒计时,海报,平面
金色颗粒质地的平面
中国传统纹样创新图案设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
平面花卉图案扁平简约无缝拼接插画
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
平面插画设计女孩喝咖啡
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面设计 吊牌设计
金色颗粒质地的平面
金色颗粒质地的平面
平面男孩喝咖啡插画设计
金色颗粒质地的平面
空的平台平面和自然景观
城阙凡花
平面书法字手写
城市园林平面布局航拍
古风平面仕女与瓷器
金色颗粒质地的平面
空的平台平面和自然景观
平面插画情侣/矢量
你可能喜欢
相关收藏夹
大家都在看
登录注册