制作你自己的 Instagram 滤镜

啊，Instagram——我的生活，我的爱，我的厄运。对别人的早午餐之旅垂涎不已是我的一个正式爱好，但尽管我喜欢无休止地浏览那些我大多不认识的人看似美好的生活，但我更喜欢故事。它们快捷、简单，而且它们有限的生命周期让我可以随心所欲地胡闹，而不会破坏我的整个网格美感。

此外，Stories 还允许您为照片和视频添加滤镜——这是当今社交媒体上用途最广泛的功能之一。想像一只可爱的啮齿动物一样四处玩耍吗？有一个滤镜可以做到这一点。想拥有光滑的肌肤并尝试买不起的口红吗？有一个滤镜可以做到这一点。想看起来像 Pink Floyd 专辑的封面吗？好吧，你明白了。

多年来，Instagram 的脸部滤镜仅由平台本身或少数能够使用 Spark AR Studio 的工作室和创作者制作，Spark AR Studio 是 Facebook 专门为其平台创建自定义 AR 滤镜而设计的工具。但这种情况在 2019 年发生了变化，当时 Spark AR 的封闭测试版结束，任何梦想制作自己的滤镜的人都可以使用该软件。

因此，作为 Instagram 迷，我自愿致敬并着手学习如何制作滤镜，然后写下来，这样你也可以做到。

但在开始之前，您需要了解一些事情：

创建 Instagram 滤镜并不难（如果你不想那么难的话）

构建滤镜可能很复杂，但难度取决于你的想法有多复杂。如果你想坚持做简单的事情，你可以在 Spark AR 中创建大量 2D 效果，而不需要你制作任何动画或花费数小时来弄清楚事情。

无需经验，但可让事情变得更容易

如果您已经熟悉 Cinema 3D 或 Adob​​e 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 相机），然后您就可以在自己的脸上构建滤镜。

在此过程中的任何时候，您都可以在 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”。

要将其用作新纹理，请单击 Assets 面板中的前景材质。在 Inspector 面板中，将Shader Type （顶部第一个项目）更改为Flat ，这将使此材质具有平面 2D 元素的属性。如果您想为其添加体积效果（非常适合 3D）， Physically-Based选项是一个不错的选择。您还可以尝试使用这些选项，看看您可以自己想出什么类型的效果。

在Diffuse （检查器面板中的第二项）下，找到Texture并从下拉菜单中选择cameraTexture0 。在下面，选中Alpha旁边的框（它看起来像是“关闭的”，但单击右侧的框会使其出现），然后在Texture字段中，打开下拉菜单并选择personSegmentationMaskTexture0 。

8. 更改背景。看起来好像什么都没发生，但您已经快完成了。您已经为滤镜设置了基础，现在只需更改背景。单击Background_Material ，然后在 Inspector 面板的Diffuse下，将颜色更改为与相机中的主体形成对比的颜色。这将帮助您通过更改Mask Size和Edge Softness来调整分割的边缘。单击personSegmentationMaskTexture0时，您会在 Inspector 面板中找到这些选项。

如果你喜欢色块，你可以停下脚步，尝试不同的背景颜色。但是当你能得到一个星座时，为什么要这么做呢？让我们改变那个背景。

选择Background_material ，然后在Diffuse下将颜色重置为白色。在下方的Texture下，单击从计算机中选择文件并上传要用作背景的图片。请记住，大型照片文件可能太大，Instagram 或 Facebook 无法无缝处理，因此请尽量保持轻量。我使用了一张 720 x 734 像素的图像，重约 86KB，程序有点慢。

9. 添加一点闪光。虽然将自己传送到仙后座看起来很酷，但这还不够酷。除非你周围有一些闪亮的闪光点。这被称为漂浮粒子效果，它是 Instagram 滤镜中的常见功能。将其应用于你的滤镜将非常容易且高度可定制。

首先，在“场景”面板中，单击“添加对象” ，然后一直向下滚动到列表末尾以选择“粒子系统” 。您会注意到视口中有一个新元素，它会在查看器中间发射 alpha 方块。这是您的发射器，alpha 方块是粒子。

