作者：BlackBoXo

whichDisneyAreYou

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

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

which Pokemon are you?

前期準備

1. 首先需要一個 Instagram 賬号，或者 Facebook 賬号，在這兩個平台都可發布自己的濾鏡。
2. 下載 Facebook 官方推出的制作濾鏡的工具 Spark AR Studio。

Spark AR Studio

制作濾鏡包括哪幾方面？

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

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

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

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

編輯器主界面

開始制作濾鏡

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

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

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

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

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

添加素材：

1. 放入問題頁的素材：點擊菜單欄 Add -> Material 來添加素材，命名為「question」，點擊 Texture -> Choose File 選擇提前準備好的「問題頁」圖片，你會看到左下角出現一個 Textures 裡包含了你選擇的圖片。
2. 放入寶可夢序列的素材：再次點擊菜單欄 Add -> Material 來添加素材，命名為「answer」，點擊 Texture 中 左邊的箭頭 ，選擇 New Animation Sequence 建立一個動畫序列，在這個動畫序列裡點擊 Texture -> Choose File， 同時選擇 你要循環播放的 所有圖片 ，這些圖片就會自動形成一個動畫序列。

完成素材添加

添加場景：

1. 建立場景：因為我們希望将圖片固定在頭部上方的位置，随着人頭移動，因此點擊 Add -> Scene UnderstAnding -> Face Tracker 添加一個臉部跟蹤器。
2. 因為我們的圖片效果是平面，右鍵 Face Tracker 點擊 Add -> Plane，點擊 Plane，在其屬性欄的 Material 中 添加前面定義的 question。在中間上方的區域，可以移動、旋轉或縮放該圖片，也可以直接在屬性欄定義，我們将圖片上移到黑人的額頭。
3. 繼續添加定義好的動畫序列，一樣的步驟：右鍵 Face Tracker 點擊 Add -> Plane，點擊 Plane，在其屬性欄的 Material 中 添加前面定義的 answer。将它調整到和 question 一樣大小和位置，可以直接複制 question 的九個參數。

完成場景添加

添加邏輯

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

1. 首先是濾鏡的開始條件，也就是用戶開始錄像：右鍵左上角 Scene 中的 Camera，點擊 Create Patch，可以看到邏輯區出現了紫色的 Camera 模塊，右側四個箭頭表示 Camera 的四個觸發條件，最下面一個是我們需要的開始錄像。
2. 添加一個計時器，控制時間觸發條件：右鍵邏輯區的空白處，搜索 Runtime 添加，按住右側箭頭拖到空白處松開，在彈出框搜索 Offset，用來記錄時間，再按住 Offset 右側箭頭拉出，添加 Less Than，将它的時間設置為 1.5 秒。
3. 小于 1.5 秒時出現問題頁，大于 1.5 秒時出現答案頁，因此先添加控制出現與否的模塊。選擇左上角 Scene 中的 plane0，也就是問題頁，在屬性欄中的 Visible 點擊左側箭頭，邏輯區出現黃色模塊，對 plane1 也就是答案頁進行一樣的操作。
4. 将 Less Than 的右側連接到 question 的左側，再拉出 Less Than 的右側，選擇 Not 函數，将 Not 連接到答案頁。點擊編輯器最左側邊欄的刷新按鈕，可以看到黑人頭上已經實現了根據時間切換問題與答案的效果。

實現根據時間切換問題與答案

1. 要将動畫在某個時間點停下來，從 Offset 再拉出一個 Less Than，設置為 4 秒，拉出一個 Loop Animation，這是用來循環的，将循環時間改短一點，比如 0.001，再用下方箭頭 looped 拉出一個 Random，這是用來随機數字的，将 End Value 設置為答案頁圖片的數量，這邊做的就是不斷随機出數字，然後在時間到 4 秒時的那個數字賦給動畫序列，決定最終選擇的是序列的第幾幀。
2. 點擊素材區的 answerSequence，點擊屬性區的 CurrentFrame 左側箭頭，将上一步的 Random 接到 CurrentFrame。此時再刷新一次，可以看到實現了四秒時停在某一幀的效果。離勝利越來越近了！

完成動畫停在随機一幀

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

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

最後完善

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

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

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

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

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

偉大工程終于完成

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

測試和上傳濾鏡：

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

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

whichPokemonAreYou

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

濾鏡統計數據

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

如何使用抖音特效制作工具

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

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

特效制作工具

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

Effect Creator 設計面闆

接下來添加濾鏡的邏輯：

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

Effect Creator 事件面闆

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

抖音濾鏡效果

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

抖音原創道具使用榜單

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

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

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!