QQ表情包超详细小白制作上架教程

用户头像
上海/UI设计师/7年前/9405浏览
QQ表情包超详细小白制作上架教程

表情包除了上传微信还可以上传到哪里呢,新教程,欢迎交流~

微信表情制作上传教程:https://www.zcool.com.cn/article/ZODc0Njk2.html


我们做好了一套表情包,除了可以上传到微信,还有其他几个平台(QQ、搜狗、line)也可以上传。

这篇文章主要是告诉大家上传到QQ上要注意的事项,希望能对大家有所帮助。


一、确定表情主题

QQ上我就用之前的赖皮猪表情做示范,在发一次赖皮猪表情教程

https://www.zcool.com.cn/article/ZODc0Njk2.html


二、了解设计规范,进行绘制表情包

QQ表情官方设计规范地址:

https://yuanchuang.qq.com/html/design_rule.html?rnd=0.1988592697225393


由图可见,我们需要:

1、表情主图:16个(与微信不同,只可以16个),gif格式,尺寸300x300 px

2、表情缩略图:与主图数量一致,png格式,尺寸300x300 px

3、图标类:有7个,各种各样的颜色和尺寸,都是根据你的一个图标变化来的


与微信的不同:

1、不需要制作详情页主图

2、图标的尺寸样式比微信多

3、表情动画gif和png尺寸和微信不同,gif需要3px白色描边

4、不需要赞赏图和致谢图


三、绘制上传需要的文件

因为我们是上传的微信那一套表情,所以就基本只有尺寸的变化。下面开始吧~


QQ上传地址(企鹅原创开放平台):

https://yuanchuang.qq.com/html/dashboard.html?rnd=0.30159639318581655


选择上传新作品 - 原创表情


1. 填写表情信息


2. 上传图标

这里的图标我就选择微信上用的聊天面板图标。


从上到下说明:

a.18x18_color

   需要你做尺寸为18x18px的图片,图片命名为18x18_color


b.18x18_blue

   尺寸还是为18x18px的图片,但是颜色为蓝色,这个蓝色没有具体的色值要求,只要是蓝色就可以,我的快捷操作方法如下:

给这个图修改色相,调至蓝色的风格即可。


c.60x60_gray

   需要你做尺寸为60x60px的图片,图片命名为60x60_gray,这个灰色没有具体的色值要求,只要是灰色就可以,我的快捷操作方法如下:


d.200x200

  需要你做尺寸为200x200px的图片,图片命名为200x200,只需要做这一个尺寸,其他的尺寸是自动生成的。


e.其他非正方形尺寸

   以第一个尺寸126x112为例,我的制作方法如下:

    菜单-图像-图像大小,调出这个界面,先把尺寸改为宽高中最小的一个,这个例子是应该以高为基准,将图像尺寸改为112x122。


然后用裁剪工具,更改宽度。

同样的方法制作其他的尺寸,如果遇到图片质量超过要求,可以用在这个网址(https://www.iloveimg.com/zh-cn/compress-image)进行压缩,然后下一步。


3. 上传表情
我是用的之前微信上传的那一套,之前我们是240x240 px,描边是2px,

qq的要求是300x300 px,描边是3px,可以用省事的方法,就是直接用微信的那套导出的时候尺寸增大到300x300 px,这样描边也会等比例增大接近是3px,这样是可以审核通过的

严谨的小伙伴可以自己按要求制作~


4. 预览效果

检查下没有问题就可以提交审核了~


下面说一些容易出现的问题:

1. 图标的制作那块,蓝色和灰色没有特定的要求,我的方法审核通过3套了

2.上传的时候GIF尺寸为300x300px,需要3px白色描边;PNG尺寸为300x300px ,不需要描边

3.图片大小有限制的,在保证动画效果的同时去掉不必要的帧,导出gif时可以降低色彩。推荐一个在线压缩图片质量的网站:https://www.iloveimg.com/zh-cn/compress-image/compress-gif

4.审核后是直接上架的,不需要选择上架时间

5.如果遇到审核未通过上面写 建议修改 的,是在这里查看审核不通过的原因,我也是无意间才找到:

6.上架后如果有问题是不可以退回修改的,只能删除重新提交,所以一定要填好准确的信息

7.补充一条:第一次上传模糊记得是要制作一张赞赏图,尺寸忘记了(尴尬),这个图以后是通用的~



另外qq表情包,数据可是非常喜人的,非常有利于增加信心呀,哈哈,展示下我之前的一个数据~

 


最后欢迎大家QQ表情搜索 赖皮猪 或者识别下图二维码下载表情包~

感谢观看~~


100
举报
|
125
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】活动icon
钱包ui模板
UI通用设计素材1
UI应用平面图标
手表表盘UI系列
3D渐变流体抽象矢量UI背景图
【新年UI图标】体育icon
森系3D渐变流体抽象矢量UI背景图
【新年UI图标】积分icon
户外旅行飞机情侣假日出行
【新年UI图标】旅行icon
UI界面 组件
UI 登录界面设计模板包
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】相机icon
新能源APP应用UIKit
科技医疗透明柜UI界面设计
我的钱包-UI界面设计-app
Security Camera UI kit
【新年UI图标】银行卡icon
你可能喜欢
大家都在看
登录注册