1、贴纸制作平台概述

贴纸制作平台是专为设计师打造的、用来轻松实现贴纸素材与人脸关键点位置进行对齐、调整的可视化工具。

目前，贴纸制作平台仅对外开放网页版，需要您导入原始素材，在平台中进行参数、状态调整，调整完成后导出贴纸素材描述文件——config.json文件。

进行开发时，您需要将贴纸素材、config.json文件一起打包成zip包，导入项目即可使用贴纸素材。

2、贴纸资源包定义

2.1 概述

开发者开发时，需要对一个贴纸资源包进行处理。

一个完整的贴纸素材包应该包括：

2.2 导入的素材

设计贴纸效果时，您需要导入贴纸素材包到平台。如果您的贴纸效果包含多个素材元素（比如分开的人脸跟随和固定素材），每一个素材需要使用单独的文件夹放置。导入时将所有文件夹直接压缩为zip格式的压缩包。

对于您导入的素材包，有如下格式要求：

• 1.素材包格式：zip格式。
• 2.素材格式：素材可为图片或序列帧。图片和序列帧格式为RGBA类型（含透明通道）的PNG。素材最小分辨率为50x50，在制作素材时尽量减少无效的透明区域。
• 3.素材放置位置：同一个素材的序列帧，放在一个文件夹中。例如，“兔子耳朵”序列帧，都应放到同一个文件夹“ears”中。素材放置位置：同一个素材的序列帧，放在一个文件夹中。例如，“兔子耳朵”序列帧，都应放到同一个文件夹“ears”中。
• 4.素材文件夹命名：英文与数字。
• 5.贴纸素材图片命名：[文件夹名]_[序号].png，序号范围为0~999。例如，ears_000.png、ears_001.png。
• 6.导入时，将贴纸效果的所有素材文件夹全部选中并压缩，重命名即可。

2.3 导出的文件

调整完参数后，您需要导出贴纸素材描述文件。

点击屏幕右上角“导出文件”，即可下载生成的贴纸素材描述文件——config.json 文件（您可在Json模式中，预览代码内容）。

3、制作使用步骤

3.1 进入工具

输入IP地址，进入工具。起始页面如下图所示：

3.2 导入素材

点击页面左上角“导入素材”，选择素材zip包导入到工具面板，调整素材参数。

3.3 调整参数、状态

导入素材后，在右侧“素材”面板调节相应的素材参数（包括位置、大小等）、状态。设置完数值后即可看到预览效果。

• 1.调整素材大小：建议导入较高清素材（比如适用于1080p场景的素材），然后使用“缩放比例”调整素材与人脸的相对大小。
• 2.调整素材位置：可使用三类模式调整：中心绑定关键点、绑定人脸区域和一直出现。
• 3.调整素材叠加层次：排列素材图层顺序。
• 4.调整动画播放：调整动画播放速率及循环方式。

3.4 导出文件

完成素材参数、状态设置以后，点击右上角“导出文件”，即可将生成的config文件保存到本地。

3.5 生成贴纸资源包

将config.json文件添加到原有的素材zip包中，得到的新zip包为贴纸资源包，即生成了贴纸资源包。

贴纸资源包可用于开发者使用开发，将贴纸效果上传至集成了Face++美颜SDK的app中。

4、素材参数说明

4.1 概述

素材参数围绕素材的“显示方式”设置，不同的素材显示方式，对应着不同的参数。

贴纸制作平台总共定义了3种显示方式模式，如下：

此外，素材的叠加层次（图层），依据素材文件夹的显示顺序定义，即第一个显示的素材叠加层次为1，第二个显示的素材叠加层次为2，以此类推。

当显示方式为一直出现时，素材将被置于最底层，”叠加层次“的设置将失去意义。

4.2 中心绑定关键点

在此种显示方式下，素材的中心吸附在人脸某个关键点上。具体参数说明如下：

*Z轴：

• 人脸的各个点有深度信息，Z轴为各个点的深度调整值。
• Z轴为绑定点的相对值，例如：帽子在绑定 43点（鼻梁的点），但是帽子在深度上要比 43点 距离屏幕更远，这时候就需要进行调整，例如设置 Z 为 -100；
• Z轴 正数 代表距离屏幕更近，负数 代表距离屏幕更远。

Z轴的推荐设置如下：

4.3 绑定人脸区域

在此种显示方式下，素材的中心吸附在人脸中心点上。具体参数说明如下：

4.4 一直出现

在此种显示方式下，素材作为全屏贴纸使用，不依赖于任何点。具体参数说明如下：