顯示具有 教學 標籤的文章。 顯示所有文章
顯示具有 教學 標籤的文章。 顯示所有文章

2023年3月6日 星期一

繪圖AI - Midjourney 產品設計的應用實例:從設計草稿的擬真彩現


AI繪圖的發展,以一個工業設計師來說,當然是希望可以藉由這個工具來協助構想發展,畢竟傳統的造型與構想發展階段,是需要大量收集資料,然後分析資料,再擷取一些設計元素,進而發展可能的造型,最後再不斷的修改。而AI繪圖的其中一項邏輯就是接近於這樣的資料收集與將元素拆散後整合。

這次我們就用"椅子"和"燈具"這兩個例子,來實際測試看看,Midjourney 在產品設計的造型發展過程的應用,應該如何使用,以及最後的成果。

首先我以辦公室椅子為例,先來進行簡單的實驗。

構想草圖部分:

第一版本關鍵字

我想要繪製的是辦公座椅,希望是"構想草圖"的方式,因此要是"插圖"風格,繪製的方式要類似構想發展時會有的"詳細註釋",有非常詳細且複雜的細節,感覺像是設計"藍圖"那樣。

我把句子簡化成關鍵字,轉換成為英文,每個關鍵字用逗號分開,結果如下。

"office chair, Idea sketch, Precise illustration, Detailed annotations, Blueprints, intricate detail, highly detailed"

"辦公椅,構想草圖,精確的插圖,詳細的註釋,藍圖,複雜的細節,非常詳細"

得到的結果如下:


這樣的感覺太工整了一點,比較像百科全書或是專利的插圖,不是我們想要的構想草圖的感覺,但細節的表現確實是很精細。


第二版本關鍵字

我修改了關鍵字的方向,我想把那些多餘的註釋拿掉,讓畫面乾淨一點,我只留下以下的關鍵字。

"office chair, Idea sketch, Precise illustration, highly detailed"


這個感覺就好很多了,尤其是下面兩張,很有構想草圖的感覺,成功率提升到1/2。基本上如果可以維持這樣的風格,繼續利用關鍵字改變椅子的元素,那就可以有很大的幫助了。

因此可以看出,在Midjourney不需要太多關鍵字,如果你有時間去實驗,可以發現很多人使用的一些關鍵字,很多都是多餘的。但對於這個結果,我還是有點不滿意,我希望能更有設計師繪製"草圖"的感覺,因此我再來修正關鍵字。

第三版本關鍵字

上面繪製的椅子,我對椅子本身的風格沒有給任何的參考,這次我要設定一些風格(modern, rugged, minimalistic)、顏色(pastelic forest green with redorange details livery),而且我希望要用麥克筆的技法(marker rendering)來繪製,因此我給了以下的關鍵字,最後的8K通常是指提高解析度,其實對真實解析度是不會有用的,所以寫8K也不會真的做到8K,但是會有提升品質的提示。

"industrial design sketch of office chair, marker rendering, modern, rugged, green with redorange details livery, minimalistic, 8k"

辦公椅的工業設計草圖,麥可筆精描,現代感,粗獷,綠色帶有紅色細節塗裝,極簡主義,8k


這次的效果又比先前的更好了一點,麥克筆的手感就更像我們設計師構想發展的手繪。

第四版本關鍵字

依照先前的經驗,關鍵字多不一定比較好,因此我減少關鍵字,另外我也不指定配色,就讓AI自由發揮,也許能碰撞出什麼有趣的結果。

"industrial design sketch of office chair, marker rendering, modern, rugged, minimalistic"

辦公椅的工業設計草圖,麥可筆精描,現代,粗曠,簡約


我還蠻喜歡這張的風格,尤其是左下角的畫風很清爽,有輔助圖也感覺很以設計感,雖然輔助圖不見得是正確的。

第五版本關鍵字

