Spark AR —— Photoshop 制作 Spark AR 的人脸面具(遮罩)模板(一)

1,643 阅读3分钟

本文已参与掘金创作者训练营第三期「高产更文」赛道,详情查看:掘力计划|创作者训练营第三期正在进行,「写」出个人影响力

Spark AR 是 Facebook 免费创作 AR 作品的平台,使用户能够为 Facebook 和 Instagram 创建交互式增强现实体验,超过 40 万名创作者,190个国家/地区,使用 Spark AR 来创作自己的AR作品

由于该软件无需任何编码知识即可使用,因此任何人现在都可以在 AR 世界中几乎没有经验地制作下一个疯狂式传播的 Instagram AR 特效,引领世界潮流。

专门的 AR 滤镜设计师单价甚至可达到 1000 美元到 3 万美元不等。

138036852_707059806666018_6792357302375165048_n.gif

本文将介绍如何使用面具模板创建自定义面具和妆容纹理,并导出到 Spark AR Studio 。 人脸面具(遮罩)模板是一个 PSD 文件,可以在 Adobe®Photoshop® 图像编辑软件中打开。

人脸面具(遮罩)模板的下载链接

链接:pan.baidu.com/s/10Krfku_M… 提取码:x1qv

我们将首先看看 PSD 文件的结构,并解释每个图层是为创建纹理的特定部分起到何种作用。我们还将解释如何优化你创建的纹理。

面具的结构及其图层层次

当你打开这个文件时,你会看到面具模板是一个由许多不同层组成的 3D 人脸模型的 2D 展开的表示。

我们在模板的第一层包含了一个面具纹理样本。它在图层面板中被列为蓝色老虎纹理

image.png

层组和图层

面具模板由不同的图层组组成。只要点击任何你不想使用的图层组或图层名的左边的小眼睛图标就可以关闭它,这样它就会被隐藏了。

下面我们将更详细地介绍每一个图层。

线框层组

image.png

线框层组包含两个层,它们一起代表了 Spark AR 3D 人脸网格的 2D 展开的版本。

这些图层上的网格线帮助你保持在面部网格的边界内,并让你知道使用你的效果的人的特征将在哪里。

使用线条来指导你绘制纹理。

image.png

跟踪层组

image.png

跟踪层组包含一个层,当你制作面部效果时,用于定位 Spark AR 跟踪的面部部分(关键点)。

在创建纹理时注意这些关键点是很有帮助的

image.png

妆容层组

image.png

这个图层组将帮助你绘制美妆纹理。根据眼线眼影嘴唇的形状来正确地定位妆容。

image.png

脸部特征层组

image.png

面部特征图层组有四个图层。脸型蒙版层将最终的蒙版纹理自然地混合到用户的脸上,所以将它保留在你的项目中是一个好主意。

image.png

使用眼睛鼻子嘴巴层来隔离脸部的这些特定部分,然后使用它们作为绘制纹理的指导。

这些图层可以导入到 Spark AR Studio,无需任何编辑,并与 FaceTracker 纹理一起使用,以复制用户的面部特征,并将它们放置在你希望的任何地方。例如,在他们的额头上放一个使用者的嘴的复制品。

image.png

人脸层组

image.png

image.png

这一组包含女性化的面孔和男性化的面孔层。它们会帮助你更详细地观察面部特征,比如眉毛的开始和结束,或者嘴唇的大小。

image.png

背景层组

白色和黑色的背景层只是为了帮助你在工作时更清楚地看到其他层。

image.png

如下,可以更容易看清白色线框层和黑色线框层

image.png

image.png

优化你的纹理并输出到 Spark AR Studio

下回分解

输出可见的层

下回分解

选择合适的尺寸

下回分解

选择合适的格式

下回分解

使用Save for Web功能来优化文件大小

下回分解