發表文章

目前顯示的是有「3D」標籤的文章

3D 造型設計界的打擊樂團 - 3D Slash:如何將 3D Slash 多個專案合併

圖片
3D Slash 除了可以一次在一個專案中完成所有的 3D 模型,其實也可以像拼積木一樣,在不同的專案中把每個元件製作完成,最後再將所有專案整併成一個完整的 3D 模型。 範例1 已經使用 3D Slash 敲打出臺灣的 3D 造型,又想在上面加上一個 TAIWAN 3D 立體文字。 先開啟「臺灣」專案,將工具換為「Use gometric shapes or STD/OBJ files」,再選按「My models」選擇「 TAIWAN」3D 立體文字。 接下來就可以使用如下圖的工具屬性調整 TAIWAN 3D 文字到適當的位置、角度與大小,完成後按下綠色打勾就可以整併在同一個專案中囉! 範例2 已經使用如下圖的兩張圖檔,分別建立可愛恐龍的外型輪廓與線條 3D Slash 專案檔 先開啟「恐龍的外型輪廓」專案,將工具換為「Use gometric shapes or STD/OBJ files」,再選按「My models」選擇「 僅黑色線條」的 3D Slash 專案。 如下圖將「 僅黑色線條」的 3D 模型往上移動,完成後按下綠色打勾,就能完成立體 3D 線條浮雕的效果。 ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/ OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-tw 翻轉教學「現形記」教學總整理:https://sites.google.com/view/teachers-tools/ 啟芳出版:(高職商業與管理群) 數位科技應用下冊 ※ Youtube 直播與研習記錄: 1140312 桃園楊心國小:虛擬攝影棚:創意拍片、快速上手! 1140311 中彰投分署創客基地:讓AI成為你的神隊友:Maker必備的五種AI應用工具 1140305 海山高中:Canva 教育版進階應用 1140302 修平科大:Felo AI 搜尋引擎與 Vrew AI 影音剪輯應用 1130819 屏東縣資訊教育資源中心:數位...

1130225 TCN創客基地:Canva 與 3D 列印的跨域合作 - 3D浮雕卡片製作研習記錄

圖片
Canva 已經成為許多人非常喜愛使用的雲端設計服務,有超豐富的範本與圖庫素材,只要簡單加入你的內容,就能完成精彩作品。這次我們還要結合3D列印,設計出3D立體浮雕造型,讓Canva 與 3D 列印跨界合作,創造出更具特色的彩色卡片設計作品。 一、課程目標 認識3D 列印應用趨勢 了解3D印表機操作原理與列印流程 圖像轉3D浮雕原理與注意事項 2D圖像設計雲端服務的使用 AI圖像設計體驗 Recraft AI +Photopea影像處理 + TinkerCAD 3D設計的整合流程體驗 Canva 範本如何應用在卡片設計 二、作品說明 使用Canva 設計卡片後進行彩色列印,黏至西卡紙、牛皮紙或珍珠板上,再與3D列印的浮雕圖像結合,就能製作出3D浮雕卡片,這樣的設計很適合做為 3D 列印體驗的入門課程,將列印尺寸控制在 4cm x 4cm 多數能在30分鐘內列印完,5cm x 5cm 則能在40~50分內列印完成。 二、使用的2D圖像設計、AI圖像設計與3D浮雕相關雲端服務 Image to lithophane Lithophane Maker Itslitho Tool Silhouette Design 日本剪影素材圖庫(JPG、PNG、SVG、AI) Emoji 表情符號攪拌機 AI 表情符號產生器 Bitmoji 個人化圖庫 Remove Image Background 免費雲端 AI 服務 Photopea 3D Slash Recraft TinkerCAD 三、簡報檔案 ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/ OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-tw 翻轉教學「現形記」教學總整理:https://sites.google.com/view/teachers-tools/ 啟芳出版:(高職商業與管理群) 數位科技應用下冊 ※ Youtube 直播與研習記錄: 1121215:臺北市教師研習中心:mmhmm...

1121006 臺北市教師研習中心:Hubs by Mozilla 3D 混合實境應用

圖片
這是在臺北市教師研習中心112年9月至10月連續五場研習的第四場,借用臺北市復興高中教室,用6個小時的時間來跟老師們分享如何使用 Hubs by Mozilla 的 3D 虛擬實境場景,不論是透過瀏覽器或是 Meta Quest 2 VR 頭盔來進行元宇宙互動體驗的課程。 之前在疫情較為嚴峻的期間,不只寫了 幾篇介紹 Hubs by Mozilla 3D 混合實境文章 ,也實際將它應用在職訓課程的同學成果發表會中,讓同學自行建立各組專題的 3D 場景,再邀請大家一起進入參觀。 剛好前一段時間 Hubs by Mozilla 3D 混合實境有了新版本(有免費與付費兩個方案),並且有了更為完整的繁體中文語系,利用這次的機會,把新版本的使用介紹給大家! Hubs by Mozilla 3D 官方網站: https://hubs.mozilla.com/ 新版管理介面與自製 3D 場景 Spoke 介面: https://dashboard.hubs.mozilla.com/dashboard 舊版自製 3D 場景 Spoke 介面: https://hubs.mozilla.com/spoke 此外,這次比較大的挑戰是早上前兩堂的同學是高三、後兩堂是高一,下午則是實習老師,如何將這些概念,可以在分成三批的狀況下,依不同的對象程度和需求,讓大家都能有體驗到一部份,但又要能順利接續完成整個6小時課程的進行,以利現場攝影師能完整錄下上課課程影片,後製剪輯成上架的線上課程。 這樣的狀況真的讓我思考了許久,一直到上課前一天都還在調整課程的簡報與上課內容,還好最後除了每批不同學員剛到時,有稍微重複提到一些 Hubs by Mozilla 3D 混合實境概念與基本操作外,其餘都還有照預設的分段進度完成任務!😊 一、1121006 臺北市教師研習中心:Hubs by Mozilla 3D 混合實境應用簡報檔案 二、1121006 臺北市教師研習中心:Hubs by Mozilla 3D 混合實境應用 Youtube 錄影影片 ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:h...

