zoukankan      html  css  js  c++  java
  • 手把手教你制作可以上线官方商店的微信动态表情包


    01_Why do you make an expression

    为什么做表情包

    前段时间大概是因为  看腻了  自己近七年的55分的长发发型,去剪了个空气刘海并将长发剪到下巴以上,为此欣喜了好久。

    这也许是大多数人的生活状态吧,长时间待在舒适区,无论是懒惰还是习惯,我们总是想要改变但始终没有去行动。做设计这么久,都是领到需求才去执行。这一次,由我自己给  自己提供需求 , 自己去执行 。

     02_How to make an expression

    如何制作表情包

     一、使用工具:

    所谓“工欲善其事,必先利其器”,在开始之前我们先来说下这次我们会使用到的一些软件:

      •   PS — 用来导出GIF  

      •  AI — 绘制表情包原型  

      •   AE — 制作动效 

     二、查看微信表情包上传规范 

    在制作表情包之前一定要先去看一下“微信表情制作规范”,其实微信规范一直在不断的迭代更新。比如,在我刚做好表情包的时候,以前是要在每个表情主图上都要加一个2cm的白边的,现在改了规则就不需要加了。所以无论我们之前做没做过表情包,都要事先再  明确  下规范。

     三、确定表情包内容 

    微信表情商店上架的“表情专辑”分两种:16个表情、24个表情。这次我选择的是16个表情,这样不会因为  拖沓  而最后完成不了~。

    然后我们找了一些发送量很高的表情包进行  分析 ,分析结果得出:高兴、快乐、哭泣、点头答应、委屈、你好等多为常用表情,也就是用户使用量最多的,除了这些,我们也可以再选些自己平时想用,却找不到的表情,加起来16个表情即可。

     四、 表情包形象制作 

    1. 草稿图

    所有的准备工作结束,那我们就可以真正开始制作了。

    先从草图开始,描绘表情包的卡通形象,这一次我设计的是一个套着猫衣服的齐刘海小女孩~因为自己剪了刘海嘛~比较形象一点,科科o(* ̄︶ ̄*)o。

    2. 上色-描边-表情动作定稿

    初稿的时候,其实大家也看到我最开始的设计是有一个小裙子,已代表“喵头嘤嘤”是个  女孩子 ,后来发现这对后期设计动作会带来比较大的难度,所以就放弃了。

    再强调一下在设计卡通形象时,需要注意的是:卡通形象设计要  简洁 ,无论是颜色还是设计的细节。这有利于后期的动作设计,也方便用户  记忆 ,最重要的是,在最后导出GIF的时候,要求是不能大于100KB,你的细节颜色越多,线条越多,都会对你的文件大小有一定的影响。

    经过无数的调整,我们的 “喵头嘤嘤” 终于诞生了~o(* ̄︶ ̄*)o开心~。

     五、 添加动画 

    到这里其实我们的表情包就已经可以上传到微信表情包平台,因为微信平台的上传方式是分:

    静态表情和动态表情两种 。

    那这里为了使“喵头嘤嘤”更加生动活泼,我们需要添加流畅的动画效果,用到的软件是AE。我们将AI做好的源文件导入到AE进行制作,因为我们240px的图要求是不能大于  100kb ,所以AE的设置改为了8帧/秒。

    这里就不细节的阐述如何用AE制作动画了。做动画需要知道运动规律,因为我也不是专业的,所以在做动画时时常会  盯着镜子去观察自己的动作 ,虽然很傻,哈哈哈。但也没有比这更好的方式了。然后再对动画一点点进行调整,比如下面拱脸的动作:

    这两个动态完全不一样,相差很多,左边的动态图只调整了脸部和手部的动效,而且帧数一共只有两帧,很少。但其实“嘤嘤”在动的时候,耳朵也会有一些微小的动画,加上耳部动效后,效果明显比第一个更  自然流畅 。

    所以在做动画的时候要无限的进行调整才可,也可以多参考些大神的动画效果,也可以像我这样多对着镜子进行动作分解,能做出超棒的动画效果,傻算的了什么 ~ 科科 o(* ̄︶ ̄*)o。

    最后,AE制作好后我们可以导入到PS里进行导出GIF图。我会在篇幅的最后附上“嘤嘤”的动态二维码供大家进行  参考 。

    03_Submit Your Applications

    提交微信平台审核

    那么,现在我们已经完成了所有的动态主图,然后将剩下的缩略图、详情页横幅等设计好后,一并上传到平台上等待审核。快的好像几天就有回复了,慢的可能要等上两个星期。

    一些  驳回理由  都会给标注的很仔细,比如图片大小、图片空白位置太多等都会一一标注。方便我们更明确的去修改~这一点微信平台真的做的很好~。

    以上,是我通过这次在制作动态表情的获得的经验,我也是第一次做表情包,也会有很多需要改进的地方,整套表情包做下来前前后后也花了近两个月的时间,因为时常会有工作穿插进来,所以时间上会长了很多。但这些并没有打消我的  积极性 ,每完成一个表情动画时,都像老母亲看着自己的孩子出生一样,哈哈哈哈哈哈,更加有动力了。

    最后的最后,当然会附上完整“喵头嘤嘤”的表情包给大家~希望对想做表情包的小伙伴有所帮助~~有兴趣就从现在开始动手去做吧!!不要再说没有时间啦~期待你们的  表情包  哦~~科科o(* ̄︶ ̄*)o

    编辑:千锋UI设计

    来源:UI设计之家

  • 相关阅读:
    java学生成绩管理系统
    7.19至7.25第八周学习情况
    8.12至8.18第七周学习情况
    8.5至8.11第六周学习情况
    7.29至8.4第五周学习情况
    《大道至简》读后感
    7.22至7.28第四周学习情况
    7.15至7.21第三周学习情况
    LeetCode 第三题:Longest Substring Without Repeating Characters
    哈希表(散列表)
  • 原文地址:https://www.cnblogs.com/leolei/p/9923237.html
Copyright © 2011-2022 走看看