Meta spark AR tutorial : 置入逐格動畫 2D animation

Heiyuyu
Mar 23, 2023

--

前陣子其實展出了一個新銳藝術家的徵選計畫,

<muktā >— 礦海 創作系列

muktā 特別意指有珍珠的蚌殼。引發觀者與空間的關係聯想。

將衍射與反射的光澤重置於縱軸,將珍珠的元素拆分,呈現如珍珠質的表面切片,呢喃細語、合成音效則作介質游離在空間,意圖對話卻與空氣揉合。

像是呢喃觸發的波紋浮動,又像是合成音效輕輕撫過。

在蚌空間中對於方向感是失靈的,失去了方向與邊界,無法判斷左右、順逆的直覺卻不再重要。

觀者彷彿是砂,造成了蚌的一個傷口,開始被碳酸鈣包裹,與珍珠質同化,最後成為珍珠的一部分。

而我們是不是也進入了蚌?

珍珠是自己想成為珍珠的嗎?

Artist|Heiyuyu Huang https://ppt.cc/fWpHmx

得到很多有趣的回饋和留言,好感謝。(之後補紀錄作品)
而且我也做了一張有特殊手工加工的海報,但是展場因為燈光關係展的是留下想像的海報,還有質量超好的酷卡、留言本。
久違的做手工真的好嗨!

既然要講3D animation poster,當然要用自己的poster,就讓我們動起來!

這邊的範例是讓海報有小動態。

ㄧ、請準備序列圖 png sequence

沒錯,要序列圖

可以在figma裡面製作,多存幾張,也可以活用螢幕截圖、拍照,
或是準備gif直接轉成序列圖,

我是選擇用figma,然後慢慢排出自己的逐格畫面,之後都可以調速度,但是也是FPS的概念製作

我想讓素材動起來!

mac可以直接轉gif成png:

1. 先找到一張自己喜歡的gif

2. 預覽程式「檔案」>「輸出」> png

(好像會失敗哈哈,直接用 iloveimg 就好)

這樣你就可以得到很多張的PNG 序列圖!
但是可能可以挑一下數量,可以隔幾格挑一張,這樣比較有逐格的變化,

一個濾鏡最大只有4MB = 素材壓縮再壓縮

我都用iloveimg

能整理一下檔名是好習慣,我大概是這個大小,
2.2MB可以放進去!

二、打開3D animation poster的範例

三、Replace目標圖,把海報換進去

看到提示、右鍵、Replace目標圖

四、直接import一個assets區的Texture Animation

按+,選畫面中藍色的地方

會跳出這個:

然後把自己的圖選進去

左邊會告訴你容量有沒有對,要看到綠勾勾,

命名整理過比較不會有順序錯誤的問題

我都會直接勾 add to plane,然後再去整理 Scene。
然後按 import!

五、整理Scene

注意看,你的三角形也要長這樣,

要把新的plane放到對的地方

把不要的東西刪掉(如delete me)
確認層級的次序

六、整理Viewport

把新的plane往前移動一點,不然會有點卡住

左邊和滑鼠工具都可以調

七、調整你要的速度

畫面右邊藍色的地方要選好,是很Assets下面的animation sequences
旁邊的fps

八、完成!可以測試、上傳

https://www.instagram.com/yui.serendipity/

好,寫到這就等上傳!

如果要貼給朋友,有QR code和網址:

--

--

Heiyuyu
Heiyuyu

Written by Heiyuyu

I throw myself into new challenges, learn quickly, and build positive, trusting relationships using my warmth, empathy, and intuition.

No responses yet