文章

目前顯示的是 二月, 2021的文章

3D 設計與 3D列印應用:Sweet Home 3D + TinkerCAD 也能為 Webduino 雷切作品製作 3D 示意動畫!

圖片
  這個學期要將之前「 Webduino 動手做系列:用回收紙板 + 冰棒棍 + 3D 造型設計 + 3D 列印,更適合教學現場實做的智慧小木屋 」升級為「雷切版本」,並在課程中帶入設計雷切版面的相關概念! 一、先來看看三個版本的演進:  第一代:冰棒棍原型屋 當初利用不少課餘時間,慢慢黏貼組裝冰棒棍,目前已提供給成功國中教學展示。   第二代:用回收紙板 + 冰棒棍 + 3D 造型設計 + 3D 列印 以下是在「 20200222、0223 南投創客基地:Webduino 縮小模擬家庭工作坊 」兩天的時間中,大家一起完成的作品。  配合 3DSlash 製作 SG 90 伺服馬達底座,使用 TinkerCAD 設計 LED 點矩陣的可愛熊熊版、超大耳朵版外,再加上 Hellokitty 版、皮卡丘版、哈姆太郎版,讓可愛度曝表喔! 第三代:小木屋雷切版 先在 Adobe Illustrator 設計了兩種不同雷切造型基本款! PS.您也可以使用最近介紹的免費線上版「 Photoshop 的替身演員 Photopea 」來設計雷切圖,它可以開啟 AI、SVG 格式,也可以將完成的檔案儲存為 PSD 與 SVG! ↑ 為了確認雷切各個分版的接口是否吻合,有先使用紙張 印出後,組裝成紙張測試版 ↑ 以上是麻煩苗商主任進行雷切的彎曲屋頂與斜屋頂版本, 果然自己計算錯誤「彎下後垂下太多了」! 二、Sweet Home 3D + TinkerCAD 雷切小木屋成型 1.從 Illustrator 將每個組件輸出為 SVG 向量圖檔   2.將每個組件個別匯入 TinkerCAD 產生 3D 模型檔   ↑ 匯入 SVG 組件圖檔 ↑ 自動建立成 3D 模型 ↑ 將每個組件匯出為 OBJ 模型壓縮檔 3.將每個組件的 3D 模型 OBJ 檔匯入 Sweet Home 3D 中進行組裝與設定材質 三、使用 Photoshop 3D 建立 Webduino 元件 3D 模型 之前曾介紹過一系列的「 PhotoShop 3D 你最熟悉的陌生人 」,自然在這裏就可以派上用場囉! 1.開啟 Webduino 元件 PNG 圖檔建立與匯出 3D 模型 2.將 Webduino 3D 元件模型、SG90 伺服馬達底座與教學專用

3D 設計與 3D 列印應用:用 TinkerCAD 幫 Ziggi HD 實物投影機年久失修的腳架,設計可移動式「義肢」,繼續服役一整年!

圖片
  從 2016年開始使用「IPEVO Ziggi-HD USB 實物攝影機」,目前最主要就是用在: Webduino 進行開發板與電子零件硬體的接組、組裝、測試情境! 3D 印表機實機操作講解情境! 同學 3D 列印設計作品分享情境! 影片素材水墨遮罩創作錄製情境!     一、「IPEVO Ziggi-HD USB 實物攝影機」使用多年後的現況 「IPEVO Ziggi-HD USB 實物攝影機」除了有兩百萬像素的解析度外,在它的鏡頭上方,有很方便的「自動對焦」鍵、「曝光值增減」鍵,在上課時可以很快速地進行畫面的手動對焦與明亮度調整! 不過,很可惜的,這些按鍵並沒有在 IPEVO 後續推出的新產品中出現,因此實在沒有很高的動力想要將它汰換掉!   但是這款「IPEVO Ziggi-HD USB 實物攝影機」卻有一個很大的缺點:支架的軸承雖是金屬,但轉彎關節處是塑鋼,經常使用後容易出現斷裂,讓整個實物投影機無法「站」起來! PS.IPEVO 後續推出的新機型,有特別強化關節處的設計,因此,應該比較不會有這樣斷裂的問題! 因此,這一兩年來都是使用兩個「蝴蝶夾」,儘量以固定高度的方式繼續使用它! 不過,這樣用久了,上方蝴蝶夾常夾住的位置,也變得愈來愈容易鬆脫而掉下來,加上如果要調整鏡頭角度時,也會有很多的限制!   二、新年到新氣象,設計新「義肢」,讓「IPEVO Ziggi-HD USB 實物攝影機」繼續用下去 是的,還沒打算就這麼放棄它,所以開啟簡單易用的 TinkerCAD,它可以很方便的進行打洞與編輯,很快就完成如下圖的設計! 如果你的「IPEVO Ziggi-HD USB 實物攝影機」也有同樣問題,歡迎自行下載列印喔! https://www.tinkercad.com/things/c6R2MecBwsJ   三、「IPEVO Ziggi-HD USB 實物攝影機」配合新「義肢」就能輕鬆切換不同高度與角度 新的「義肢」裝上後,因為可以夾住原本的兩根支架,所以就可自由的移動與調整適合的角度,讓「IPEVO Ziggi-HD USB 實物攝影機」又變得活力十足了!Yeah!   還可以收納到原廠「IPEVO Ziggi-HD USB 實物攝影機」的手提紙箱中!             ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習

Photoshop 的替身演員 Photopea:開啟 Adobe Illustrator 檔案也沒問題,這個特色 Photoshop 目前還做不到!

圖片
  Photopea 2021年1月12日主要的更新,就是開始支援 Adobe Illustrator 的 *.AI 檔案與 Adobe Fireworks 的 *.PNG檔案! 目前 Photoshop 對於自家的 Illustrator 與 Fireworks 兩個軟體的檔案,都還不支援,沒想到 Photopea 竟然已經開始支援,真的蠻令人意外的! https://blog.photopea.com/photopea-5-0-open-illustrator-files.html 一、對於 Adobe Illustrator 的支援 1.保留 Illustrator 文件結構與圖層屬性 Photopea 開啟 Illustrator 檔案時,可以保留多數的 Illustrator 文件結構(如工作區域)與圖層屬性,在 Illustrator 中的點陣圖會被轉換成 Smart Object 智慧型物件,文字圖層也依舊可以編輯,文字屬性也都被保留。 2.Illustrator 向量圖樣將被轉換為 Smart Object 智慧型物件 3.Illustrator 漸層網格將被轉換為填入線性漸層的形狀物件 二、實測 Adobe Illustrator 的相容性 目前 Photopea 並不是要完全取代 Illustrator,所以並沒有辦法開啟所有的 Illustrator 檔案或是與 Illustrator 完完全全的相容性,但是 Photopea 對於一般性的 Illustrator 檔案,或是想要進行如雷射切割機的向量圖形設計、用於 3D 列印的 2D 向量圖案設計…等,Photopea 就是很不錯的選擇! 實際測試 Photopea 開啟 Illustrator 檔案時,以下類型的檔案可能會無法開啟,或相容性較差: 1.有使用「符號噴灑器工具」 2. 超過「工作區域」範圍的內容,無法被載入    3.對於「繪圖樣式」的相容性較差   三、對於 Adobe Fireworks 的支援 Adobe 當年從 Macromedia 公司併購了 DreamWeaver、Flash、Fireworks 這三個號稱是網頁內容設計的「三劍客」軟體,Flash 向量動畫在 2020年12月31日畫下休止符,而 Fireworks 網頁切版更早在 2012年就停止開發,後續由 A