

啊,Instagram——我的生活,我的爱,我的末日。垂涎别人的早午餐约会是我的一项官方爱好,但尽管我热爱 endlessly 滚动浏览那些我大部分都不认识的人看似美好的生活,但我更爱 Stories。它们快速、方便,而且有限的生命周期让我可以随意地玩乐,而不用毁掉我整个网格美学。
此外,Stories 允许你为你的照片和视频添加滤镜——这是如今社交媒体上最通用的功能之一。想装成一只可爱的啮齿动物玩耍?有这样的滤镜。想拥有丝滑的皮肤,试用你买不起的口红?有这样的滤镜。想看起来像 Pink Floyd 专辑的封面?好了,你懂的。
多年来,Instagram 的面部滤镜一直只由平台本身或少数有权访问Spark AR Studio 的工作室和创作者制作。Spark AR Studio 是 Facebook 专为创建自定义 AR 滤镜而设计的工具。但这种情况在 2019 年发生了改变,当时 Spark AR 的封闭测试版结束,任何人都可以使用该软件来制作自己的滤镜。
所以,作为一名 Instagram 成瘾者,我自愿成为贡品,开始学习如何制作滤镜——然后写下这篇文章,让你也能做到。
但在我们开始之前,有几件事你需要知道
创建 Instagram 滤镜并不难(如果你不想让它变得难的话)
构建滤镜可能会很复杂,但难度取决于你的想法有多么天马行空。如果你想坚持简单一些,可以在 Spark AR 中创建很多 2D 效果,这些效果不需要你进行任何动画制作,也不需要花费数小时去琢磨。
不需要经验,但有经验会更容易
如果你已经熟悉 Cinema 3D 或 Adobe Photoshop 等图形编辑程序,你可能会发现更容易上手 Spark AR。如果这是你第一次接触此类工具,请务必先探索和试验该平台。这将帮助你更好地了解它。
Spark AR 已经为你做了大部分工作
当 Facebook 向公众开放 Spark AR 时,它创建了一个创作者社区,为会员提供帮助、信息和灵感,让他们在新兴的滤镜制作艺术领域有所建树。此外,还有一个丰富的平台,提供内容、材料和教程,用于教育人们掌握所有滤镜相关知识。事实上,当你下载 Spark AR 时,你会看到一个菜单,里面有预设项目,如动画兔子面具、光线条纹和漂浮粒子。这些会让你对幕后各种滤镜的主要工作方式有一个很好的了解,同时你也可以随意修改它们,直到创造出完全属于你自己的东西。
如果你更大胆,想尝试动画 3D 对象,这里有一个预设元素的完整库供你添加到滤镜中,包括各种骷髅、精灵球、动漫角色,甚至还有一只逼真的跳舞螃蟹,原因不明。
由于我完全没有动画经验,并且我更喜欢极简效果,所以我将制作一个简单的 2D 滤镜。这样做足够简单,并且是滤镜制作的完美入门。你可以在一个项目中组合 2D 元素,单独使用它们,甚至将它们叠加起来,以创建更丰富的效果。
第一课——了解你的周围环境

下载 Spark AR Studio。它是免费的,易于安装,支持 Windows 10(64 位)和 macOS Mojave 10.14 及更高版本。安装完成后,你可以选择使用各种预设项目,或通过单击右下角的“创建项目”按钮,从头开始创建自己的滤镜。
Spark AR 将打开到默认工作区,该工作区分为四个区域。左上方是“场景面板”,它显示滤镜中对象的结构。默认情况下,你会看到“ambientLight0”和“directionalLight0”,它们是灯光元素。
场景面板下方是“素材面板”,其中包含描述场景面板中对象的各种素材。例如,如果你在场景面板中添加了一个红色矩形,颜色元素将出现在素材面板中。
中间的空间是“视口”。这将是你的主要工作空间,提供项目的两种视角。中心较大的那个显示你的滤镜中所有对象在设备摄像头范围内的样子。这将帮助你创建摄像头空间(随摄像头移动)或世界空间(无论摄像头如何移动都保持固定)中的效果。