既然有"輔助的圖面"效果比較好,那我就在修正關鍵字,把這種輔助的三視圖加進來。雖然我知道AI的輔助視圖畫的常常是錯的,不過構想草圖本來就是這樣,有時錯誤的發展更能激發聯想,因此我加入了"Three View"這個關鍵字。

industrial design sketch of office chair, marker rendering, modern, rugged, minimalistic, Three View

辦公椅的工業設計草圖,麥可筆精描,現代,粗曠,簡約,三視圖


這種重疊多視角的圖面,更能完整表達設計。但是這個畫面有兩張有桌面、有筆出現,顯得多餘,因此我又修改了一個版本。

第六版本關鍵字

我把背景設定成"白背景"希望背景單純,不要再出現不該出現的東西,例外我也把畫面比例加上去,讓圖是3:2的比例,接近於A4的紙張。

industrial design sketch of office chair, marker rendering, modern, rugged, minimalistic, Three View, White background --ar 3:2


這個效果已經相當不錯了,每個構想清楚,而且有多視角的輔助,是目前調整後最適合的版本。我再來依這個公式,進行測試,更會不同的主題,並加上負面提詞--no text,看看能不能把這些文字取消。

第六版本關鍵字:實測應用-電競椅

我依據先前的經驗,這次改成設計電競椅,並且指定了顏色,看看是不是能夠呈現出類似的草圖風格,同時看看我們指定的顏色是否有表現出來。

"industrial design sketch of E-sports chair, marker rendering, Black with touches of red and metal, modern, rugged, minimalistic, Three View, White background,4k --no text --ar 3:2"

電競椅的工業設計草圖,麥克筆精描,黑色搭配紅色金屬,現代,粗獷,簡約,三視圖,白色背景,4k --no text --ar 3:2


到目前為止效果是非常好的,除了負向提詞沒有發揮作用,畫面上還是有很多文字,整體而言效果是令人滿意的。

第七版本關鍵字:實測應用-電競椅

依據上一版的經驗,我想嘗試解決問字的問題,畢竟AI不會寫字,他出現的文字都是錯誤的,而且只是干擾畫面而已,我再增加負提詞 --no annotations,其餘部分不改變。

“industrial design sketch of E-sports chair, marker rendering, Black with touches of red and metal, modern, rugged, minimalistic, White background,--no annotations --no text --ar 3:2 


文字還是依舊出現,可惜毫無無效果

第八版本關鍵字:實測應用-電競椅

我認為,會產生說明文字,主因可能是“工業設計草圖industrial design sketch ”這個關鍵字導致的影響,另外這種輔助視圖可能也是原因,因此改變策略,不往增加負提詞方向思考,改用別的關鍵字。

“new design of E-sports chair, marker rendering, Black with touches of red and metal, modern, rugged, minimalistic, White background, --ar 3:2 "


4張圖裡面兩張成功的排除文字,成功率達到1/2了

第九版本關鍵字:實測應用-電競椅

少了“工業設計草圖industrial design sketch ”已經有改善,因此我覺得design 這個字可能才是關鍵,因此我避開使用design 這個字,直接稱產品為new E-sports chair 。

“A new E-sports chair, marker rendering, Black with touches of red and metal, modern, rugged, minimalistic, White background, --ar 3:2 "


測試結果,果然成功了,已經出現幾乎不帶任何說明文字的圖面。


第六版本關鍵字:實測應用-燈具

既然能夠達成效果,那我就換個產品再來測試一次,驗證一下這個效果,我這次改用"燈具",來繪製一個客廳的立燈,我要現代感一點,材質用金屬搭配木頭。雖然負向提詞沒有什麼用,我還是先留著,另外也把圖面的比例改成直式,我就用第六版的關鍵字來試試。

"industrial design sketch of living room standing lamp, marker rendering, metal with wood, modern, minimalistic, Three View, White background,4k --no text --ar 2:3"


