分享

【Spark AR】該如何上傳動畫?用動畫讓濾鏡更有趣吧!

濾鏡要有趣,動畫可不能少!
但是要如何上傳動畫到 Spark AR 呢?
今天就要來跟大家分享上傳動畫至 Spark AR 的方法
非常簡單就能讓你的濾鏡更有趣也更有變化喔!
動畫 AR SparkAR 濾鏡 教學

今天跟大家分享如何在 Spark AR 中加入動畫


  

影片版:



  

第一步:正確的檔案格式

動畫 AR SparkAR 濾鏡 教學

Spark AR 上傳動畫只接受 PNG連續圖檔的方式

目前要在 Spark AR 中加入圖示動畫,需要透過匯入PNG連續圖檔的方式
什麼是PNG連續圖檔呢?
大家應該都有看過 GIF動圖,其實 GIF 就是由一張又一張的連續圖片所組成
就像是翻頁動畫一樣!
PNG連續圖檔就是一張張拆開的 GIF動圖 (JPEG連續圖檔也能匯入喔!)
那要如何取得連續圖檔呢?
可以使用 After Effect (AE) 或其他軟體匯出
匯出後應該會像下圖這樣喔,連續圖檔準備完成後,就能進行下一步了!
動畫 AR SparkAR 濾鏡 教學

匯出後的 PNG連續圖檔

  

第二步:匯入連續圖檔到 Spark AR 內

連續圖檔準備完成後,就開啟軟體吧!
一次選擇所有連續圖檔,通通拉近 素材區(Assets) 內
【連續圖檔的檔名要由頭至尾,照數字排好,不然匯入後順序會亂掉!】
動畫 AR SparkAR 濾鏡 教學

選擇所有連續圖檔

動畫 AR SparkAR 濾鏡 教學

一次拉進素材區內

一次拉近所有連續圖檔後,電腦會卡頓是正常的!
等待時間視檔案大小及電腦配備而有不同,先去上個廁所吧~
匯入完成後,一樣選擇所有的連續圖檔
至右方屬性欄中,更改 Type 為 Texture Sequence
動畫 AR SparkAR 濾鏡 教學

更改 Type 為 Texture Sequence

  

第三步:新增 Aniamtion Sequence

一樣到 Assets 點選右下角 "+" 符號,新增 Aniamtion Sequence
動畫 AR SparkAR 濾鏡 教學

新增 Aniamtion Sequence

透過 Aniamtion Sequence 可以放入你匯入的連續圖檔
可以把它想像成影片的播放器的存在
接著到 Aniamtion Sequence 更改屬性
將 Texture 放入剛剛匯入的連續圖檔
動畫 AR SparkAR 濾鏡 教學

將 Texture 放入剛剛匯入的連續圖檔

  

第四步:將動畫新增至材質內

上述步驟都完成後,就可以新增材質啦~
新增一個材質,並將 Texture 設為剛設置好的 Aniamtion Sequence
動畫 AR SparkAR 濾鏡 教學

將 Texture 設為剛設置好的 Aniamtion Sequence

之後再新增一個 Facetracke 與 Plane,看看效果如何
動畫 AR SparkAR 濾鏡 教學

完成!

如果圖片有在動,那就表示匯入成功囉
後續可到 Aniamtion Sequence 調整各種參數或是透過Path做出更多變化!

這次的教學很簡單,但也很重要!
因為動畫可以說是濾鏡的靈魂呢
動畫效果可以讓濾鏡更加生動有趣,也讓濾鏡有更多種變化
有任何製作上的困難或問題都歡迎到下方留言喔!
#動畫  #AR  #SparkAR  #濾鏡  #教學 
分類:學習

我搬家囉!開了自己的部落格網站:https://maoxiaofan.blog/ 歡迎來走走看看!

評論
上一篇
  • 當兵到底在幹嘛?二階段心得分享 軍事訓練役130T 關西新訓中心
  • 下一篇
  • 【Spark AR】該如何上傳音檔?讓濾鏡加入有趣的音檔吧!
  • 更多文章
    載入中... 沒有更多了