保留gif最后一针_【干货】微信聊天gif表情制作教程和技巧详解

本文分两部分:一、微信gif表情的制作 二、微信表情后台过审技巧

表情分好几种:静态表情,动态表情;微信后台还分为:真人表情(影棚拍摄),截屏表情(视频截屏),卡通或其他(多指卡通绘制表情)

静态表情太简单了,这里不讲,卡通绘制表情我们下次课程再详细讲解。

所以我们最能快速上手的就是截屏表情,可以截取综艺节目爱豆的表情,但是这类需要版权,没版权只可以保存到后台自己用。还有就是自己拍摄的视频,如拍摄自己的宠物,小宝贝等

二、视频截屏gif表情制作

先选一段拍摄比较可爱、有趣的视频视频,把他导入到PS,截取需要制作表情的那一段。

小技巧,导入时我们可以选择跳帧选取,这样可以减少帧数,降低存储内存。

5e92462685e8df40b437231b7123176f.png

3e3e11b5d0373101b0d7bbe005debcf6.png

视频导入后可能帧数比较多,需要我们进一步的处理!

194323541f52ce50a081c53e0c65efbf.gif
未处理的片段

没有经过处理的片段动作还是很自然,但可能并不是我们想要的效果,还有原视频存在光线偏暗,饱和度低等问题。

1c8ffdf050f0f14a3ea431da7c6d7e2a.png

微信官方平台的截屏表情包存储大小限制在500KB以内,大约能支持的帧数是15帧左右,可以看出这个片段帧数太多了,需要大量删减。

删减技巧是:

1、一个动作完成即可,不用过多停留,可延长帧时间替代停顿。

2、隔帧删除,增加每帧的时间,这样虽然会降低流畅度,但整提效果不受影响!

09c9b654bb6c84ab5ae36a84fe99ab5f.gif
隔帧删除后动作过快

9edb885408beb373b2cf3d4f6009410c.png
延长每帧的停留时间

2677e97697d62e15348800728502bc76.png

我想要的是一个吃脚趾的表情,原视频拍的却是把脚放下的动作,所以我给他一个反向播放。

722c8e1945f1ea889a2f7fe112746981.gif

经过删帧-增加帧时间-反向帧之后,这个动作基本上就是我想要的了!

711d7d972c8d80712c9695eeacd61a3a.png
给他进行裁切

微信表情最好是正方形,这样占面积最大,能展现的东西最多,所以这里给他一个1:1的比例裁切。

6dff199154cbb21b231c387a1e401727.png
调色

调色在后面讲

febe2a9c84a296199569868cfee8e807.gif
最终表情呈现

可根据需求配文字,配文字所表达的内容更加明确,但同时使用场景也受限,这个看个人需求,我觉得这样就比较可爱了,就没有去配!

三、app制作表情

8ddb90129280063b0f0da7ed65e71bf6.png
作为PS深度中毒用户,目前只试过这款APP,应该还有其他

APP表情制作很简单,选好喜欢的贴纸、滤镜、美颜效果,录制一小段就可以自动生成表情动画了。这里不过多接受!

b676af5d61e8125724afc34065f459a0.png

四、gif表情制作常用技巧

1挑帧;2补帧;3跳帧;4错帧;5留帧;6调色;7图像稳定;8保存压缩

1、挑帧即是挑选需要的帧

当视频过长,我们只截取一小段动画的时候需要进行删留,这就是挑帧,同样动画里有个别帧不太理想的,也可以进行筛选。

挑帧又分为:

a、首尾挑,使整个动画重复播放的时候更和谐;

b、间隔挑,有规律的间隔挑选帧(如去双数帧或单数帧),让动画减少帧的同时,保留了流畅性。

1c8ffdf050f0f14a3ea431da7c6d7e2a.png

2、补帧-从动画里复制帧,补到需要的序列里

在整个动作不连贯,首位位移或者变化过大,以及想表现特殊效果时可以采用这种方法

9b25471a6b44bc4fbf2998a2fec5ee2b.gif
比如这个要做成循环效果

eb6c398d917509bf5defbfdefb5cada7.png
挑选几帧进行复制,移动到最后并反向

43f388290f442f5c2fabae2bf465111b.gif
就做成左右摇头的效果了

3、跳帧-从一个动画跳到另一个动画或从一帧跳到下几帧

为了在有限的内存要求下多表达内容,或者想加大内容的变化时可以才这种方法

不举 例 了

4、错帧-打乱帧顺序,使其显得无序或者夸张

错帧就是把原有的帧序列打乱或者重新排序,来表达随机或者夸张效果

cc8c90e20c763773a112e1b1ba3410e2.gif
原帧序列的效果

55aa0713fad3cfedf18f699e03c3b052.gif
打乱帧序列后的效果

5、留帧-延长帧时间

对需要强调的地方,可以适当多留帧,或者延长帧时间,使其达到慢镜头的效果

e412ff9925b42f682bac7c70852fe0a7.gif

0cb53a7fb31c137e4bdbbbebb353498b.png
自由调控帧时间

对需要强调的地方,延长帧时间,可以让动画更有趣!

6、调色

这个很好理解,gif动画也会经常遇到原素材色调、光影不满意的时候,需要我们去调色,这个时候该怎么调比较方便快捷。

调色常用的工具有:曲线(色阶)调节整提亮度,色相/饱和度,色彩平衡,可选颜色(推荐)。

9696b4a2bf17f09e820df5bec615ada2.png
人体肤色由黄色和红色组成,把这两部分调亮,就可以起调亮肤色

7、图像稳定

如果拍摄视频的时候手比较抖,就需要我们去稳定一下画面,以免看花眼睛。

1c516a0313e30a98c909a979d5b19f20.gif
原视频中人物在镜头中的位置摆幅过大

862c7973c4c3d90eb588b2e83611ab2b.gif
通过调节各帧的位置,让图像相对稳定

509ba18138cd1cec33af73f65c371bc2.gif
调整之后的效果

8、保存压缩

gif保存文件时都比较占内存,这个时候我们就需要对文件进行压缩,如何压缩文件才不会对成像质量造成大的影响呢?

1保存设置

e1582005d498f175b0621e1fdd247111.png
降低颜色值,原数值改成无

降低颜色值,原数值改成无

2利用网页进行压缩

e3cfeabe208c403a9fee2e9a1a149af5.png

笔者亲测,这个压缩网页平均可以压缩20%左右,对于大小就差一点的文件很有用。

网页地址:

在线压缩图像文件,并确保最佳质量和压缩程度。​www.iloveimg.com
ae14e005ea9dba33729bfae5a33301df.png

本来想写两部分,发现篇幅有点长了,好吧,一口吃不成胖子,第二部分就放到下篇文章里来介绍了!

文章有涯而学无涯,一篇文章是没办法把所有知识点说透的,有疑问就私信我吧,关注我,不迷路!

其他文章速览

chen aiken:【干货】一文读懂gif动图的原理&制作方法深度解析​zhuanlan.zhihu.com
3f521f348c9b2a26547d4688e0325f94.png

文章中的表情包已经上线,自己第一次做表情,很多地方不成熟,有意见建议可以私信我!

微信表情开放平台​sticker.weixin.qq.com
5a0ff15367459f37190c9ff46a92f0a4.png

下一篇文章预告:微信表情后台快速过审

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值