很多小伙伴在遇到了產(chǎn)品設(shè)計線框圖的表達的時候，通常是會用建模軟件截圖進行，但這樣的效果往往在表現(xiàn)力和后期的處理空間都非常有限。那么今天的教程，我來教大家用 KeyShot 結(jié)合 Photoshop 完成高大上的線框圖渲染與合成。

【少廢話，先看東西】

成片效果圖1

成片效果圖2

更多的成片效果圖，你仍然可以在素材的基礎(chǔ)上繼續(xù)發(fā)揮。

【分步教程】

簡要步驟如下：

1.在 KeyShot 中渲染目標(biāo)材質(zhì)

2.在 KeyShot 中渲染線框材質(zhì)

3.在 Photoshop 中進行合成再創(chuàng)作

分步講解如下：

1. 渲染目標(biāo)材質(zhì)

以這個樂高小車為例，第一步我們賦予它目標(biāo)材質(zhì)，即樂高的塑料。這個模型、材質(zhì)以及燈光是來自 KeyShot 官網(wǎng)案例分享，下載地址(https://www./resources/downloads/scenes/).

設(shè)置好后，記得一定要鎖定相機，以保證和后續(xù)渲染線框圖時視角的絕對一致。然后，為了作圖方便，記得用 psd 格式，同時記得勾選clown pass 和 添加到 psd.

然后，渲染第一張圖（建議添加隊，幾張圖一起跑）

材質(zhì)渲染圖如上圖

2. 渲染線框材質(zhì)

在 KeyShot 的預(yù)設(shè)材料中，有一種材料叫做 Toon，Toon 分類之下，有各種顏色和透明度的預(yù)設(shè)供我們選擇。默認(rèn)的 Toon 材質(zhì)基本上涵蓋了從不透明到全透明的各種狀況。我們將材質(zhì)直接賦給整體模型文件即可，如圖：

操作注意將材質(zhì)球拖到整個車輛模型上。

當(dāng)然，我們也可以手動調(diào)節(jié)：

以上幾個參數(shù)基本上對應(yīng)了線條主體顏色、線框顏色和主體的透明度。調(diào)節(jié)之后，我們就可以大致看到初步效果。需要注意的是，由于半透明的處理非常占用系統(tǒng)資源，所以在目前實時預(yù)覽情況下細(xì)化會非常慢（采樣值的提升非常慢）。

然后，渲染第二張圖（建議添加隊列渲染）。

線框渲染圖如上圖

3. Photoshop 內(nèi)的合成

打開文件后，可以看到 clown pass 的圖層，借助 clown pass 我們可以方便地進行選區(qū)操作。

此圖，我僅僅是用了：線框圖圖層調(diào)整為“疊加/Overlay”，背景用材質(zhì)渲染圖層即可。

此圖，我也僅僅是給線框渲染圖層加入了一個蒙版，蓋住了一部分而已。

【 結(jié)束 】

KeyShot + Photoshop, 我們能夠創(chuàng)造出很多的效果圖特效，對于產(chǎn)品上更加強調(diào)結(jié)構(gòu)或內(nèi)容的項目來說，用類似的效果做出帶有結(jié)構(gòu)線的渲染圖是一個不錯的選擇。

想象力有限，我在這次教程里只做了兩種效果，大家可以以這個思路多多嘗試，甚至能夠形成自己的作圖風(fēng)格哦。

文章作者：Natt

教學(xué)總監(jiān)

拉夫堡大學(xué)碩士

輔導(dǎo)學(xué)生多次錄取倫藝/羅德島/帕森斯/愛丁堡/米理等名校

任何關(guān)于院校和作品集的問題

歡迎隨時和馬克君溝通

知無不言，言無不盡

更多作品集教程以及攻略盡在公眾號：馬克筆設(shè)計留學(xué)，還不趕緊關(guān)注看大神操作！