【超详细总结】制作微信动态表情的思路和方法

在微信表情搜索贪吃龙即可下载

霸王龙,有个帅气的英文名:T-Rex。我画的是T-Rex家族的一只未成年小奶龙,霸气不足软萌有余。爱吃肉和手短都是不可抗拒的家族基因。

贪吃龙表情包一共有16个表情,就不全放上来啦。

严格的说,这篇文章主要是自我总结设计思路和制作方法,不算教程,但也会讲到一些制作动画和压缩gif的技巧,希望能给其他人带来帮助。当然我的方法不是标准答案,只是方法之一。


所谓自我提升:

作为一个设计师,插画技能必须点一点。多做尝试总没有坏处。并且我也想通过这次画表情包可以更熟练的使用Ai画图。

所谓自我满足:

画自己喜欢的东西就是一种自我满足。在工作上你不能随你喜好去做事情,但是在你自己创造的世界里可以。所以我每隔一段时间就总想创造些什么。

万一会火呢:

可能每个画表情包的都有这样的想法吧。其实看看成功案例能总结出一些规律:色彩单一、线条简洁、表情平淡或夸张。这样的表情包接受程度高,我想是因为代入感强的关系。

对比起来我的小恐龙不太有优势,但出于前面提到的两个原因,我还是把它完成了。

在开始画表情包前,我先了解了下平台规范(搜索“微信表情开放平台”)。


了解到:所需要的表情数量(16或24个)、尺寸(240*240),官方不建议含有的内容(医疗、美容、保健等)。

心里有了个数后,顺便完成了注册。下面就可以开始制作表情包了。

STEP1 选择自己感兴趣的题材

我很久之前就一直想画一套表情包,但也一直没有好的想法。直到最近看完侏罗纪世界2,突然对我去年在环球影城买的软萌小恐龙又燃起了爱意,很想为它画一套表情包。

兴趣驱动力是很强大的,因此我也建议你们第一套表情包选择自己最喜欢最想画的题材,女朋友也好,宠物也好,自己也好,总之是能让你像打了鸡血一样画到深夜的东西。

在坏球影城买的小恐龙

画你喜欢的东西还有个好处,你很了解它,或者是有不错的参照物。

我手绘功底差,在画趴着时不知道怎么画,后来让它给摆了个姿势就明白了。这可是宝贵的第一手资料,和去网上搜一个别人画好的姿势照着画的体验是不一样的。


STEP2 设定你的角色

角色设定影响着表情包的主题和内容。比如我就想做一个贪吃小恐龙的形象,那么表情包大部分的内容就是围绕着吃的。如此目标用户也很明确:吃货,特别是肉食动物。

同时因为这是一只霸王龙,手短是不可避免的家族基因,也是个萌点。


网络图片


STEP3 画草稿,给角色定型

大概想清楚了之后就先画草稿。不太会画画的也不要怕动笔,你看我刚开始画的是这样子的。


by 灵魂画手

我的草稿风格比较狂躁,画多之后小恐龙才慢慢的成形。草稿必须多画,才能找到最佳方案。

可以看到刚开始时候的草稿中牙齿比较多,还有肚脐眼,我本来还打算把爪子画出来。但作为表情包,细节太多的话在手机上显得繁琐,不突出。细节取舍很重要。更何况恐龙是蛋生不是胎生,没有肚脐眼(???)。

我想把一些小龙好玩的性格加进去,例如发笑是因为挠痒痒,睡觉会梦见鸡腿等等。不过可能会导致这样一个问题:细节太多会减少使用者的代入感。



STEP4 选择设计软件

我选择了Ai画表情包,Ae做动画,Ps制作Gif。这之后将说到的用Ae的路径参数做简单动画的技巧和用Ps压缩Gif的方法。

如果要用AE做动画,我强烈建议用Ai画。因为可以直接导入成矢量图形,并且Ai的图形工具很棒。

不过因为Ai我比较初级,画的方法比较野生,就不多说误导大家了。可以在各大设计网站上搜索“Ai教程”有针对性的学习。

我在画完后往往还会导出png格式发到微信上看一看。也因此舍弃了一些让表情过于复杂的细节。


step5 用AE自带路径效果快速做动画

