哈囉!又到了快樂的教學時光。
這次的教學要來製作臉書能夠支援的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…… 那你就只好自己畫啦~
成品範例: