在微信表情平台上架,让全世界看见你的创意!

什么是电绘-开始制作的第一步

无论参加比赛或是要设计制作吉祥物、微信表情,看到比赛规则的第一个疑问,就是尺寸与解析度的设定,如何制作出符合官方要求,又可以作为未来应用的图像,是设计前就必须好好考量的重点之一,至于要选择手绘或是电脑绘图,可以依照个人喜好,漂漂老师的朋友与学生,就有以:

1、手绘并且上色完稿后,再扫描适当尺寸进电脑进行尺寸设定;

2、手绘后扫描对应解析度的档案至电脑软体进行上色,再使用软体编排输出成适当尺寸;

3、以3D软体建立模型、设定材质后,算图输出;

4、使用平板电脑的绘图app设计,或以app制作草稿再进入电脑完成;

5、以Photoshop或Illustrator软体直接进行电绘设计;

6、采用最新的Wacom Bamboo Spark笔记本,在纸上绘制图像后,进行云端同步输出pdf格式档案,再到向量软体中编辑。

因此,绘制插图,可以使用多种技巧综合完成,也可以依照自己本身的专长,再以电绘软件完稿制作。

搞清楚尺寸与解析度

萤幕是以像素X像素组合出画面,由于表情符号最终的呈现是在手机、平板或电脑萤幕,因此当我们在制作微信表情时,设计单位即是以像素来进行构成。不过,如果设计好的微信表情之后还要设计输出周边商品,制作前就必须慎重考量以向量或是像素的方式。

以平面设计领域最多使用者应用的Adobe软体工具来作为区分:

• Adob​​e Photoshop 影像处理(以像素作为单位)

• Adob​​e Illustrator 插画制作、CIS设计(以向量方式进行设计)

Photoshop软件制作的档案以点阵图做为基础,所有影像由一个一个像素(pixel)组成,每一个像素代表一个RGB色彩的光点,影像在记录的当下,必须依据要完成的档案需要的解析度(dpi)进行保存,再加工制作。若影像在纪录的时候低于制作输出的要求,使用软体进行增加像素的运算会造成影像失真的状况,因此影像档案进行设计制作时只能缩小不能放大。 (有关Photoshop的应用,可参考漂漂老师相关的出版,如:ACA国际认证--Photoshop CS6视觉设计与影像处理 / 碁峰出版社) 而所谓的解析度是一个密度的单位,英文为dot per inch,缩写为dpi,代表的是每一平方英吋里有多少个像素的点,若制作的内容为萤幕使用,档案尺寸的定义仅需以像素X像素(如电脑)进行定义,若制作的内容完成物需进行平面印刷,档案尺寸的定义则须先经由确认要输出的尺寸,进行所需解析度的换算,得出档案需要的像素X像素的大小。

制作与所需解析度的对应说明:

Illustrator软件制作的档案以向量做为基础,在软件里制作的图像由数学的方式记录,有座标(x,y)的点组成,制作时我们使用工具画出图形,软件则记录图形的座标位置,因此当设计时进行图形的放大缩小,软体会以相对座标的方式进行放大缩小的运算,图形没有失真的状况,一般以可自行创作的插画图像为主,在制作上特色多应用于公仔图像、图样设计、LOGO以及CIS设计,可表现个人天马行空的图像创意,所需记录的资料为单一单一的节点资讯,因此档案尺寸相对为小。 (有关Illustrator的应用,可参考漂漂老师相关的出版,如:ACA国际认证:Illustrator CS6插画设计与数位绘图 / 碁峰出版社)。

破解官方要求格式

无论是微信表情、其他社群平台通讯软件的表情贴图、手机或平版的介面设计,由于使用的平台呈现是萤幕,因此尺寸规格以像素作为单位,并且画面以RGB色光模式组成,

微信表情的图片设定(资料参考来源 微信表情平台设计原则) 分表情专辑素材(表情主图、表情缩略图、详情页横幅、表情封面图、聊天面板图标)及表情单品素材(表情主图、表情缩略图)两种,根据不同的图像有GIF、 PNG两种格式,以设定透明背景或动态,刚开始创作的可以从表情单品素材进行格式与平台审核要求的了解。

表情专辑素材格式 表情单品素材格式

表情主图 - 在聊天界面中发送的图片

素材要求

• GIF 格式,240×240像素,每张档案不超过 100 KB

• 数量只能16或24张

• 图案外围要添加2px的白色描边

• 只能选择动态或静态其中一种,动态表情设置循环播放,节奏流畅不卡顿

• 图片设置为背景透明

• 不能出现正方形边框,避免表情主体出现生硬的直角边缘

• 图片布局需合理安排,每张图片不应有过多留白

• 同一套表情的各个表情须风格统一

在设计时,可以从主图先开始进行角色形象确认,接着再延伸出不同表情、动作的16或24张图片,图像设计要注意去背干净,并且图案外围添加 2 px的白色描边,太满画面与背景去背不干净的图片,会无法通过审核。


表情缩略图 - 在聊天页和详情页展示的静态图,与表情主图一一对应

素材要求

• 表情专辑:120 ×120 像素,每张不超过 50 KB

• 表情单品:240 ×240 像素,每张不超过 60 KB

• 与主图数量一致,并一一对应,动态表情选取能够表现主图的关键帧

• 不需要添加白色描边

• 须设置为背景透明

• 不要出现正方形边框,避免表情主体出现生硬的直角边缘

• 合理安排图片布局,每张图片不应有过多留白

表情排列的顺序可以有技巧的把同类型,或是对比差异大的放在一组,由于表情在使用时是一次八张分上下两行,因此常使用的表情也可以放在八张的角落,以方便辨识与使用。

您的打赏与推荐将会是漂漂老师持续创作与出版的动力,请多多支持分享喔!谢谢您!