本文分两部分:一、微信gif表情的制作 二、微信表情后台过审技巧
表情分好几种:静态表情,动态表情;微信后台还分为:真人表情(影棚拍摄),截屏表情(视频截屏),卡通或其他(多指卡通绘制表情)
静态表情太简单了,这里不讲,卡通绘制表情我们下次课程再详细讲解。
所以我们最能快速上手的就是截屏表情,可以截取综艺节目爱豆的表情,但是这类需要版权,没版权只可以保存到后台自己用。还有就是自己拍摄的视频,如拍摄自己的宠物,小宝贝等
二、视频截屏gif表情制作
先选一段拍摄比较可爱、有趣的视频视频,把他导入到PS,截取需要制作表情的那一段。
小技巧,导入时我们可以选择跳帧选取,这样可以减少帧数,降低存储内存。
![5e92462685e8df40b437231b7123176f.png](https://i-blog.csdnimg.cn/blog_migrate/8d391a8e2485dcb2780a57f53e4baacb.jpeg)
![3e3e11b5d0373101b0d7bbe005debcf6.png](https://i-blog.csdnimg.cn/blog_migrate/39a47d7836822db9f1b18a31c132f2d2.jpeg)
视频导入后可能帧数比较多,需要我们进一步的处理!
![194323541f52ce50a081c53e0c65efbf.gif](https://i-blog.csdnimg.cn/blog_migrate/5175c50c9d7b11c5f232fdbe71518728.gif)
没有经过处理的片段动作还是很自然,但可能并不是我们想要的效果,还有原视频存在光线偏暗,饱和度低等问题。
![1c8ffdf050f0f14a3ea431da7c6d7e2a.png](https://i-blog.csdnimg.cn/blog_migrate/6130ee59cc15a403afd1aa2d4310b849.jpeg)
微信官方平台的截屏表情包存储大小限制在500KB以内,大约能支持的帧数是15帧左右,可以看出这个片段帧数太多了,需要大量删减。
删减技巧是:
1、一个动作完成即可,不用过多停留,可延长帧时间替代停顿。
2、隔帧删除,增加每帧的时间,这样虽然会降低流畅度,但整提效果不受影响!
![09c9b654bb6c84ab5ae36a84fe99ab5f.gif](https://i-blog.csdnimg.cn/blog_migrate/8d73f685aa01eaa62ae15d2fb5fe7bdc.gif)
![9edb885408beb373b2cf3d4f6009410c.png](https://i-blog.csdnimg.cn/blog_migrate/eb0f6ad55721ff89129c19fb1b3073fb.jpeg)
![2677e97697d62e15348800728502bc76.png](https://i-blog.csdnimg.cn/blog_migrate/3a994d1099df782a650e85f5369b83bc.jpeg)
我想要的是一个吃脚趾的表情,原视频拍的却是把脚放下的动作,所以我给他一个反向播放。
![722c8e1945f1ea889a2f7fe112746981.gif](https://i-blog.csdnimg.cn/blog_migrate/803f06bcf9f21de67314af8fd98d4756.gif)
经过删帧-增加帧时间-反向帧之后,这个动作基本上就是我想要的了!
![711d7d972c8d80712c9695eeacd61a3a.png](https://i-blog.csdnimg.cn/blog_migrate/b34560e4f9eb5cda2bab143c4a289e80.jpeg)
微信表情最好是正方形,这样占面积最大,能展现的东西最多,所以这里给他一个1:1的比例裁切。
![6dff199154cbb21b231c387a1e401727.png](https://i-blog.csdnimg.cn/blog_migrate/474b594fd23e513784d8fbee2034ca48.jpeg)
调色在后面讲
![febe2a9c84a296199569868cfee8e807.gif](https://i-blog.csdnimg.cn/blog_migrate/6bd48468f92bf08a6ef80f7592748958.gif)
可根据需求配文字,配文字所表达的内容更加明确,但同时使用场景也受限,这个看个人需求,我觉得这样就比较可爱了,就没有去配!
三、app制作表情
![8ddb90129280063b0f0da7ed65e71bf6.png](https://i-blog.csdnimg.cn/blog_migrate/41180208bf15801330f817f0b9f4ffdd.jpeg)
APP表情制作很简单,选好喜欢的贴纸、滤镜、美颜效果,录制一小段就可以自动生成表情动画了。这里不过多接受!
![b676af5d61e8125724afc34065f459a0.png](https://i-blog.csdnimg.cn/blog_migrate/96536240e9221cab00ab1deebd16588d.jpeg)
四、gif表情制作常用技巧
1挑帧;2补帧;3跳帧;4错帧;5留帧;6调色;7图像稳定;8保存压缩
1、挑帧即是挑选需要的帧
当视频过长,我们只截取一小段动画的时候需要进行删留,这就是挑帧,同样动画里有个别帧不太理想的,也可以进行筛选。
挑帧又分为:
a、首尾挑,使整个动画重复播放的时候更和谐;
b、间隔挑,有规律的间隔挑选帧(如去双数帧或单数帧),让动画减少帧的同时,保留了流畅性。
![1c8ffdf050f0f14a3ea431da7c6d7e2a.png](https://i-blog.csdnimg.cn/blog_migrate/6130ee59cc15a403afd1aa2d4310b849.jpeg)
2、补帧-从动画里复制帧,补到需要的序列里
在整个动作不连贯,首位位移或者变化过大,以及想表现特殊效果时可以采用这种方法
![9b25471a6b44bc4fbf2998a2fec5ee2b.gif](https://i-blog.csdnimg.cn/blog_migrate/e817b1bdba893949c784463dff121ec3.gif)
![eb6c398d917509bf5defbfdefb5cada7.png](https://i-blog.csdnimg.cn/blog_migrate/19b128df9797bfaf59ebf0db3433bcf9.jpeg)
![43f388290f442f5c2fabae2bf465111b.gif](https://i-blog.csdnimg.cn/blog_migrate/491e3daea8b796d2f3923073ca34b33f.gif)
3、跳帧-从一个动画跳到另一个动画或从一帧跳到下几帧
为了在有限的内存要求下多表达内容,或者想加大内容的变化时可以才这种方法
不举 例 了
4、错帧-打乱帧顺序,使其显得无序或者夸张
错帧就是把原有的帧序列打乱或者重新排序,来表达随机或者夸张效果
![cc8c90e20c763773a112e1b1ba3410e2.gif](https://i-blog.csdnimg.cn/blog_migrate/607cd92536b7beb3d4d87fcfda807d83.gif)
![55aa0713fad3cfedf18f699e03c3b052.gif](https://i-blog.csdnimg.cn/blog_migrate/813e70073005a6c5e396b129b9e201d5.gif)
5、留帧-延长帧时间
对需要强调的地方,可以适当多留帧,或者延长帧时间,使其达到慢镜头的效果
![e412ff9925b42f682bac7c70852fe0a7.gif](https://i-blog.csdnimg.cn/blog_migrate/ab38768a3daef7e633af71597aa3a02b.gif)
![0cb53a7fb31c137e4bdbbbebb353498b.png](https://i-blog.csdnimg.cn/blog_migrate/16dcd8963381077829fc0b24ce9f3d46.jpeg)
对需要强调的地方,延长帧时间,可以让动画更有趣!
6、调色
这个很好理解,gif动画也会经常遇到原素材色调、光影不满意的时候,需要我们去调色,这个时候该怎么调比较方便快捷。
调色常用的工具有:曲线(色阶)调节整提亮度,色相/饱和度,色彩平衡,可选颜色(推荐)。
![9696b4a2bf17f09e820df5bec615ada2.png](https://i-blog.csdnimg.cn/blog_migrate/1d8f97af25e9686266e4e1326101c1bc.jpeg)
7、图像稳定
如果拍摄视频的时候手比较抖,就需要我们去稳定一下画面,以免看花眼睛。
![1c516a0313e30a98c909a979d5b19f20.gif](https://i-blog.csdnimg.cn/blog_migrate/1b1f14d34bf076c31ba7727dce709a82.gif)
![862c7973c4c3d90eb588b2e83611ab2b.gif](https://i-blog.csdnimg.cn/blog_migrate/37ab17ba0f554e3f20bf36c83c108892.gif)
![509ba18138cd1cec33af73f65c371bc2.gif](https://i-blog.csdnimg.cn/blog_migrate/174929bd1895b70c6b9fe866910ea36c.gif)
8、保存压缩
gif保存文件时都比较占内存,这个时候我们就需要对文件进行压缩,如何压缩文件才不会对成像质量造成大的影响呢?
1保存设置
![e1582005d498f175b0621e1fdd247111.png](https://i-blog.csdnimg.cn/blog_migrate/c7a49ebeba7872a3ee9c836212235a1d.jpeg)
降低颜色值,原数值改成无
2利用网页进行压缩
![e3cfeabe208c403a9fee2e9a1a149af5.png](https://i-blog.csdnimg.cn/blog_migrate/9b0373f5993800d281af3fa6d2c3f61f.jpeg)
笔者亲测,这个压缩网页平均可以压缩20%左右,对于大小就差一点的文件很有用。
网页地址:
在线压缩图像文件,并确保最佳质量和压缩程度。www.iloveimg.com![ae14e005ea9dba33729bfae5a33301df.png](https://i-blog.csdnimg.cn/blog_migrate/580f0b4d8892ae2c0d1834b5a0fdf09d.jpeg)
本来想写两部分,发现篇幅有点长了,好吧,一口吃不成胖子,第二部分就放到下篇文章里来介绍了!
文章有涯而学无涯,一篇文章是没办法把所有知识点说透的,有疑问就私信我吧,关注我,不迷路!
其他文章速览
chen aiken:【干货】一文读懂gif动图的原理&制作方法深度解析zhuanlan.zhihu.com![3f521f348c9b2a26547d4688e0325f94.png](https://i-blog.csdnimg.cn/blog_migrate/555155e838ec644198abf94376dce383.jpeg)
文章中的表情包已经上线,自己第一次做表情,很多地方不成熟,有意见建议可以私信我!
微信表情开放平台sticker.weixin.qq.com![5a0ff15367459f37190c9ff46a92f0a4.png](https://i-blog.csdnimg.cn/blog_migrate/c1eb914dcee39f60db4ccaba975aaac9.png)
下一篇文章预告:微信表情后台快速过审