Matrix 是少數派的寫作社區，我們主張分享真實的產品體驗，有實用價值的經驗與思考。我們會不定期挑選 Matrix 最優質的文章，展示來自用戶的最真實的體驗和觀點。

文章代表作者個人觀點，少數派僅對標題和排版略作修改。

很多朋友前陣子可能在各大平臺上看到過一款濾鏡「你是迪斯尼的哪個角色 whichDisneyAreYou」，其實這是 instagram 平臺的一款濾鏡，但并非官方推出，而是用戶自己制作，那么如何制作自己的 Instagram 濾鏡呢？今天就來全方位教你！

先來看看最終效果，我做的「你是哪個寶可夢 whichPokemonAreYou」濾鏡。

which Pokemon are you? 首先需要一個 Instagram 賬號，或者 Facebook 賬號，在這兩個平臺都可發布自己的濾鏡。 下載 Facebook 官方推出的制作濾鏡的工具 Spark AR Studio。Spark AR Studio

首先來大致列一下制作濾鏡需要考慮哪些方面的內容：

素材：主要包括你要用在濾鏡中的圖片素材，比如 Pokemon 濾鏡中的「問題頁」圖片，和各個寶可夢的圖片； 場景：要將這些素材內容放在什么位置，比如在頭部上方； 邏輯：使用什么邏輯來控制濾鏡，例如如何觸發各種特效。

然后來了解一個這款濾鏡編輯器的主要功能區。

左上角是場景區域，左下角是素材區，中間上方用來預覽你的濾鏡效果（默認就是一個黑人小哥一直搖頭晃腦展示你的濾鏡），中間下方是濾鏡的所有邏輯（如果沒有這個區域，可以在菜單欄 View 中打開），右方是屬性區。

編輯器主界面

下面我就以這個 Pokemon 濾鏡為例，展示一下如何從頭開始制作一款濾鏡。由于這款濾鏡邏輯之復雜，相信你做過這款濾鏡后再無懼任何濾鏡的制作哈哈。

首先我們來設想一下這款濾鏡的最基礎功能：

在頭部上方出現 which Pokemon are you 的圖片； 等待一小段時間； 開始出現各個寶可夢的圖片，并快速切換； 等待一小段時間； 圖片停在某一個寶可夢。

等一下，你是否曾有一瞬間認為這種濾鏡的匹配并非隨機，而是各種人臉識別深度學習？但顯然沒有這么高級，之所以有時候給人好像最終選擇的圖片和人有相似之處的錯覺，可能是人們會主動去尋找相似之處。 咦，這不是星座學嗎？？

按照我們之前提到的三部分，來一步步進行濾鏡的制作：

放入問題頁的素材：點擊菜單欄 Add -> Material 來添加素材，命名為「question」，點擊 Texture -> Choose File 選擇提前準備好的「問題頁」圖片，你會看到左下角出現一個 Textures 里包含了你選擇的圖片。 放入寶可夢序列的素材：再次點擊菜單欄 Add -> Material 來添加素材，命名為「answer」，點擊 Texture 中 左邊的箭頭 ，選擇 New Animation Sequence 建立一個動畫序列，在這個動畫序列里點擊 Texture -> Choose File， 同時選擇 你要循環播放的 所有圖片 ，這些圖片就會自動形成一個動畫序列。 完成素材添加 建立場景：因為我們希望將圖片固定在頭部上方的位置，隨著人頭移動，因此點擊 Add -> Scene Understanding -> Face Tracker 添加一個臉部跟蹤器。 因為我們的圖片效果是平面，右鍵 Face Tracker 點擊 Add -> Plane，點擊 Plane，在其屬性欄的 Material 中 + 添加前面定義的 question。在中間上方的區域，可以移動、旋轉或縮放該圖片，也可以直接在屬性欄定義，我們將圖片上移到黑人的額頭。 繼續添加定義好的動畫序列，一樣的步驟：右鍵 Face Tracker 點擊 Add -> Plane，點擊 Plane，在其屬性欄的 Material 中 + 添加前面定義的 answer。將它調整到和 question 一樣大小和位置，可以直接復制 question 的九個參數。 完成場景添加

終于到了最復雜的地方了 ... 此時不妨再回顧一下這款濾鏡的功能邏輯。

首先是濾鏡的開始條件，也就是用戶開始錄像：右鍵左上角 Scene 中的 Camera，點擊 Create Patch，可以看到邏輯區出現了紫色的 Camera 模塊，右側四個箭頭表示 Camera 的四個觸發條件，最下面一個是我們需要的開始錄像。 添加一個計時器，控制時間觸發條件：右鍵邏輯區的空白處，搜索 Runtime 添加，按住右側箭頭拖到空白處松開，在彈出框搜索 Offset，用來記錄時間，再按住 Offset 右側箭頭拉出，添加 Less Than，將它的時間設置為 1.5 秒。 小于 1.5 秒時出現問題頁，大于 1.5 秒時出現答案頁，因此先添加控制出現與否的模塊。選擇左上角 Scene 中的 plane0，也就是問題頁，在屬性欄中的 Visible 點擊左側箭頭，邏輯區出現黃色模塊，對 plane1 也就是答案頁進行一樣的操作。 將 Less Than 的右側連接到 question 的左側，再拉出 Less Than 的右側，選擇 Not 函數，將 Not 連接到答案頁。點擊編輯器最左側邊欄的刷新按鈕，可以看到黑人頭上已經實現了根據時間切換問題與答案的效果。 實現根據時間切換問題與答案 要將動畫在某個時間點停下來，從 Offset 再拉出一個 Less Than，設置為 4 秒，拉出一個 Loop Animation，這是用來循環的，將循環時間改短一點，比如 0.001，再用下方箭頭 looped 拉出一個 Random，這是用來隨機數字的，將 End Value 設置為答案頁圖片的數量，這邊做的就是不斷隨機出數字，然后在時間到 4 秒時的那個數字賦給動畫序列，決定最終選擇的是序列的第幾幀。 點擊素材區的 answerSequence，點擊屬性區的 CurrentFrame 左側箭頭，將上一步的 Random 接到 CurrentFrame。此時再刷新一次，可以看到實現了四秒時停在某一幀的效果。離勝利越來越近了！ 完成動畫停在隨機一幀