创建发射器时，它将出现在“场景”面板的前景矩形下，这意味着默认情况下它将受焦距元素（相机下的第二个元素）的影响。如果您想创建“世界”效果，请单击发射器的名称（默认情况下为“emitter0”），将其向下拖动并放在麦克风下方。这将使发射器成为一个独立的对象。

您会注意到发射器上有三个箭头。它们代表 X（红色）、Y（绿色）和 Z（蓝色）轴，您可以拖动它们来改变发射器的位置。此外，当您点击发射器的名称时，您会找到所有可能的可自定义选项的列表。我们将介绍其中的一些。

• 位置、比例和旋转：这些都有 X、Y 和 Z 字段，可帮助您根据相机（位置）、粒子在每个方向上移动的距离（比例）和角度（旋转）来移动发射器。您可以使用这些字段的值（正数和负数）来创建所需的效果。
• 发射器：您可以选择要使用的发射器类型。由于我有一个固定的背景（即使我们移动相机，它也不会移动），因此我将使用环形发射器，它将以球形半径喷射粒子。这将创建一个“世界”效果，使一些粒子看起来离相机更近，而另一些粒子看起来离相机更远。
• 自定义粒子：出生率决定了发射器将释放的粒子数量。你想要的粒子越多，这个数字就越高。速度、规模和寿命是不言而喻的——第一个决定了粒子移动的速度；第二个决定了粒子的大小；第三个决定了粒子在消失前能持续多长时间。
• 力：这类似于重力。如果您调整 Y 轴上的值，您会注意到粒子会显得更轻或更重。值为 0.05 会减慢粒子的速度——值越低，粒子就越重。

10. 添加材质。到目前为止，您只了解粒子的概念；简单的 alpha 方块漂浮在滤镜周围。现在，是时候添加材质了。在“场景”面板中选择发射器，转到“检查”面板，向下滚动，单击“材质”旁边的加号，然后选择“新建” 。资产面板上将出现一个新元素。双击它并将其重命名为“Particle_material”。

您会注意到粒子会发生变化。我的粒子变成了黄色，但您的粒子可能变成了其他颜色（如果是这种情况，请不要担心）。在 Assets 面板中选择Particle_material ，然后在 Inspector 面板中，单击Shader Type下拉菜单并选择Flat 。如果您使用的是 2D 粒子效果，则所有这些都有效，但如果您使用的是具有 3D 效果的效果，则可以改用Physically-Based 。再往下，在Shader properties下，在Texture旁边，单击Choose file from computer选项。将打开一个资源管理器窗口，您可以选择任何您喜欢的文件。

无论你最终为粒子使用什么图像，都必须具有透明背景。大多数情况下，你只需在 Google 图片上进行简单的搜索，就能找到 PNG 格式的此类文件。我在 Google 图片上搜索了“spark, filetype:.png”，并选择了我最喜欢的一个。一旦你拥有了具有自己纹理的粒子，你可能需要重新调整发射器。我回去把粒子放大了（从 0.01 到 0.05）。

恭喜！您制作了第一个 Instagram 滤镜。接下来做什么？

11. 分享您的新滤镜。为此，您必须将其上传到 Spark AR 中心，您还可以在其中设置图标和示例视频供用户查看。上传到那里后，Instagram 的支持团队将审核您的面部滤镜，他们将最多花 10 天时间进行检查。如果他们确定您的滤镜符合平台的社区准则，它将在 Instagram 图库、您的个人资料、故事中以及通过共享链接提供。

首先单击“资源”面板左侧的“导出”按钮（向上箭头）。到达那里后，将您的项目保存为导出文件，然后您必须将其上传到 Spark AR 中心。导出完成后，程序会自动引导您到那里。

Spark AR 是一款多功能工具，虽然使用起来并不方便，但它为想要创建 Instagram 滤镜的用户提供了大量的可能性，因此脱颖而出。只需一点想象力和调整，分割和粒子发射器效果就可以带来无数的体验。有很多内容可供您学习和尝试，所以您只需投入时间和尝试即可。

现在，请原谅我，我有一些故事要发布。