在视口右上角,有一个名为“模拟器”的查看器,它显示你的滤镜的最终效果。默认情况下,你会看到你的作品在 iPhone 8 上的样子,但如果你将鼠标悬停在查看器上并点击设备名称,就可以更改它。选项涵盖了许多 iOS 设备(包括 iPad)和 Android 智能手机(包括三星 Galaxy、Google Pixel 和 Google Nexus 的某些版本)。

最后,在工作区的最右侧是“检查器面板”,它将显示场景中元素的属性,并允许你编辑颜色、纹理、位置、旋转和其他详细信息。
Spark AR 包含几个测试人脸,供你试用你的滤镜。你可以看到它们在不同性别和种族的人脸上的效果,还可以看到空白画布,甚至可以是你自己的脸。你可以通过单击场景面板左侧的摄像头图标,然后从弹出菜单中选择要使用的人脸来玩转你的选项。如果你想在你自己的脸上试用,请选择你的本地摄像头(Mac 上的 Facetime HD Camera),这样你就可以在你自己的脸上构建滤镜了。

在这个过程中,你可以在任何时候在 Instagram 应用上测试你的作品。只需点击素材面板左侧第二个按钮“发送到设备”,然后选择“发送到应用”。你可以通过点击每个按钮旁边的“发送”按钮,在 Facebook 和 Instagram 上进行测试。
如果你从未接触过 Microsoft Office 以外的软件,你可能会觉得这有点令人生畏,但别担心——一旦你开始实际操作,一切都会变得有意义。如果你需要额外的帮助,可以查看Spark AR 的界面导航指南。
第二课——通过更改背景进行传送
让我们从简单的开始。替换背景在技术上称为“分割”,这是一种基本但有趣的效果,具有无限的可能性。
1. 选择一张图片作为你的背景。你可以选择一张合适的照片,或者通过在 Photoshop 或任何其他图像编辑软件中调整颜色和效果来创作新的内容。我选择了一张哈勃太空望远镜拍摄的仙后座气泡星云的照片。当然,你想传送到那里——就连名字都很酷。
2. 添加两个矩形。一个将用作背景(就像绿幕一样),另一个将显示你的脸,同时去除你现实世界中的背景。前往“场景面板”右下角,点击“添加对象”,向下滚动弹出菜单,然后选择“矩形”。这样做两次。默认情况下,你的矩形将显示为“Rectangle0”和“Rectangle1”,但为了避免混淆,最好更改它们的名称。例如,我将“Rectangle0”改为了“Background”,将“Rectangle1”改为了“Foreground”。要做到这一点,双击名称,会出现一个字段。确保两个矩形都嵌套在“canvas0”下。这意味着它们都是该元素的“子级”,并且会受到你对其“父级”所做的任何更改的影响。
3. 设置矩形的大小。点击“背景”矩形(以前称为“Rectangle0”),你将在右侧的检查器面板中看到它的属性。点击“大小”字段,然后点击出现的“填充宽度”和“填充高度”下拉菜单。无论用户使用哪种设备,这都会使矩形的大小随之变化。对第二个矩形也这样做。你的视口将被矩形完全覆盖,它们将显示为称为“alpha”的棋盘格图案。这意味着它们是透明的,但它们仍然存在。

