發表文章

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 橫截面」屬性的「碼錶」圖示,會自動增加「關鍵影格」

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 車床設定PhotoShop 3D 你最熟悉的陌生人:輕鬆使用 PhotoShop 建立 3D 立體文字融入影像中!如何在存檔時將PhotoShop的步驟記錄保存下來,方便下次開啟時繼…

用 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



※ 特別補充:讓「圖像疊加層」與「多邊形」合體 眼尖的看官可能有發現這個範例檔中左上角的「蘭潭水庫:後山步道導覽圖」好像有些不同!


一般使用「圖像疊加層」功能時,並沒有像「多邊形」有「兩側向地…