姑且不看構想的完整性或是否有符合需求,AI確實是依照我們的條件進一步繪製出了一些可供我們參考的草圖,而且生成時間很短,就算生成的東西沒有達到理想,但是短時間能提供這麼多圖給我們參考,對設計工作確實是有一定的幫助。

擬真彩現圖部分:

第一版本關鍵字

當然,除了設計草圖外,我們也是希望能夠有逼真的彩現圖來協助我們構想發展甚至是設計提案,要生成逼真的彩現圖對AI來說是易如反掌的,我們就繼續讓他幫我們製作彩現圖。

在這裡我就暫時不講如何用草圖去生成準確的彩現圖,那部份我們留到之後再寫一篇詳細說明,今天只針對用關鍵字生成逼真的彩現圖。我先用living room standing lamp,來做產品設計,而要逼真效果有很多關鍵字可以用,其實用多了也沒用,這類的關鍵字只要一組就好,我使用V-Ray Render。

industrial design of living room standing lamp, metal with wood, modern, minimalistic, V-Ray Render, 4k --ar 2:3


彩現效果是很不錯,但是我覺得造型太過於平淡無奇了,因此我修正了一下關鍵字,我把工業設計(industrial design )更換成概念藝術設計(concept art design ),其餘均不改變。

第二版本關鍵字

concept art design of living room standing lamp, metal with wood, modern, minimalistic, V-Ray Render, 4k --ar 2:3


果然造型上變化得更多,型態也更美了,四張圖裡面有三張我覺得都還不錯。

我把第三張和第四張圖做放大計算,看看效果如何,最後呈現的效果是不錯的。




第三版:構想結合

Midjourney除了直接利用文字算圖出來之外,其實也是可以把你手繪的圖、真實的產品或是他算出來的圖進行融合,這方面的用法,在我先前的文章有提到,有興趣的朋友可以去看看,我這邊繼續進行實驗就不多做相關說明。

如果我覺得上面兩張圖的造型都不錯,我希望Midjourney可以參考這兩張圖的元素,整合繼續發展出新的造型,那你就可以把這兩張圖的連結都當作提詞,並起在後面加上我們原本的提詞。

"A圖網址 B圖網址 concept art design of living room standing lamp, metal with wood, modern, minimalistic, V-Ray Render, 4k --ar 2:3"

最後我得到了這張圖,確實AI有把兩個元素融合,尤其是第二圖和第三圖,剛好就是這兩個元素各自比重不同產生的混和結果。


最後我就放四張AI生成的燈具設計,讓大家看看效果如何,我覺得整體效果還是很不錯的。






2022年1月19日 星期三

Rhino 7 彩現教學--「凹凸貼圖」與「置換貼圖」彩現應用

Rhino 7 教學--「凹凸貼圖」與「置換貼圖」彩現應用,(Bump Maps and Displacement Maps)
現在3D彩現(渲染)材質豐富,各種紋理都有,在新版的Rhino 7 中,也內建了許多的材質,已經能夠有很棒的彩現效果。但是有時候我會需要凹凸的文字,或是類似浮雕的效果,這些凹凸的紋理效果該如何製作?
本期影片中,說明了「凹凸貼圖」與「置換貼圖」的差異與使用方法,並帶到了貼圖軸的基本用法,利用貼圖軸就能夠準確的移動貼圖的比例與位置。最後利用「置換貼圖」製作有真實凹凸的波浪效果。
另外本文也提供教學影片中,硬幣所使用的那張楓葉貼圖。
我想大家繪製那個硬幣應該都不是什麼問題,不過如果有需要原始檔案來練習,或是還有其他任何需求,也歡迎留言告訴我。
也歡迎您訂閱並追蹤我的頻道,原則上我會以接近每週更新的頻率,來更新我的相關教學影片。


相關影片:
Rhino 7 教學--「凹凸貼圖」與「置換貼圖」彩現應用--支援CC字幕,(Bump Maps and Displacement Maps)