以下内容阅读需要有AE基础。AE学习方法同样可以到各大网站搜索或报班学习。我这里只讲思路、技巧,具体方法和参数需要你自己去试一试。

*如果你不是用AE制作动画,可以跳过这一步阅读下一步中用PS压缩gif的技巧

下面这个小龙的外轮廓的线条是通过添加AE自带路径效果“扭转”实现的。用这个方法的好处是你可以快速看到效果,并不需要去逐个调节线条的节点。


我添加扭转效果的图层只是外轮廓的线条,里面的五官是配合动作进行的位移动画。实际用了扭转效果的图层效果如下:

线条动画幅度并不大。但对于这个动画来说很重要,显得不那么呆板。

具体添加方法如下:展开轮廓图层的小三角,再点击下图中标红的按钮。需要注意的是,这个图层必须是形状图层(名称前会有个五角星的符号)。如果你是从Ai导入,那么需要右键将图层转化为形状。

添加菜单里有很多路径效果可以添加。我常用的是“扭转”和“摆动变换”

有时候用扭转会使线条露出,这时我还用到效果菜单里的“网格变形”将线条拉回去。

至于摆动变换我最常用在文字动画上。可以看到下图中,每个“哈”字动的幅度都不一样。其实他们全部位于同一个形状图层(文字图层可以右键转形状),再通过添加“摆动变换”调节参数,就能达到这种不同时运动的效果。


使文字上下移动只需展开摆动变换中的变换,在位置关键帧打点。(注意是摆动变换中的位置)

为了保证Gif能无缝循环,第一帧和最后一帧的参数最好一样。

再讲个好用快捷的动画抖动方法。注意到下图小鸡的抖动了吗?


方法很简单,在“位置”、“缩放”属性添加表达式:wiggle(x,y)。参数你可以自己试一试。

添加表达式的方法是:按alt点击下图中左边标红框的按钮。


跑步的时候加入一点抖动也会让动作自然很多。

step6 用PS压缩gif

你是否碰到过导出的GIF过大或色彩失真的问题?其实用ps导出gif的话很好解决。

首先导出的视频文件帧数不要太高。贪吃龙用的fps是8帧一秒,长度一般在1秒内。

然后用ps打开视频文件,ctrl+shift+alt+S存储为web格式,格式设为gif。此时你可以观察优化后的图像右下角显示的大小是否达标(微信要求卡通表情在100kb以内)。

如果大小过大或在选择64色、32色压缩GIF时色彩失真,你可以先选择256色。然后用左侧的吸管工具(快捷键 i )在左边图片上吸取主色。每吸一个颜色就锁上(下图中色板下方标红的按钮)。我在压缩小恐龙时,它的脸蛋周围出现锯齿,因此我就把粉色全锁上,情况就好很多。


锁完主要颜色,你再选择64色、32色时,失真的问题应该就解决了。

step7 发布事宜

按照官方规范,还需要提交头图、缩略图等素材。具体要求自己去“微信官方平台”看哦。

审核时间3-5个工作日,之后会有通知预约上架时间。

红框中的一句话我当时没有注意到。也就是说只要你愿意等足够多的时间,在新品推荐中,你的表情包会排的很前。

所以,和节日有关的表情包可以尽早开始制作哦!


谢谢看到这里的朋友

贪吃龙表情包目前确实存在一些问题,我下次会改进的!

自我总结问题:

线粗细不一致

龙的大小不统一

一些细节不统一:大家可以来玩大家来找茬啊



图片发自简书App
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容

  • 微信表情投稿的狂潮要来了!! 微信表情投稿的狂潮要来了!! 微信表情投稿的狂潮要来了!! *★,°*:.☆\( ̄▽...
    Ben_14cf阅读 24,715评论 2 80
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生x阅读 15,967评论 3 119
  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 7,403评论 0 53
  • 7月1日,商业健康保险个人所得税试点政策将推广到全国范围实施。 这是中国大陆首例能够税前扣除的健康保险产品,此项政...
    鼎源万家阅读 1,618评论 0 2
  • 石竹相伴观情趣,不问朝午夕阳序,竹映朱霞节更劲,石立大地心不虚。 原创作品 (Original Article)
    一诗一境界阅读 241评论 0 0