發表文章

PhotoShop 3D 你最熟悉的陌生人:如何將多個 3D 模型放入同一個 3D 圖層中共用攝影機、燈光、地平面?

圖片
PhotoShop 中的「3D」面板與一般的「圖層」面板都具有「圖層」與「群組」的管理功能,透過這篇文章讓大家可以對於 PhotoShop 的「3D」面板有更多認識,操作起來就會更順手! 一、如何進行 3D 圖層合併 以下圖同學的作業為例,雖然畫面視覺上看起來,「碗」與「筷子」是在一起的,但是從「圖層」面板可以清楚看到,「碗」與「筷子」分別屬於不同的「3D圖層」。 因為 PhotoShop 的每個 3D 圖層,都有各自獨立的攝影機、燈光、地平面,如果使用多個 3D 模型進行合成時,這樣就會相當的不方便,因為每個 3D 圖層都必須重新調整一次這些動作! 如果可以將多個 3D 模型合併在一個 3D 圖層中,就能一起共用攝影機、燈光、地平面! 而 PhotoShop 3D 圖層合併的方式,與一般的 2D 合併圖層方式相同,如下圖: ↑ 在「3D」面板中可以看到剛才的兩個 3D 模型 二、如何進行 3D 圖層管理 1.調整 3D 模型的「圖層」順序 使用方式與一般「圖層」面板操作相同,只要拖曳 3D 模型就可以囉! 2.建立「群組」與重新命名 3D 模型的「圖層」或是「群組」名稱 使用方式也與一般「圖層」面板操作相同,不論是「群組」或是「圖層」,都可以透過滑鼠「快點兩下」重新命名喔! 3.不知道 3D 模型移動到畫面上的哪個位置? 在 3D 模型上按滑鼠右鍵 /「將視圖中的網紋置中」,就可以讓 3D 模型回到畫面的正中間囉! ↑ 3D 文字模型已經回到畫面的中間位置 4.已經「迷路」,不知道攝影機該如何調整了? 按一下「預設相機」,就會把畫面回到預設的位置。 5.如何在同一個 3D 圖層中加入其他 3D 模型? 除了使用第一種方式,將多個 3D 圖層進行合併外,其實也可以直接在「3D」面板的「場景」上按右鍵,就可加入 PhotoShop 內建的 3D 模型或是從外部檔案載入到同一個 3D 圖層中! ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/...

PhotoShop 3D 你最熟悉的陌生人:從 3D 場景顯示模式了解 3D 模型呈現的可能性與「橫截面」剖開模型並製作動畫!

圖片
一、3D 場景顯示模式 PhotoShop 3D 除了真實的演算上色外,其實也提供了多種 3D 場景顯示模式,讓 3D 模型以不同的樣貌呈現,方便與其他 2D 圖層進行合成! 選按「3D」面板的「場景」,就可以在「內容」面板中找到 PhotoShop 中內建的「預設集」選單進行切換! ↑ 此為 PhotoShop 3D 預設場景模式輸出圖檔 以下最出幾種預設集輸出結果,供大家參考一下!輸出的成果也會受到「燈光」方向、強度…等影響! 此外,也可以針對每個預設集中的參數做調整,以達到最符合您需要的輸出喔! 1.線條插圖 2.著色插圖 (類似插畫) 3.素描草、素描散佈 4.實色線框 5.線框 二、「橫截面」的基本使用 除了完整模型的顯示外,其實我們也可以透過「橫截面」的設定,將 3D 模型以不同角度剖開,看到模型內部構造。 1.先調整「橫截面」的相關位置與參數 2.如果想將此設定「永久生效」(將 3D 模型真正切除),按下「套用」就可以。 ↑ 套用後的 3D 模型,已不再具有原本完整的 3D 外觀。 ※ 如果要製作以下的「橫截面」動畫影片,請不要按「套用」喔! 三、配合「時間軸」面板製作「橫截面」動畫影片 是的,你沒有看錯,PhotoShop 不只可以利用「時間軸」面板製作 2D 動畫,它也可以與 3D 的相關屬性配合,製作成視訊影片! 而且 PhotoShop 時間軸的操作方式與 After Effect、Animate CC (以前的 Flash) 完全相同喔! 以下我們將以「橫截面」的「Y軸」,製作「建築物由地面往上蓋」的動畫影片! 1.開啟「時間軸」面板 / 「建立視訊時間軸」 2.設定「時間軸」面板 / 「橫截面」屬性關鍵影格動畫 設定「切片」為「Y軸」,並將「偏移量」往下調整到接近地面 選按「3D 橫截面」屬性的「碼錶」圖示,會自動增加「關鍵影格」 移動時間軸指標到適當時間 調整「Y軸」的「偏移量」往上移動, 此時,時間軸上會自動加入關鍵影格,拉動時間軸指標就可以看到建築物的剖面動畫已經完成囉! ...