https://youtu.be/9aH9nkDgwuQ
Rhino 7 教學--快速製作表面紋理-「置換貼圖」,可3D列印之真實紋理(Displacement Maps)

https://youtu.be/2b479TxS25A
Rhino 7 漸層玻璃彩現教學




 








2022年1月11日 星期二

Rhino 7 彩現教學--威士忌彩現練習(標籤與透明遮罩貼圖應用)

Rhino 7 教學--威士忌彩現(標籤與透明遮罩貼圖應用)

現在3D彩現(渲染)材質豐富,在新版的Rhino 7 中,也內建了許多的材質,包含了水的材質(預設路徑為),但經其應用在彩現酒的效果並不好,影片中提出改善的方案。另外,我們貼標籤時,標籤形狀常常不是方形的,但我們製作的JPG圖檔只能夠是正方形,應如何貼圖呢?如何在玻璃或金屬表面上,打出我們希望的光源反射呢?

本期影片中,說明彩現酒瓶這類產品的四個技巧,其中標籤與透明貼圖應用更可廣泛應用於其他相關的領域,例如編織紋理、網狀紋理等,不需要在3D上將真的把簍空處實際挖掉。

也歡迎您訂閱並追蹤我的Youtube頻道,原則上我會以接近每週更新的頻率,來更新我的相關教學影片。如果對影片內容或是希望我製作什麼主題都歡迎在部落格或是Youtube影片下的留言欄中留言讓我知道。

威士忌彩現練習教學影片:

https://www.youtube.com/watch?v=blosAeLbK60


教學影片中所使用的3D模型與貼圖,可以在下列網址下載:

 https://drive.google.com/drive/folders/1JKLsbptMMaaX9ElDKEee4rQOybNb0IXb?usp=sharing


相關影片:

Rhino 7 教學--「凹凸貼圖」與「置換貼圖」彩現應用--支援CC字幕,(Bump Maps and Displacement Maps)

https://youtu.be/vz6O3hG-bB0

Rhino 7 教學--快速製作表面紋理-「置換貼圖」,可3D列印之真實紋理(Displacement Maps)

https://youtu.be/9aH9nkDgwuQ

Rhino 7 漸層玻璃彩現教學

https://youtu.be/2b479TxS25A











7個免費高品質 PBR 材質網站

什麼是「PBR」材質?PBR英文全名為 Physically Based Rendering(物理基礎彩現),也就是指利用各種的物理模擬為基礎的運算,來進行彩現(渲染)的技術,而目前主流的彩現軟體或遊戲引擎,例如 V-Ray等知名軟體 都是採用PBR 的技術。 而RHINO 7的彩現,也支援「PBR」材質,因此等同於我們可以為RHINO 7的彩現擴充大量真值得材質。
所有 PBR 材質球貼圖都包含顏色(外觀貼圖)、法線(凹凸貼圖)、AO、粗糙度和置換貼圖(位移)等,也支援 JPG 或 PNG 兩種格式,解析度最高為 4K(4,096 x 4,096px),今天分享幾個可以免費下載 PBR 材質的網站,相信大家一定用得到。


 https://ambientcg.com/

這是我個人最推薦的一個,裡面內容豐富。總共提供1500多個材質,而且裡面分類完整、內容豐富。包含了各式材質、HDRI環境和逆向掃描的3D檔案。
令人覺得最感動的是,下載超方便,完全不用進行什麼申請帳號、註冊、看廣告等等手段,直接點選就可以下載了,真的是超佛心!!
強力推薦!!!



https://matlib.gpuopen.com/main/materials/all

這是硬體大廠AMD推出的免費材質庫,這裡提供了290個常用的材質,其實290個也已經很夠用了,它的介面也是設計得很好,分類很清楚,而且提供了線上3D預覽的功能,真的超方便!!可以在線上仔細確認過細節後再來下載。下載的品質也可以到達4K16b,真的相當不錯。

