教你如何制作微信表情包

用户头像
杭州/平面设计师/6年前/1737浏览
教你如何制作微信表情包
用户头像
Daisy_m

教你如何制作一套微信表情包

历时半个多月,我的表情包第一套表情包终于上架啦,在微信商店搜索"菜瓜"即可。或扫描下面的扫描二维码即可下载。



微信表情包需要提交以下内容:

1.表情主图(GIF 格式、16 张或 24 张)  

2.表情缩略图 (PNG 格式、与表情主图数量一一对应、注:不能出现白色描边)

3.聊天页图标 (1 张,PNG 格式)

4.表情封面图 (1 张,PNG格式)

5.详情页横幅(1 张,PNG或JPEG)


其实基本上表情主图做完了,其它都是洒洒水的事情了。首先,你需要设计让你满意的卡通形象,最重要也是最基础的。

如果是新手,或者着急上架的话可以选择只做 16张动图。用AI 绘制卡通人物形象后,导入到 PS 中,我是用 PS 的帧动画制作。其实也可以 AE 制作,但是我感觉有点小题大作了,PS制作表情包动图就够了。这里给大家普及下什么是帧动画吧。

帧动画是一种在连续的关键帧中分解动画动作,即在时间轴的每一帧上绘制不同内容并使之连续播放成动画的一种常见的动画形式。还记得小时候玩过的这个游戏吗?














……………………………………………………………………………………………………………………………………

接下来,以这个表情为栗子来说明我是如何制作表情的。


首先在 AI中,新建一个 240x240px 的画布,绘制好每一帧的画面。打开 ps,同样新建240x240px的画(注:需要是透明背景)。将你的第一帧画面拖入到 PS 中,可以选择粘贴为智能对象。


打开ps中的时间轴窗口,点击创建帧动画。


设置时间轴帧速率,24fps 


点击右边的"+"号,导入其它几帧画面。


导入成功后,点击转化为帧动画的按钮。














此时,图层面板上会出现视频组。给视频组添加白色描边2px。

注意:只有微信表情主图需要添加 2px 白色描边,其它不需要添加白色描边。不然微信审核不能过哦!


设置动画循环为永远。我把上面"耶"表情分为以下几个画面:抬手、比耶。在比耶的过程中,同时出现文字"耶"。并且对文字进行笔画的调整(主要针对笔画起笔和落笔,笔画位置)。同时出现星星元素,针对星星的大小和位置进行调整。


抬手

      



比耶

      



"比耶"一共用了 2 张图,然后就是重复这 2 张图。


关接下来就是对每一帧的时间进行设置,调试直到满意为止,最后文件导出的时候,选择GIF 格式导出,动画循环为永远。(注意:每张表情主图的文件大小不能超过500KB)

其他表情也是同样方法制作,通过不停的调试,直到动画让自己满意为止。

教程就先到这里啦,希望大家看完有所收获!不要忘记点赞哦!


35
举报
|
60
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
城市园林平面布局航拍
空的平台平面和自然景观
平面插画情侣/矢量
城阙凡花
“知识宅急送”外卖,快递,平面,海报,素材,教育
海底世界插画
平面设计 吊牌设计
平面男孩喝咖啡插画设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面书法字手写
空的平台平面和自然景观
城市园林平面布局航拍
古风平面仕女与瓷器
平面花卉图案扁平简约无缝拼接插画
玄关入门地毯印花图案红地毯
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面插画设计女孩喝咖啡
平面人物插画
城市园林平面布局航拍
倒计时,海报,平面
中国传统纹样创新图案设计
你可能喜欢
相关收藏夹
大家都在看
登录注册