4. 分离图层。默认情况下,你添加的任何对象都会加入你最后工作的图层。如果你不希望它在那里,你必须将其移动到另一个图层。为了让分割效果生效,你需要将矩形放在不同的图层上,以便背景在前景之后渲染。要做到这一点,在场景面板中点击“背景”矩形。在右侧的检查器面板中,点击“图层”字段,然后选择“创建新图层”。如果你愿意,可以通过点击场景面板右上角的“图层”选项卡,然后逐个双击每个图层的名称来重命名图层。
5. 创建新材质。现在该给那些透明矩形赋予实体了。这就是“材质”的作用。你将通过在场景面板中选择每个矩形,然后在右侧的检查器面板中点击“材质”旁边的加号来为每个矩形分配自己的材质。当你第二次这样做时,你会看到一个下拉菜单,提供现有材质或创建新材质的选项。选择后者。
一旦你选择了你的材质,它们就会出现在素材面板中,最好也给它们重命名以保持条理。当你选择素材面板中的材质时,你会在检查器面板中看到许多新选项。你可以更改颜色、纹理、不透明度、混合等。如果你想尝试你的滤镜,玩转这些选项,看看你能创造出什么。

6. 创建一个分割纹理。这将把你的摄像头捕捉到的任何视频转换为纹理,这意味着它会将你(或你摄像头对准的任何人)与背景分开。在场景面板中,点击“摄像头”,然后在检查器面板中,点击“分割”旁边的加号。一个新素材将出现在素材面板中,默认名为“personSegmentationMaskTexture0”。
7. 为前景材质添加“纹理提取”。首先,在场景面板中点击“摄像头”,然后在检查器面板中,点击“纹理提取”旁边的加号。另一个素材将出现在素材面板中,名为“cameraTexture0”。
要将其用作新纹理,请点击素材面板中的前景材质。在检查器面板中,将“着色器类型”(顶部的第一个项目)更改为“平面”,这将为该材质赋予平面 2D 元素属性。如果你想赋予它体积效果(适合 3D),“物理基准”选项是一个不错的选择。你也可以尝试这些选项,看看你能自己创造出什么类型的效果。
在“漫射”(检查器面板中的第二个项目)下,找到“纹理”,然后从下拉菜单中选择“cameraTexture0”。向下滚动,勾选“Alpha”旁边的框(它看起来像是“关闭”的,但点击右侧的框会使其显示),然后在“纹理”字段中,打开下拉菜单并选择“personSegmentationMaskTexture0”。
8. 更改背景。可能看起来什么都没发生,但你快完成了。你已经为你的滤镜奠定了基础,现在所有你需要做的就是更改背景。点击“Background_Material”,然后在检查器面板的“漫射”下,将颜色更改为与摄像头中的主体形成对比的颜色。通过更改“遮罩大小”和“边缘柔和度”,这将有助于你调整分割的边缘。当你点击“personSegmentationMaskTexture0”时,你会在检查器面板中找到这些选项。
如果你喜欢色块,你可以在这里停下来,尝试不同的背景颜色。但既然可以去到星系,为什么还要这样做呢?让我们来更改背景。
选择你的“Background_material”,然后在“漫射”下,将颜色重置为白色。向下滚动,在“纹理”下,点击“从电脑选择文件”,然后上传你想要用作背景的图片。请记住,大型照片文件可能过大,Instagram 或 Facebook 无法无缝处理,所以尽量保持文件大小轻巧。我使用了一个 720x734 像素、大约 86KB 的图像,程序运行有点迟缓。
9. 添加一点闪光。虽然将自己传送到仙后座可能听起来很酷,但还不够酷。除非你周围有一些闪闪发光的光点。这被称为漂浮粒子效果,是 Instagram 滤镜中的常见功能。将它应用到你的滤镜中会相当容易,而且可以高度定制。

首先,在场景面板中,点击“添加对象”,然后一直滚动到列表末尾,选择“粒子系统”。你会注意到视口中出现了一个新元素,它在查看器中间发射着 alpha 方块。这就是你的发射器,而 alpha 方块就是粒子。
当你创建发射器时,它将出现在场景面板中,位于你的前景矩形下方,这意味着它默认会受到“焦点距离”(摄像头下方的第二个选项)的影响。如果你想创建“世界”效果,请点击发射器的名称(默认为“emitter0”),将其向下拖动并放在“麦克风”下方。这将使发射器成为一个独立的对象。
你会注意到发射器有三根箭头。它们代表 X(红色)、Y(绿色)和 Z(蓝色)轴,你可以拖动它们来改变发射器的位置。此外,当你点击发射器的名称时,你会找到所有可自定义选项的列表。我们将通过其中的一些。

