当前位置: 首页 > 设计资讯 > 设计教程 > 正文

学习表情制作的历程

2018-08-07 1105 0

 首先,介绍下我学习表情制作的历程,最早是12年在大学里学习ps时发现,原来ps还可以做动图,通过在网站上一些发布的教程,自己也琢磨出了方法,完成了自己的第一套QQ表情。
 

这是当初的一套像素表情,差不多是模仿的一个教程完成的,具体教程我忘了是哪个了,但我知道了ps做动图的基本原理。后来还用这个原理来配合AE完成了自己的一个动画作品《超级L的秘密》,因为早期做动画朋友和老师都推荐学flash,但从未接触过设计软件的我,在第一次接触软件时就是flash,还特么是自学(我本科是平面设计,学习木有动画专业),于是对flash植入了深深的阴影,至今也不会拿它做东西。但我知道,那时候已经开始出现了QQ里的魔法表情动画,大多都是flash制作完成的。我已经用着仅会的AE和PS来做动画。

 

第二次真正意义上的开始制作一套表情是从我进入万合天宜后开始的,那会儿《万万没想到》也刚刚火起来,我是以特效师的身份进入了万合,但后期技能几乎都有涉猎,所以在《万万没想到》第一季结束之后,叫兽想着做一套王大锤的QQ表情,但又没想好怎么去设计,我记得那时候网络上还没有出现过真人的QQ表情,几乎都是卡通表情,当然,那会使用官方表情的平台也就那么几个,QQ、微信、微博等几个主流平台会加入一些网络上比较火的卡通形象表情。由于是第一次制作真人的表情,叫兽也给了十足的信心,那句话我一直记得,“没人做,那我们就做第一个吃螃蟹的人,引领潮流,今后别人肯定也会用真人来制作表情”。如今也见证了叫兽的超强市场嗅觉力。 而这次表情的制作确实让我涨经验不少。


 


 

首先受到了一份腾讯的表情制作规范,无非几个要求:


 

第一,表情宽高比在200*200px;


 

第二,大小为30kb以内;


 

第三,一套表情至少16个;


 

第四,动态表情格式为gif,静态为png,带通道;


 

还有一个神奇的第五,腾讯得觉得好看合适。


 

我被这个神奇的第五打回来过好多回,也是因为我自身的不严谨和没经验所致。当审核通过之后,对方还会要求你把表情再制作几个不同的规格大小来投放在不同平台使用,例如可能还需要你提供60*60px,100*100px以及表情首页图等等。当时在制作王大锤表情时我没少被这第二条为难,30kb以内,由于我是使用PS来完制作,所以大小控制让我非常头疼,动画帧数一旦过多,大小就一定超过了30kb,而动画一旦丰富必然帧数就会多,当超出范围并不是很大时,我可能就会选择降低画质来保存动画的流畅性。具体方法如图。


 


 

降低画质的办法有2个,在我图中标绿的范围里,我会将颜色层次降低到16位,或者32位,这样会严重影响画面的颜色丰富度,当然如果你画面本身颜色并不是很多的情况下也没有多大关系,例如暴走漫画的表情,颜色就是黑白灰,有时候多一点红(你懂的)。所以这个颜色选项就可以极大的优化gif文件大小。当你的画面颜色比较丰富时,降低颜色层次是一件很蛋疼的事,如下图你会发现使用不同颜色层次是参数,画面效果的对比。


 

 


 

分别是色彩最丰富的256-8位,依次降低层次,但文件大小同样也是在直线压缩,这个时候就得根据你的画面来取舍你的颜色了。


 

 例如近期在制作的这套表情,颜色绘制的比较丰富,但大小一直压不下来,这个时候还有一种方法,那就是降低画质了,但这种方式只使用与大小的微调因为损耗增加后文件大小的幅度并不是非常大。例如我在制作唐僧的时候,颜色画的比较丰富,但我不想降低颜色的层次,32位已经是我能容忍的极限了,于是我只能通过增加损耗来控制大小。


 


 

 经过我的测试,你通过上图中看到两张图片的损耗对比,不难发现下图中的噪点确实会多不少,但大小却得到了控制,但我通过把这张损耗72的表情输出后,导入微信里查看,其实由于图片只有200*200px的缘故,这样的损耗几乎也是看不出来的,但遗憾的是在PC端和移动端QQ平台,200*200px的像素会比较大,而损耗也比较容易看出来,所以不到万不得已还是不推荐使用损耗来压缩文件。

 

 而在真人表情制作流程中,同样还会遇到这样几个问题。

市场部大哥:“喂,小超啊。咱们《XX》电影即将上线,能帮我们做套表情呗。”

小超:“人物表情素材给我提供下吧。最好是拍摄的动态影片,打光要好,表情要丰富。”

市场部大哥:“那是这样的,我们的艺人很忙的,可能没时间拍这些素材,要不这样吧,《XX》电影里有他很多镜头,要不你从里边找合适的吧。”