Kalidoface 用你的網路攝影機來玩轉3D虛擬角色!支援子母畫面呈現,還能匯入Vroid Studio VRM檔案

圖片
以往要使用 3D 虛擬角色(Avatar)進行即時的控制,除了需要具備相當的 3D 設計背景外,還要配合一些穿戴的感測裝置來進行動作補捉。 ↑ 以上圖片來自 Google 搜尋「 動作找捉設備 」 現在有愈來愈多的應用服務,包括 Snatchat、Line、Meta、Instagram…等都有推出,只要使用一般的網路攝影機或是透過行動裝置的相機,就能操控 2D 或是 3D 虛擬角色(Avatar)。 此外,也有愈來愈多的公司或是教育單位,將虛擬角色運用在廣告或是招生影片,甚至在直播影片中透過虛擬角色與真人老師互動,增加影片的新鮮度與科技感! 空大小育 & 空大小編 生存地!完整 Youtube 播放清單 一、關於 Kalidoface 雲端平台 這次要分享的「Kalidoface 用網路攝影機控制虛擬角色」雲端平台,它採用的是來自日本,網路上有很多人使用的免費「Vroid Studio」角色創作工具,除了 Kalidoface 平台上已經有內建的多組 3D 角色外,也可以自己上傳自己製作,或是網路上其他網友分享「Vroid Studio」角色創作工具匯出的 VRM 檔案。 Kalidoface 官方網站: https://3d.kalidoface.com/ 二、哪裏有「Vroid Studio」角色 VRM 檔案可以下載 在 VRoidHub 網站是目前最大的虛擬角色共享社群,有許多網友分享的各式角色,可以直接在線上進行操作,但並不是所有的角色都可以下載喔! https://hub.vroid.com/ 此外,在著名的 Sketchfab 3D 模型網站上,有部份免費可下載的「Vroid Studio」角色 VRM 檔案可供下載 https://sketchfab.com/search?features=downloadable&q=tag%3Avrm&sort_by=-likeCount&type=models 三、VRoid Studio 學習資源 對於想要自己創建 3D 角色有興趣的人,可以參考以下來自官方網站與網路上的相關教學! Vroid Studio 官方網站 https://vroid.com/en/studio Vroid...

Hubs by Mozilla 混合實境聊天室,如何使用 Spoke 製作自己的 3D 虛擬場景!

圖片
  在之前介紹的文章中,主要是使用 Hubs 上已經內建或是由網路上玩家所建置的虛擬場景,但是這些場景上的主體結構、已經存在的圖檔、3D 模型…等,都是無法更動! 如果您想建置專屬的虛擬場景,或是想將 Hubs 上的場景改造成符合自己需求的客製化場景,可以使用 Hubs 中的 Spoke 工具來完成!(必須先登入 Hubs 才能使用 Spoke 工具喔!) https://hubs.mozilla.com/spoke    一、認識 Spoke 界面 Spoke 主要分成以下幾個面板區塊:   二、場景與物件的控制 1.場景攝影機控制: 按下滑鼠左鍵不放,拖曳(LMB):轉動視角 按下滑鼠滾輪不放,拖曳(MMB):平移視角 按下滑鼠右鍵不放,拖曳(RMB):移動與轉動攝影機,按下時還可配合: WASD 進行攝影鏡頭的移動 G 移動整個場景上的物件 2.物件控制:  位移Position、旋轉Rotation、縮放Scale:可透過上方工具列或是右下角的屬性面板進行控制 F(Focus) 攝影機聚焦:將物件自動移到攝影機畫面正中間,方便進行編輯 G(Grab) 移動物件:按下 G 鍵後,使用滑鼠移動物件至指定位置後,按下滑鼠左鍵即完成物件移動! Esc 取消物件的選取或移動或增加物件 Ctrl + Z 動作還原 三、在場景新增物件 1. 將檔案上傳到網路上 Hubs 虛擬場景與網頁 HTML 的結構相同,所有的元素都是透過「超連結」的方式載入,因此要呈現在 Hubs 上的所有物件,必須先上傳至網路上,而且必須有完整顯示檔案的路徑與副檔名,因此,Google 雲端硬碟上共享的檔案網址或是 Blogger 上圖檔的網址,都沒有辦法在 Spoke 中正常使用! 如果沒有圖檔或是影片的隱私問題,可以考慮使用網路上免費的「圖床」服務上傳圖檔,與 Youtube 頻道上傳影片後,設為「不公開」。 Imgur 免費圖床服務: https://imgur.com/   3D 模型的部份,建議可以到 https://sketchfab.com/ 網站註冊免費帳號上傳,每個月最多上傳 10 個檔案,且必須設為公開,即可在 Spoke 中直接找到該 3D 模型加入。     2.先將攝影機調整至正對擺放位置,再...