PhotoShop 3D 你最熟悉的陌生人:了解三種燈光類型與如何在場景中新增第二或第三盞燈光?

圖片
PhotoShop 3D 總共有三種燈光的類型,與一般的 3D 軟體相同,都可以自由決定是否產生陰影: 「無限光」:預設進入 3D 模型式會自動產生,具有方向性 「聚光」:具有方向性 「點光」:無方向性,360 度都會發光 一、無限光: 只能調整光源方向,無法改變燈光燈照射的目標點位置,會鎖定在畫面的正中間位置。 二、聚光: 即「聚光燈」,具有方向性,且可以自由移動燈光位置與照射目標點位置,不過 要調整聚光燈時,建議透過上方「3D 模式」工具,可以比較方便調整聚光燈的位置與方向喔! 比使用燈光上的調整點容易許多! 此外,如果新增的聚光位置,在畫面上沒有看到,可以試著點選,「原點處的點」或「移動至視圖」,讓它回到可見區域內。 ↑ 使用「3D 模式」工具時,只要按下圖示後,就可以直接在畫面的「任意位置」上進行操作 三、點光: 即「點光燈」,具有 360 度發光的特性,只有一個燈光點,很適合做為「補光」的功能! 如果新增的點光位置,在畫面上沒有看到,可以試著點選「移動至視圖」,讓它回到可見區域內。 四、如何在場景中新增第二或第三盞燈光? 其實 Photoshop 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/ ※ 延伸閱讀: PhotoShop 3D 你最熟悉的陌生人:Bevel 形狀預設集類型選擇與 Lathe 車床設定 ...

用 Google Earth 關心地球大小事:KML 檔案中的客製化圖標、影像、說明內容,如何無痛轉移到不同電腦與 Chrome 線上版本?

圖片
KML 檔案是開放地理資訊編碼標準(OGC KML, OpenGIS® KML Encoding Standard),也是 Google Earth 交換地圖資料的主要格式,它是基於 XML(eXtensible Markup Language,可擴展標記語言)語法標準的一種標記語言,使用純文字方式描述,與網頁的 HTML 語言類似! KML 維基百科說明 一、使用 KMZ 壓縮格式分享資料 KMZ 為 KML包裝壓縮格式,用以輔助 KML 在顯示 3D 模型或是相關影像上的不足,可以將原本在 KML 檔案中來自本機的圖標、影像…等資料,以壓縮檔的方式打包成 KMZ 格式。 因此,如要將 Google Earth 中的客製化圖標、影像、說明內容,無痛轉移到不同電腦與 Chrome 線上版本,最簡單的方式就是在 Google Earth 匯出時,使用 KMZ 檔案類型就可以囉! ※請特別留意:影像檔案的名稱只能使用英文與數字,若使用中文檔案,一樣會無法正確顯示喔! KMZ 檔案可以使用解壓縮軟體查看,它除了有 KML 檔案外,還有一個「files」資料夾保存相關的影像檔案! 二、加入更豐富的說明內容 Google Earth 中的「說明」內容有支援 HTML 語法,所以如果想要呈現更豐富的說明內容資料時,其實也可以跟平常大家熟悉的 Google 雲端服務、 Youtube…等影音網站結合,就能將更多的資訊同步顯示在 Google Earth 中! 不過,因為 Google Earth Pro 專業版與 Chrome 線上版本可以接受的 KML 格式有些差異,後者僅支援最簡易的 KML 檔案,先將測試後結果以表格方式整理如下,供大家參考: ※ 以下有 Google Earth 官方關於 Chrome 線上版匯入的限制說明: https://support.google.com/earth/answer/7365595?gl=TW&hl=zh-Hant 三、下載 KMZ 範例檔案 您可以先從以下連結下載這次的 KMZ 範例檔案!在地圖上可以看到五種不同的類型。 嘉義大學.KMZ ※ 特別補充...