小超“·····”

 遇到这种情况也是常有的,因为现在越来越多的电影,电视剧,网剧都开始做各类营销与宣传,表情制作也成为了其中必不可少的一环,但很少有人能知道或者意识到这个正确的流程与方式,于是从电影截图出来的表情就有这样的案例。


 


 

 这是电影《天台》的QQ表情,典型的从电影截图来完成的作品,当然这个表情做的很不错,人物表情与字幕搭配得都非常好。这就是事先并没有拍摄合适的人物表情素材,只能从影片当中去挖掘了,其实想想,设计师如果拥有那些艺人的一个专属表情库,直接从里边挑出能够给自己带来灵感的表情,合适的表情得多好。可惜前期并没有拍摄,稍微好点的可能还会有些定妆照可以看看是否有合适的素材,又或者单独给艺人拍摄了一些表情的照片。这时候可能就可以制作成这样的表情了。


 


 

 这些都是差不多直接用照片把人物抠下来贴上文字,并不是说这样不OK,当然OK。这也是一种形式。以及还有Bigbang的一套。


 


 

 这种形式跟上面《天台》和《同桌的你》有所不同的是,人物的头是真人,而身体就卡通化了,相比之下这种形象又是一种更萌,更有卡通感的表情。但同样的,他们几乎都是采用了文字配人物的这种形式。我想设计师有时候也并不是想一定得加个文字,因为素材有限,你只给我提供他们的某些影视作品,或者定妆照,我常常会找不到合适的表情来制作呀,所以人物表情并没有太明显的情感,那设计师只能通过添加文字来表现咯。而有时候这些配的文字与人物表情感觉并不搭,所以也就并没达到能传达用户情感的功能。

这种形式有个问题,就是如果人物不够火,表情又缺少合适的能传达用户情感的点,那表情的传播性是肯定会大打折扣的。当然,听腾讯负责表情的朋友说Bigbang这套表情数据还挺高的,这到底是表情本身制作非常不错呢还是Bigbang的人气摆在那呢?大家见仁见智吧。

 我们在网络上常常会看到很多网友自己制作的特别有意思的表情,它的流传度还非常高,既不是名人又能被别人搜藏来使用他的表情,那它起码具备了能准确传达用户情感的属性。例如:


 

 

抱歉,我是用自己微信搜藏截图过来的,没有找到动图。不过相信一些小伙伴也都看到过。 = =
 

 像这类表情都是网友自行从影片里截动图来制作完成的,有些并非名人大腕,但表情依旧能感染用户,所以传播性也就随之而来了。大家不难发现,我选择的这几个表情与上述的表情又有一些区别,那就是木有配文字!没错!一张优秀的表情图,不用添加任何文字就能够充分传达出用户的情感,还不失逗比。所以我们常常会使用很多“野表情”来在微信与QQ里频繁使用,因为这些野表情非常搞笑,魔性,震撼等等因素,完美的能传达用户当时的意图。常常会有朋友问我,怎样把艺人的表情做动呢?不是那种简单的画面文字动两下,而是让艺人的表情有动作。例如这个王大锤的表情。


 


 

 先不评判这个表情制作水准哈,确实不咋地。我们可以看看这个表情是将人物头像与卡通身体结合的,但人物头像表情是有动的,而很多小伙伴往往在制作表情的时候,人物脸部一般都是单帧的。


 

 那么问题来了,我们给艺人在制作这样表情的时候怎样才能拥有这样的脸部动起来的效果呢?


 聪明的小伙伴已经知道了,动画的原理是多张图片按顺序播放来达到动态效果,既然脸部在动,那么人物的脸部同样也是需要事先做好这样的动作。这样就需要从前期入手了,拍摄人物表情素材。


 

第一,拍摄人物表情素材。


 

这里又分几种情况:


 

1,如果是自己制作好友表情,那就方便得多了。拿着摄像机给他拍摄一段影片素材,记得是影片素材哦。


 

2,让你的朋友做一些好玩搞笑的表情,可以用手机下载一些网络上的表情图让你的朋友模仿,这样会比较省事。


 

3,在拍摄时,最好是用清晰度较高的摄影机,当然iPhone6以上本人觉得都是OK的。


 

4,打光一定要均匀,脸部别出现阴阳脸,打平光比较合适。(你有特殊需求除外)


 

5,人物构图最好是半身像,头部不能出画。例如下图。


 


 

6,背景最好是纯色,方便你抠图。


 

7,如果是一些艺人需要制作,那就请在做服装的定妆照拍摄期的环节上,加上表情拍摄录制。所以这个是在前期就一定要做好相应准备的,这一点非常重要!希望做市场推广的朋友,如果有这方面表情制作需求,请在前期拍摄艺人相关试装照的时候就可以开始着手了。按照上述要求拍摄就OK啦。


 


 

第二,制作方法。

 

 有了影片素材,想要啥表情还怕找不到合适的么。里边已经有了这么多做好的表情了,随便暂停一帧都是一个表情,那再想想,如果我觉得艺人奸笑的表情做的非常nice,我可以从他做这个表情的动作就开始截图,截个几张动势就OK啦。如下图。


 

 


 

接下来要做的就是将这3张图的头导入PS都扣下来,加上自己绘制的卡通身体就OK了嘛。(帧数根据自身表情而定)这里值得注意的是人物的脸部调色,由于是真人表情,颜色的信息就会比卡通的要层次多许多,所以在保证画质的情况下,调节出最适合的颜色来搭配你绘制的卡通身体。色调一定要统一调,建议用调节层,不然单个调整会出现前后2帧颜色不均匀,播放动画时就忽明忽暗的闪。(PS动图制作基础知识不懂的小伙伴,可以自行百度教程哈,网络上的教程比我写的详细的多)


 


 

本文第一次写时忘记了点击“保存为草稿”,因为我看文字右上角有个提示“本地保存成功”。但当我关闭网


 

页后发现,尼玛写了大半天的东西木有了!!顿时我就桑心了,于是我历下祖训,下次写文章一定得先在本地写好后再传到网上,而不是直接在网上写。。。。


 

 其实截止到今天,我看到了特别多有意思的原创表情,有些是有特定形象,有些是电影截图等等,表情制作原理知道了后面就一通百通了,好比我多是用PS跟AE来创作,也有小伙伴用flash或maya,工具不局限,好玩才是重点嘛。乱七八糟的发表了一次乱七八糟的文章,也是一次探索,还有很多不足之处也希望能跟小伙伴们多多交流哈。


 


 


9
评论区(0)
正在加载评论...
相关推荐