berylgobby 發表於 2018-3-19 10:29:12

快速建立Facebook 3D貼文

文、菜鳥編
https://www.lccnet.com.tw/lccnet/Upload/Article/news-1163.jpg

原文網址



2月21日Facebook開發人員的最新消息發布了一篇介紹3D貼文的功能。可直接在FB動態消息中觀看3D作品。近幾年Facebook的開發越來越多元,從支援全景照片、GIF到最近的3D POS。可以看的出來想要抓住使用者的積極度。

對於各家經營粉絲團的小編來說,又要開始絞盡腦汁規劃3D貼文的應用。也怪不得小編的工作量越來越大,也十八般武藝都要會,漸漸的懂得東西越來越多(但薪水卻沒有變多)。今天就來說一下怎麼將3D作品上架到動態消息吧。


說明一、3D物件格式相當多,但在Facebook上,只支援 glTF 2.0格式,且檔案大小需小於3MB。glTF 2.0 全名為 GL Transmission Format,是一種可以 3D 的檔案格式,可以有效率、方便的讀取和儲存 3D 模板、場景。所以如果你的作品是FBX、OBJ、DAE…..等。可能就要進行一下轉檔的動作了。


說明二、既然是要製作3D作品,如果你已經懂3D建模相關軟體,當然就可以立刻上手。但應該大多小編不會使用(不然早就去做動畫),加上軟體取得也不見的那麼方便、好上手。小編這邊就用windows 10中的小畫家3D,教大家怎麼快速製作3D物件來。如果電腦沒有小畫家3D可以在Microsoft Store中搜尋或是更新你的windows版本。現在我們就進到主題吧!





Step1
開啟你的小畫家3D,如果桌面中沒有捷徑,可以在搜尋中輸入開啟

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932544.png


Step2
按下新增開始製作3D作品,視窗下方的影片,對沒使用過的人可以看一下

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932559.png


Step3
軟體可以分成3個區塊:
區塊1:功能區
區塊2:工具視窗
區塊3:繪圖區

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932576.png


Step4
在3D圖形功能中,內建5種類的模型,這邊小編使用了貓迷的模型

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932605.png

模型四周的按鈕可讓你調整位置
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932621.png


Step5
接著將貓咪加上眼睛與嘴巴,這邊使用「圖戳」工具…也記的要將視角轉好才不會在3D呈現時,變成四不像

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932640.gif


Step6
模型建置好,也別忘了旋轉看看,確定呈現上是否有問題產生

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932658.gif


Step7
最後就是將檔案匯出,點擊左上方的「功能表」將檔案匯出,也可將檔案另存新檔,可以之後繼續編輯使用

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932681.png


Step8
輸出格式選定為3D – GLB,因為GLB格式為glTF 2.0 檔案的封裝二進位版本,符合Facebook 3D POST的規範格式

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932700.png


Step9
最後就是將檔案上傳到FB,很多人都是選定上傳圖片或照片後選定檔案上傳,但你會發現沒有辦法選定GLB格式。其實,只要用拖曳的方式就好

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1520932740.gif


到這邊我們就完成了,不過小編有測試在小畫家3D中製作更多物件時,發現上傳到FB上有錯誤訊息。但再將檔案透過其他軟體轉存上傳卻可以。猜測應該是小畫家3D運算的兼容性,相信微軟應該會在後續作修正。


補充:
關於Facebook 3D貼文,也可以在Youtube上搜尋到一堆相關影片,只要搜尋關鍵字「Facebook 3D post」,你就可以看到一堆教學資料了。



官方網站:https://lccnet.com.tw
痞客邦Blog:http://lccnetvip.pixnet.net/blog
FB粉絲團:https://www.facebook.com/lccnetzone
菜鳥救星:https://www.facebook.com/greensn0w



頁: [1]
查看完整版本: 快速建立Facebook 3D貼文