最開始的 Camera 模塊還沒用到，將最下面的箭頭連到 Offset 下面的 Reset 箭頭，表示開始錄像的時候重置計時器。

至此，我們基本上完成了這個濾鏡的功能啦！

如果你只是想簡單了解做濾鏡的過程，那么到這邊就可以啦！但如果想把這款濾鏡做好，還需要一些完善。

本來看上去已經很美好了，但是實際用了之后，就會發現還有一點體驗上的小問題，主要是：

用戶選擇這個濾鏡后，如果不開始錄影，計時器依舊自動運行，導致整個邏輯直接跑完了。用戶還沒玩就知道會發生什么，這顯然不太好。 用戶錄屏結束后，想重新玩，但此時沒有自動回到問題頁，因為只有開始錄屏才會重置計時器，結束錄屏并不會重置。

分析這兩個原因，要加的邏輯主要以下兩點：

出現答案頁的條件不僅是大于 1.5 秒，還需要已經開始錄屏，因此添加一個 And 函數，從 Camera 的 Pulse 拉出 Switch 函數，刪除連到 Flip 的線，將 On 和 Off 對應連接上，從 Less Than（1.5）拉出 Switch 函數，將 On 和 Off 反著連接，將兩個 Switch 的輸出分別連到 And 函數的輸入。 將之前 answer 前面的 Not 函數換到 question(plane0) 的前面，將 And 和 Not 連接，And 和 answer(plane1) 連接，最終結果見下圖。 偉大工程終于完成

一個完美主義者的濾鏡終于完成了！

在最左側邊欄的下方，有測試和上傳濾鏡的按鈕，測試可以綁定賬號后發送到 App 進行測試，也可以直接連接設備進行測試。測試完成后，可以提交濾鏡，注意濾鏡具體大小的限制（Instagram 平臺 4M，Facebook 平臺 10M），所以你的圖片素材不要太大。

完成后，去網站中將濾鏡的各種信息填寫完整，就可以提交審核啦！

在 網站 中可以看到自己的濾鏡被多少人觀看、拍攝和分享。這是我的濾鏡現在的數據，雖然稱不上 「爆款」，但你做的濾鏡一定可以成為爆款！點擊這個鏈接 可以直接在 Instagram 使用這款濾鏡。

濾鏡統計數據

這個編輯器里還有許多功能可以探索，盡情發揮你的想象力！該完整項目已上傳至 Github，可 前往查看和下載 。

抖音也有自己的濾鏡編輯器，大體和上述操作類似，下面來介紹一下抖音編輯器的使用方法。

首先下載抖音官方推出的特效編輯器 Effect Creator，支持 Windows 和 Mac 平臺。濾鏡可發布在抖音短視頻、火山小視頻、今日頭條等字節跳動旗下產品。

特效制作工具

這款編輯器是直接添加特效后，在特效中設置素材。支持的特效包括 2D 貼紙、美妝、人臉變形等等，我們使用的是 「2D 貼紙->人臉」，在其中一個上傳問題頁圖片，在另一個上傳答案頁的寶可夢圖案。

Effect Creator 設計面板

接下來添加濾鏡的邏輯：

點擊「添加特效->問題頁」，將其設置為播放時長->1.5 秒； 點擊「添加特效->答案頁」，將其設置為無線循環； 添加一個將「答案頁」停止的觸發事件，比如「點擊屏幕」； 點擊「添加特效->答案頁」，將其動畫設置為「暫停」，表示點擊屏幕后暫停在當前幀； 為了提醒用戶主動觸發點擊屏幕的事件，在設計面板中添加一個「2D 貼紙->前景」，添加一張寫有「點擊屏幕停止」的圖片。 在事件面板中添加一個并列的行為，點擊行為面板的右側小箭頭「>」，添加延時，設置為 2.5 秒； 點擊「添加特效->前景」； 添加觸發事件「點擊屏幕」； 點擊「添加特效->前景」，將其動畫設置為「消失」，表示點擊屏幕后該提示消失。Effect Creator 事件面板

最后看一下成品的效果（下圖有加速處理）：

抖音濾鏡效果

你需要下載 App 特效君 進行濾鏡的測試，支持 iOS 和 AndroID 平臺。順便感受一下用戶自制濾鏡的排行榜。

抖音原創道具使用榜單

大家在制作濾鏡的過程中，請注意瀏覽各平臺的審核標準，例如圖片版權等問題，以免審核不通過。

快來制作一款屬于你的濾鏡吧！

> 下載少數派 客戶端 、關注 少數派公眾號 ，了解更精彩的數字生活