- 位置、缩放和旋转:这些都有 X、Y 和 Z 字段,可以帮助你在相对于摄像头的位置(位置)、粒子在各个方向的传播距离(缩放)以及角度(旋转)进行移动。你可以尝试这些字段的值(正数和负数)来创建你想要的效果。
- 发射器:你可以选择要使用的发射器类型。由于我有一个固定的背景——如果移动摄像头,它不会移动——我将使用“环形发射器”,它会在球形半径内喷射粒子。这将创建一个“世界”效果,使一些粒子看起来离摄像头更近,而另一些则更远。
- 自定义粒子:“出生率”决定了发射器将释放的粒子数量。你想要的粒子越多,这个数字就越高。“速度”、“缩放”和“生命周期”不言自明——第一个决定了你的粒子移动的速度;第二个:你的粒子有多大;第三个:你的粒子在消失之前能持续多久。
- 力:这就像重力。如果你改变 Y 轴的值,你会注意到你的粒子看起来更轻或更重。0.05 的值会减慢你的粒子的速度——值越低,粒子就越重。
10. 添加材质。到目前为止,你只有粒子的概念;简单的 alpha 方块在你滤镜周围漂浮。现在,是时候添加材质了。选中场景面板中的发射器,然后在检查器面板中向下滚动,点击“材质”旁边的加号,然后选择“创建新”。一个新元素将出现在素材面板中。双击它并将其重命名为“Particle_material”。
你会注意到你的粒子已经改变了。我的粒子变成了黄色,但你的可能变成了其他颜色(如果是这样,别担心)。在素材面板中选择“Particle_material”,然后在检查器面板中,点击“着色器类型”下拉菜单并选择“平面”。如果你使用的是 2D 粒子效果,这一切都有效,但如果你使用的是具有 3D 效果的东西,则可以使用“物理基准”。再往下,在“着色器属性”下,在“纹理”旁边,点击“从电脑选择文件”选项。会打开一个资源管理器窗口,你可以在其中选择任何你喜欢的图片。

无论你选择什么图片作为粒子的纹理,都必须具有透明背景。大多数情况下,你可以在 PNG 格式的图片中找到这类文件,只需简单地在 Google 图片上搜索即可。我在 Google 图片上搜索了“spark, filetype:.png”,并选择了最喜欢的一张。一旦有了带有自己纹理的粒子,你可能需要重新调整你的发射器。我回去将粒子调大了(从 0.01 调到 0.05)。
恭喜!你制作了你的第一个 Instagram 滤镜。接下来做什么?
11. 分享你的新滤镜。为此,你需要将其上传到 Spark AR Hub,在那里你还可以设置图标和示例视频供用户查看。在那里,你的面部滤镜将由 Instagram 的支持团队进行审查,他们最多需要 10 天时间进行检查。如果他们认为你的滤镜符合平台社区准则,它将在 Instagram 画廊、你的个人资料、Stories 中以及通过分享链接提供。
首先点击素材面板左侧的“导出”按钮(一个向上的箭头)。在那里,将你的项目保存为 arexport 文件,然后你需要将其上传到 Spark AR Hub。导出完成后,程序会自动引导你到那里。
Spark AR 是一个多功能的工具,它并不那么用户友好,但它因提供给想要创建 Instagram 滤镜的用户的大量可能性而脱颖而出。只要有少许想象力和微调,仅分割和粒子发射器效果就足以启动无数的体验。有很多内容可供你学习和尝试,所以这只是一个投入时间和玩转它的问题。
现在,恕我失陪,我要去发一些 Stories 了。
