首页 > 表情包设计 > 如何制作微信表情包动态图-如何制作动态微信表情| 超可爱的保姆级教程
2024
02-19

如何制作微信表情包动态图-如何制作动态微信表情| 超可爱的保姆级教程

(世间万物皆不可测,没想到ML有一天也会写教程)

保姆级教程来了✨✨

从想法到完成的十天超详细信息(如此官方)

我的表情包叫这个

这是一个动态捕获的帧

整套看起来是这样的

没错,它的名字叫《米无非与小屁股》,现已上架(羞耻(░´㉨`░)

——————从开始到上线的过程——————

(ps:详细教程会在下一篇博客发!推文!)

这个想法是3月10日提出的,3月13日开始起草。 由于制作生锈、拖延,于3月23日完工。 (画了五天,十天里拖了五天……反思)我当天晚上就完成并提交了。 我等了又等。 3月28日,这个消息传来时,我非常兴奋。 我仔细一看,居然没有通过审核(啊?

我讨厌更换它! 重新提交! (新上传的图片

(未经授权不得使用)

最后! ! 4月9日,我收到了一个激动人心的消息! ! 审核通过!!

(说明:第二次提交正好赶上平台系统更新,导致审核延迟了几天,所以审核其实不会很慢。)而且这次更新的表情包不再需要白边框了。 等我画完了我才会更新。

预定9号晚上的发售日期。 哇,明天我就有 101 个朋友了。 按道理来说,我应该避免。 但! 我和菲菲只想尽快看到我们亲爱的表情包! 然后! 《米无非与小屁股》将于4月10日上映! !

好了,废话不多说,开始制作吧!请看下面的干货信息

————————这是干巴巴的信息————————————

表情符号的绘制

第一步就是起草! 把想到的表情都画出来!我大概画了60多个草稿,然后经过筛选和调整,选出了下面24个表情。

把我们画的草稿拍下来上传到电脑建立文件夹放置后,草稿阶段就完成了✅

然后就是电脑绘图阶段。至于什么绘图软件,你用你习惯的绘图软件就可以了。 比如我用我最熟悉的SAI来画画。

因为我要做的微信表情包是动态的,而SAI没有动画功能,所以我想出了一个新手方法供大家参考。 这个方法最终看起来像这样。

好像还是不太明白?我们从头开始分解吧

第一步是打开 SAI 并使用如上所示的设置创建一个新画布。

宽带高度10 背景必须设置为透明! ! ! 至于那种透明的就看个人喜好了吉祥物,这里我选择深色格子

第二步,将草稿拖过去,它将成为一个单独的画布。

我们需要将其复制并粘贴到透明画布上,并将图层命名为草稿。 接下来我们需要降低透明度,以便更容易绘制线条,如上图所示。

第三步是画线并给它上色。 因为是动画表情包,我们不能只画一个,所以得开动我们的小脑袋! (首先将您画的第一个命名为 1,以避免混淆。

我们将1复制并粘贴到一个新图层并将其命名为2。调整并重画我们想要移动的部分。 上面的第 2 层是第二层。

是不是有很大的区别呢? 动起来就明显了~

那么我在第 2 层上调整了什么? 我的手、肥厚的头发和脸以及其他小细节。 (这里有一个查看动态效果的小技巧,关闭第2层栏前面的小眼睛!不要关闭第1层的小眼睛,然后反复点击第2层的小眼睛!就会出现一种运动的错觉,可以在绘画时看看这样的效果)

完成第1层和第2层后,动态表情包的两帧就在SAI中画好了✅接下来,使用PS将它们制作成动画~

但在此之前我们如何让它们进入 PS 呢?

这两个图层要分两部分保存。首先,关闭图层2上的小眼睛,打开图层1上的小眼睛。单击文件“导出到指定格式”,然后单击psd格式的第二行。

无论您的表达式命名为哪个文件名,都会弹出这个小窗口。 (例:这个演示表达式是第16个,所以我的文件名为16)点击确定,保存第1层

对第2层重复上述操作,只不过文件名多了一个“.2”,以区分第1层和第2层的表达方式。

保存图标看起来像这样

然后。 按顺序正确保存您绘制的从 1、2、3 到 24 的每个表情符号,然后将其拉到一个新文件夹中,我在此将其命名为“Emoji Pack PS Backup”。

等一下,微信表情包平台对表情包有要求!但是别用完就无法使用(那就惨了)

看一下主表情图(这是我们制作的),像素限制为240×240! 不能超过 100kb。 (大家关注微信表情开放平台,里面的《制作规范》非常详细,一定要仔细阅读。)

回到教程。 打开PS,点击新建,将像素高和宽改为240。背景白色。 单击“创建”。然后

单击“窗口”。 单击“时间线”,将出现时间线。 (这个很重要!

然后打开之前创建的文件夹“Emoticon Pack PS Backup”,点击并按住Emoticon Pack 10ip形象,然后将其拖入PS中。 (这次PS教程使用表情包10作为演示,不太顺眼。那为什么上面的截图是1呢,因为我截图的时候忘记点击表情包10了)

以下是亮点! 小脑袋,你准备好了吗?

放置完第10层后,点击“创建帧动画”,然后就会出现左下角的东西。 接下来我们把10.2图层拖到PS后面~

打开第 10.2 层的小眼睛,关闭第 10 层的小眼睛。

到左下角区域,点击指向辣的红色箭头! 获取第二帧!

继续左下角区域~点击这两个框,将“无延迟”改为“0.1”或“0.2”秒(可以点击两者看哪一个合适,我一般用0.2)。 单击下面的“一次”表示“永远”。 上图是修改后的。

接下来我们需要删除白色背景并将其设置为透明背景。 按住电脑键盘上的“shift”同时选择第一帧和第二帧,然后关闭背景中的小眼睛! 表情背景变透明了! (一定要把两个表情背景都设为透明~)

然后,选择第一帧,关闭10.2层的小眼睛,打开10层的小眼睛。如图

接下来反其道而行之,选择第二帧,关闭第10层的小眼睛,打开第10.2层的小眼睛。 完成这两步后,点击“永远”旁边的“暂停构建”▶️就可以看到表情包动起来了! ! (本来想发10个表情动画但不知道怎么发,想象一下吧!或者下载我的表情包“米无非和小屁股”看看我的动作效果。)

那么如何添加白色边框呢? (现在微信平台已经不需要白边框了,不想要白边框的小朋友可以跳过这一步)点击右下角的“fx”图标(截图中“fx”被遮住了),点击“描边”第三行!

然后会弹出“图层样式”,选择红圈内的2个像素,位置“外侧”(应该和图片一模一样),点击确定。

然后点击图层10.2,用同样的方法给图层10.2添加描边~

(:个人比较喜欢加白边框,使用时不会和聊天背景图案混在一起。而且,如果表情包有文字,加白边框会更清晰。当然如何制作微信表情包动态图,是否要加不加看个人选择)

走到这一步了! 我们已经完成了这张动态主图10! 如何导出? 直接出口是不可能的!

正确的保存方法:点击文件,点击“导出”,找到“另存为网页格式”点击! 然后弹出保存的窗口(这个窗口我忘记截图了…),点击保存(´-ω-`)一切都会好起来的!

保存前旁边有一个“预览”。 我们最好点击一下看看是否有错误。 尺寸为240×240,大小为40k。 是的! 满足平台要求! 下一步是像上面的教程一样制作 24 个表情符号。

完成后我松了口气……但是,天真的孩子! 事情并没有这样结束~但是我们已经完成了一大半了。 我们还有表情符号缩略图、详细信息页面横幅、表情符号封面图像和聊天面板图标! 如果启用打赏,还必须填写个人主页信息、打赏图片、感谢图等(部分图片背景不能为白色,请注意。我上次审核未通过的原因因为背景是白色的)

没关系。 这样做更容易。 只需要几个小时。 (在电脑上做这件事的时候,最好在手机上打开微信表情包开放平台,一一完成要求和说明后,就可以提交审核了~平台很详细,所以我不会再写更多了。

友情提醒:一定要养成保存备份的好习惯! 我的桌面已经被表情占据了(有点乱码)

好的! 祝小伙伴们表情包制作圆满成功~开心快乐~

ps:因为本文讲的是操作流程如何制作微信表情包动态图,至于动作怎么画、设计,就看你自己了(因为表情包最重要的不是操作,而是你自己特殊的风格和想法。加油!

——————这是分割线—————————

终于! 《米无非和小屁股》欢迎大家使用和推荐(害羞…我爱你~

链接及二维码/s/AAyrEO7#wechat_redirect

平时也会画一些小画~经常更新在LOFTER和微博上~ LOFTER:gogo puppy 微博:gogo puppy hook

欢迎大家来和我一起玩~博吉!

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计