而且,它也是下載超方便,完全不用進行什麼申請帳號、註冊、看廣告等等手段,直接點選就可以下載了,真的是超棒的!


https://polyhaven.com/

Poly Haven這個網站也是標榜100% 免費,強調不僅免費,而且CC0 ,這意味著我們可以毫無限制地將這些材質來做各種用途。這個網站無需付費與註冊,只要選定我們需要的材質,就能立即使用,當然,他們也是很歡迎贊助。

目前提供下載的PBR材質只有245個,但這邊也提供了HDRI的場景五百多個與一百多個3D物件。我尤其喜歡他們的場景和3D物件,雖然3D物件不算太多,不過有些東西很適合當作彩現時的室內擺設。



https://www.cgbookcase.com/

這也是個強調100%免費的PBR材質庫,這裡提供了500多個常用的材質,這些紋理是在 CC0 1.0 許可下發布的,這意代表真的可以免費使用。如果你也因為他們的佛心而感動,你可以在Patreon上支持這些優秀的個人或公司,來為大家免費創建和發布更多的材質。也可以通過在Ko-Fi上捐款來支持他們。

它的介面也是設計得很好,分類很清楚,介面上還提供了Filters,可以快速幫過濾你需要的顏色、解析度、材質類別等等,真的很方便。

而且,它也是下載超佛心,完全不用進行什麼申請帳號、註冊、看廣告等等手段,直接點選就可以下載了,如果經濟上許可也歡迎付費支持他們一下!



https://icons8.com/l/3d-textures/?ref=producthunt&fbclid=IwAR3i9xkmjBFNumngudqaISCAV4iMUpyyJXXPh6o5pFRxwzULE5FFZumJL5E

Icons8 這個網站一點進來,就沒在跟你囉嗦的,直接一鍵下載全部材質,總共2G的容量,超級大方,可惜僅有35個材質。如果還要更多材質,就乖乖的訂閱他們吧!!

Icons8 其實擁有龐大的設計資料庫,它提供了設計師所需的:圖標、插圖、照片,甚至音樂。3D材質部分也是他們後來才增加的項目,所以正在慢慢的增加中,如果有需要,就訂閱他們吧。



https://freepbr.com/

這個網站很直白,網址就直接告訴你他是免費的,我們可以在這裡下載 100% 免費的 PBR 材質和紋理。目前這個網站有 350 多個免費 PBR 並且還在增加中。這個網站是由Brian建立的,整個網站的材質都可以免費下載,但如果需要商業用途,也只要支付 7 美元的,真的也是相當便宜。

這個網站下載也是超方便,另外材質球都可以放大檢視,方便我們觀察材質細節,也算是貼心的安排。 



https://www.textures.com/

這是一個非常專業的材質網站,成立於 2005 年,當時名為 CGTextures.com。他們的資料庫目前有 140,857 張圖片,並且繼續成長中。他們所製作的材質已被世界上幾乎所有遊戲開發商和視覺效果公司所採用。

當然,他們的材質庫之豐富,也是讓人難以想樣,舉凡織物、木材、金屬、磚塊、塑料等等的紋理,應有盡有,而且材質解析度更高達16K。當然如此完整的材質庫,絕對不可能是完全免費的,也不向之前介紹的網站,一點就能下載,我們必須註冊帳號,登入之後,它還是提供每天最多免費下載 15 張材質的福利。如果我們還需要更多或更大的紋理,我們就要付費購買或訂閱了。

其實一天15個材質,也是很夠了啊!!感謝佛心啊!!



2021年12月29日 星期三

Rhino 7 彩現教學--新手必學,快速燈光彩現技法

Rhino 7 -- 燈光效果彩現練習 每年都一定會有學生來詢問燈光類產品的彩現(渲染)應該怎麼做,過去燈光類要進行彩現確實不容易,要進行不少的設定,但是在新版的Rhino 7 中,內建的的光線追蹤與自發光材質,已經能夠對燈光有很棒的彩現效果了。 這次就利用同學的設計來測試一下,同時搭配降噪器,取樣都控制在100左右,還用了後處理的光暈、泛光等效果。焦距模糊與大光圈效果,則是使用RHINO中的鏡頭設定,並非使用後處理製作。

