1.3.36

微信 表情包教程 投稿小经验分享

上海/艺术工作者/7年前/13374浏览
微信 表情包教程 投稿小经验分享

从构思绘制到投稿,总结的一些小技巧~

设计过程中遇到不少问题,上架之后发现大家都特别想设计一套自己的表情包,感觉超酷的~~~

想想干脆写个小总结 欢迎大家纠正讨论分享~


此处先附上最终效果,有些为了控制在100K内所以压缩了有噪点,手机上看是不影响的哈,所以最最重要的还是要在手机上测试噢~


8daa599e57e3a80121ad7bc9af80.jpg

所用软件:AI/PS/手绘板(绘制形象)+PS(用于描边和格式转换)+AE/Flash(用于动效制作)第一次做选自己最熟悉的软件就好了~

适合对象:超想创作属于自己的表情包的小白同学们!!


考虑到想要做出比较流畅的gif动画,也咨询了相关的朋友,建议用AE/Flash,后期个人觉得确实用动画软件比ps方便有效多了


声明下之前完全没有接触过AE,也是第一套表情包,从形象构思-动画设计-上架过程中遇到了不少坑 这里主要是分享一些小技巧,避免大家入坑,如下:


一、制作规范及如何通过审核(动态表情审核大概需要一周时间,静态三天左右,所以最好检查好了一次性能通过~)

二、形象设计及关键词

三、动画设计(怎样在不影响动画丰富和流畅度的情况下,将尺寸控制在100k内!!!)



接下来是重点啦~



1、先注册登录微信表情开放平台 看下制作规范上传规则什么的

      可以上传单品和专辑(单品要和专辑一起上传才会审核),专辑16/24个

      表情主图:要求背景透明,240*240,大小100k以内,gif格式有白色2px描边,必须先将尺寸调到240*240,再描边2px,描边后不要再调整大小了,以免有锯齿

      表情缩略图:最好是能体现这个动作的精华部分,要求背景透明,120*120, 大小50k以内,png格式无描边

      详情页横幅: JPEG 或 PNG 格式,750 ×400 像素,不超过 80KB,能够体现表情包的整体风格,要求画面丰富,有故事性(故事性是个什么鬼~)

      聊天页图标:50*50 像素,不超过30KB,就是让用户下载之后在聊天面板方便看到,比较小建议头部就可以

      赞赏引导图和致谢图:750*560和750 ×750,就是让用户赞赏和赞赏完感谢一下(这点我做的时候太激动了都没看到,要上传了才发现没做。。。)

      如何通过审核:写在最前面,因为很多小细节是做的时候就要注意的噢  等一套做完我想已经没有那么多耐心再回头来修改细节了吧   首先做的过程中就要考虑到边角的平滑度,动态表情的节奏要流畅不卡顿,风格要统一,审核规则还是要仔细看看的,具体很多细节问题可以在群里咨询下大神,问清楚再下手,可以避免重复工作噢


 2、咱们的小源宝是个小农民的形象,性格特征就是勤劳呆萌,这里结合了一些相关的元素,比如蔬菜锄头什么的 为了避免涉及到侵权,字体也是用手写的

     一开始没有想法的时候就多参考分析一下做的比较好的表情(如微信表情平台top前30),可以多观察周围人群使用频率比较高的一些词汇,然后进行关键词筛选,主要是日常用语、表达情绪、网络流行语之类,再结合自己的想法,想到什么就画下来,再选择最喜欢的动作(动作越简越有代表性),然后手稿拖进PS或者AI或者AE,用钢笔工具描出来想要的形象(具体操作可以百度,方法都一样,我这里是直接在AE里描的,方便直接操控路径锚点)要注意的一点就是每个部位最好都分图层放,而且要命名区分开,后期调整动画的时候会方便很多!!!


      具体在AE里面的设置需要注意的几点如下:

      ①新建合成文件设置大小,我设的1500*1500 (这里的大小跟后期gif大小没有关系 所以无所谓大一些 方便调整修改)

      ②帧速率!!!曾经因为全部都做好了但是大小一直缩不到100k内差点崩溃  后来经大神提点 1s设置10个帧其实就差不多了(也许只有我没发现是这个原因) 帧速率这里改为10帧(主要控制gif大小的就是帧数和颜色 在不影响动作的前提下帧数越少越好)

      ③持续时间:就是动画时间啦 一般表情包设置为3s内就ok了(直接输入300) 如图所示 然后保存aep文件命名为表情1 (嗯 随手保存很重要~ 设计师都懂的)这里我把背景色改成暗色调了  长时间对着电脑快瞎了要。。。(背景最后的导出是透明的 所以什么颜色都无所谓 看着舒服就好 为什么是绿色 因为护眼啊哈哈哈)

c1b55997e473000000212978f757.jpg

     2a4d5997f23ea80121560337e01a.jpg

      ④导出格式:选中所有要合成的图层,CTRL+M导出,格式选择QuickTime,通道选择RGB+Alpha,输出到可以设置名称指定保存位置,单击渲染就可以导出啦,因为AE没有直接导出gif的功能,只能先导出QuickTime再从ps改尺寸加描边导出gif(一定要选择RGB+Alpha背景才会透明噢如下图:

89d5599d4b51a80121ad7b7e3b1c.jpg

      ⑤格式转换:很多小伙伴一直纠结在说要一帧一帧的加描边,然鹅!!!我发现将AE导出的MOV文件直接拖进PS,这样就可以直接给视频文件加描边啦,接着ctrl+shift+alt+s存储为web格式噢,格式选择gif,如果超过了100k就调整“颜色”和“损耗”,循环选择“永远”(保险起见最好控制到98k以内,我存的99k保存完发现都100k了。。)保存好通过“文件传输助手”发到手机端测试看看效果噢 最好聊天背景白色黑色都试试看) 具体操作如图:


bcb7599d50b5a80121ad7b3597a2.jpg8a57599d50d0a80121ad7bdef595.jpgb31f599d52b2a801201794d65a30.jpg


3、要符合动画的设计原理,比如扭头这个整个身体都要随之变化而不是单纯的位移,这样就不太好玩了,Q萌的形象动作也要Q软弹性一点,动作幅度最好大一点,在手机上看才比较明显

     要了解下控制gif大小的主要就是帧数和颜色  在能保证动作流畅的前提下当然帧数啊颜色什么的越少越好(这个我也是多次试验之后才觉悟的。。。)所以我们设计的形象颜色一定要统一鲜明,动作要明显

      而且有很多常用动作都是循环的,比如挥手、点头、走路等等等等,第一帧和最后一帧可以无缝衔接的,这种循环动作就可以节省很多帧了,只要在关键的地方设置关键帧动作,就可以塑造一种循环有趣的动态效果

      总结下来控制在100k的秘诀就是:①帧数越少越好(1s10帧左右就差不多啦,也要视情况而定) ps里调节颜色和损耗度(具体见上述格式转换)

      详细动作的设计过程我就不一一介绍了,网上视频教程都能找到的,(有问题的可以留言噢,看到会回复的哈)

      

       以上是我通过这次动态表情设计总结的经验,第一次写教程,希望对想做表情的小伙伴有帮助,写的不好多多包涵!

       最后,觉得有用就点个赞吧!谢谢!~

  






141
Report
|
122
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Be the first to comment
Log in