《AE教學》動感貼文!臉書3D相片功能!

哈囉!又到了快樂的教學時光。

這次的教學要來製作臉書能夠支援的3D相片,

為了方便製作,這裡直接使用先前的教學文章:《AE/PS教學》讓照片具有透視感!照片動畫不再單調~

該篇教學中使用到的專案檔來示範。

 


首先是素材,

該篇教學內已經將背景和少女都轉成3D Layer,這部分請先閱讀《AE/PS教學》讓照片具有透視感!照片動畫不再單調~

 

圖層為3D Layer,以及攝影機:

 

換一個視圖可以看到它們彼此的層次、距離:

 

為了凸顯效果,這裡再加上兩行文字:

 

這兩行文字也都要轉3D Layer,並且設定好Z軸座標和Scale大小:

 

可以看到它們有不同的遠近位置:

 

我將這個tex_1再拖去開一個新的Comp:

一定要用現在這個tex_1開一個新的Comp。

然後在tex_1這個Comp上加入3D Channel Extract效果:

※注意:要回上一層,將3D Channel Extract效果放在tex_1這個Comp上面!不是直接在tex_1內放這個效果!

 

調整數值,可以讓遠近不同的物件以黑白灰階呈現:

這可以作為FB 3D相片功能所需要的Depth檔。

 

接下來就是輸出一張完整的圖檔:

 

然後再輸出一張depth:

特別要注意的是檔案名稱為:剛才輸出的圖檔名稱_depth

例如剛才輸出的叫:FINAL.png

這個就要叫FINAL_depth.png

 

接下來直接將這兩張圖檔上傳到FB上,FB就會自動替你創建3D相片了~

 

如果你有使用E3D或是其他3D軟體,內鍵也可以直接輸出Z Depth:

例如上圖中另外增加的的方體和球體。

 

結果有點像2.5D立體照片那樣,利用灰階明暗作為不同程度的位移,只是FB 3D相片會幫你補缺失的部份,

效果方面,太細的地方容易產生破圖。

 

所以如果你要做的3D相片沒辦法利用AE或3D軟體替你創建Z Depth…… 那你就只好自己畫啦~

 

 

成品範例:

 

 

 

 

 

 

 

 

 

 

 

非經授權請勿轉載本網站原創內容,盜用必究

若想得到更多教學資訊,歡迎加入六指淵學生社團


《立即分享》
Loading Facebook Comments ...