由於範例中這個檔案是以一位學生的設計,基於著作權的立場,不便將檔案分享給大家,不過我有製作另一個範例,如果大家有需要可以利用這個檔案來進行同步的練習,可以做到類似的效果。下載的連結如下:


這個教學影片的連結如下 :

另外,關於彩現部分還有一些相關的教學影片可以參考。

Rhino 7 降噪器安裝影片 https://youtu.be/H_6tdcrogTk Rhino 7 珠寶彩現示範 https://youtu.be/4b7sQ3i9USA

也歡迎您訂閱並追蹤我的頻道,原則上我會以接近每週更新的頻率,來更新我的相關教學影片。




燈光調整前的狀態

燈光調整後的狀態



利用自發光,調整燈泡強度,三種不同強度之調整模擬。








2021年8月28日 星期六

LED檯燈(彩現)--Rhino 7 彩現示範教學,含場景、材質、燈光與自發光

 本練習是使用RHINO 7 內建的彩現器來進行產品外觀彩現模擬。

這段影片可以視為RHINO 7 內建的彩現的教學,想了解RHINO 7 內建的彩現可透過這段影片來了解,這段影片有對RHINO 7 的基本操作,有較完整的概念,同時也說明了燈光類產品彩現的基本重點。如對降噪器不了解與不知道該如何安裝,可參考下面的影片連結,影片上方資訊卡也提供連結。
https://youtu.be/H_6tdcrogTk 本練習應用了RHINO 7 內建的彩現--"光線追蹤(Ray Tracing)",此範例示範了,如何建立材質、如何簡單編輯材質、如何使用材質庫之材質、如何適用內建環境場景、如何使用天光(環境光源)、如何建立反射地面、如何自己建立攝影棚場景、如何自行建立光源、如何設定檯燈的自發光源等,因此影片的長度較一般彩現示範要長。


Rhino 7 自發光的表現
Rhino 7 自發光的表現

Rhino 7 自發光加強,環境光下降
Rhino 7 自發光加強,環境光下降

Rhino 7 自發光的技巧,環境越暗,燈光表現效果會越好
Rhino 7 自發光的技巧,環境越暗,燈光表現效果會越好





2021年8月27日 星期五

RHINO 練習範例--筋膜震動按摩槍

 RHINO 練習範例--筋膜震動按摩槍

本練習是繪製近年熱門的產品筋膜震動槍按摩槍,已將按摩槍的造型進行了適度調整,以適合RHINO LEVEL 1的程度進行外觀提案的練習,為了方便練習,也同時提供了底稿並參考工程圖來進行3D建模示範。
此繪製使用了曲面與實體的布林運算與混接圓角等概念,使用了包含擠出、旋轉成型、比例縮放、圓角、斜角、陣列、布林運算等指令應用。並使用RHINO 7 內建的彩現器來進行產品外觀彩現模擬。 繪製過程中提示的問題,也是過去教學經驗中,學生較容易碰到的問題,可以當作借鏡。整個過程透過實際產品的繪製,將對產品建模的邏輯有所幫助。

下方提供彩現圖與可參考的三視圖
Rhino 7 光線追蹤示範
Rhino 7 光線追蹤示範


Rhino 7 光跡追蹤示範
Rhino 7 光跡追蹤示範


RHINO 7 震動按摩槍練習
RHINO 7 震動按摩槍練習



RHINO 7 震動按摩槍彩現
RHINO 7 震動按摩槍彩現



RHINO 7 應用環境光源彩現
RHINO 7 應用環境光源彩現




按摩槍參考工程圖
題目參考工程圖

匯入用視圖



匯入用視圖




RHINO 練習題 範例--氣炸鍋