轉(zhuǎn)su bbs【PODIUM基礎(chǔ)教程】提高篇(六) 水彩印象

【PODIUM基礎(chǔ)教程】提高篇(六) 水彩印象

數(shù)碼阿叔把這篇教程的名稱定為"水彩印象"，也許有人會說，既然Podium渲染出來的影像已經(jīng)是擬真的影像，又為什麼還要搞這種水彩印象呢？其實這就跟我們的人生一樣，如果我們的生活中沒有跌宕起伏的潮起潮落、永遠一成不變，那麼這種日子必然過得一地雞毛。對于表達設(shè)計的方式也是同樣的情況，如果永遠只采用一種固定的渲染模式，那麼對于設(shè)計過程的檢驗以及對設(shè)計成果的發(fā)布，久而久之恐怕也會令人感覺乏善可陳啦。因此我們在工作中應(yīng)用渲染的時候，總得多熟悉幾種不同的表現(xiàn)風(fēng)格，能夠以多樣化的面相做設(shè)計表現(xiàn)。

學(xué)設(shè)計的人大都畫過水彩畫，我們都知道水彩畫具備一種特質(zhì)，涂在畫紙上水彩顏料給人的感覺是有點透明的，隨著畫筆逸散的色彩，凝結(jié)成似有似無細細的水漬邊緣，營造一種清新淡雅的風(fēng)格。許多朋友都很欣賞我們論壇中KEI與虱目魚兩位設(shè)計師的作品，在他們貼出的作品中沒見過他們應(yīng)用上任何渲染，而他們直接從SketchUp輸出的影像，淡妝素抹的淡彩效果更顯現(xiàn)設(shè)計師對設(shè)計作品的執(zhí)著和率真。"淡彩"，在影像的色度濃淡和明暗對比上跟我們習(xí)慣看到重彩著墨的效果圖相比，淡彩少了那種濃油漬醬的煙火氣，給人一種清新脫俗的感受。

|Podium本身無法直接渲染出模擬水彩效果的影像來，必須借助后處理。最典型的后處理工具當屬影像處理的行業(yè)標準軟件Photoshop了。Photoshop原先是在Macintosh系統(tǒng)上執(zhí)行的軟件，20年前從其2.5版開始同時發(fā)行Windows版，到當前CS4版Photoshop的處理能力已經(jīng)提升到無可匹敵的程度。凡是從事跟影像沾上點邊兒的工作(包括渲染)都不得不用上它，因此我們整天泡在渲染里的朋友們當然也必須熟悉這個工具軟件的操作技巧。

話說回來，從Podium渲染出影像之后，如果要弄出水彩的印象來，當然可以直接應(yīng)用Photoshop自帶的濾鏡做后處理，然而那個WaterColor的效果好像太強烈了些，弄出來的效果往往活脫脫的就像一張暈染出來水彩畫。設(shè)計師跟畫家不同的地方在于畫家的作品是以畫作本身作為標的物面向藝術(shù)市場，而設(shè)計師是以渲染為手段模擬設(shè)計作品完成后的模樣，標的物是設(shè)計本身，渲染的內(nèi)容是對設(shè)計內(nèi)容詳實的展現(xiàn)。所以效果圖不能弄得太寫意，必須得把設(shè)計上的諸多細節(jié)纖毫畢露的呈現(xiàn)在業(yè)主和觀視者眼前，讓對方肯定設(shè)計內(nèi)容才是制作效果圖的目的。

www.sketchupbbs.com在論壇上有一篇由往往執(zhí)筆的"【Podium基礎(chǔ)教程】提高篇(三) Clay+Line Overlay"教程，里面詳細說明了給渲染出的場景模型套上細線邊緣的做法。套線是清晰表現(xiàn)設(shè)計細節(jié)的好方法，尤其對于大樓建筑物的全景外觀，密密麻麻的窗戶加上隔板或挑檐，通常在渲染的光影中是不容易表現(xiàn)清晰的細節(jié)，經(jīng)由套線這種后處理之后就很容易搞出一張"真的有用"的圖來。今天這一篇提高篇(六) "水彩印象"具體的做法就是應(yīng)用到套邊線方式結(jié)合Photoshop對Podium渲染出來的影像做后處理，達到清晰表現(xiàn)的目的。

下面這一篇教程是從Podium官方網(wǎng)站論壇的一篇教程轉(zhuǎn)載的，原文是大佬Zem先生于2009年1月27日所發(fā)表的一篇Zem's "Watercolor Look" Tutorial，在這里由數(shù)碼阿叔編譯成中文并加上注解。原文在Podium官方網(wǎng)站論壇上的目錄為：

SU Podium and more > Forums > Tips, Tricks and Tutorials > Zem's "Watercolor Look" Tutorialwww.sketchupbbs.com

現(xiàn)在開始一步一步的說明大佬Zem如何創(chuàng)建這種水彩印象：

登錄/注冊后可看大圖

[步驟1] 從Podium渲染輸出影像

你需要二個源文件，一個是從Podium渲染出來的影像，另一個則是從SketchUp直接輸出的影像。這兩個影像必須為相同的視景所分別輸出。

登錄/注冊后可看大圖

|(數(shù)碼阿叔注解：從Podium渲染影像和從SketchUp直接輸出的影像兩者高寬比會有差異，這沒關(guān)系，只要豎向的像素大小相同就行了。輸出影像像素大小參照最終需要的影像大小。)下面是從Podium渲染輸出的影像，我(Zem)假設(shè)你已經(jīng)知道怎麼執(zhí)行渲染輸出。

[步驟2] 從SketchUp直接輸出影像

從SketchUp里，把相同的視景輸出成一個JPG文件。得確認把風(fēng)格(Style)里的輪廓線(Profiles)設(shè)成1，或者干脆把輪廓線關(guān)掉。輸出影像的像素大小至少得設(shè)置成3000x2000，這樣可以獲得漂亮的細邊線。

登錄/注冊后可看大圖

|(數(shù)碼阿叔注解：關(guān)掉陰影，并且把視景顯示模式改成隱藏線(Hidden Line)模式。)

你應(yīng)該能弄出像下面這樣的影像出來

登錄/注冊后可看大圖

[步驟3] Photoshop后處理

進入Photoshop，開啟剛才的Podium影像，在"層" (layer)上按滑鼠右鍵，復(fù)制出一個層(layer)。

登錄/注冊后可看大圖

  [步驟4] 模擬水彩的透明淡彩感覺

把位于頂上那個層設(shè)定成"screen"，不透明度(opacity)設(shè)定為50%。把這個影像弄得淡一些。

登錄/注冊后可看大圖

[步驟5] 檢查Podium影像像素尺寸

檢查一下這個Podium影像的像素高度(Height)，在這個案件里為768像素高。

登錄/注冊后可看大圖

[步驟6] 重設(shè)SketchUp影像大小使其高度符合PD

載入剛才輸出的SketchUp影像，并且重設(shè)(resize)影像大小，使得這個影像跟Podium影像的高度像素相同，不必在意它的寬度(width)。

登錄/注冊后可看大圖

[步驟7] 覆疊影像

把SketchUp影像拖曳到那兩個Podium影像的頂上，對它應(yīng)用"multiply"，使得影像里白色區(qū)域變成透明，并且讓它從中心跟下層的彩色影像對齊。

登錄/注冊后可看大圖

  

  [步驟8] 色彩校正

點擊圖層校正"adjustment layer"按鈕，運用"色彩平衡" (color balance)，調(diào)整滑桿使得影像里的藍色調(diào)減少一些。

登錄/注冊后可看大圖

[步驟9] 對比較正做另一次圖層校正"adjustment layer"，不過這一次運用"levels"，調(diào)動三角形以調(diào)整影像的"明暗對比" (Contrast)。得注意圖層的順序，二個Podium圖層必須保持在底部，而從SketchUp輸出的單色影像圖層layer永遠在頂上。

登錄/注冊后可看大圖

  

步驟10如果你打算對天空重新著色，那就點選頂上那個圖層，運用魔棒(magic wand)點選天空部份，建立一個選取范圍。

登錄/注冊后可看大圖

步驟11建立一個新圖層layer，選擇一個藍顏色，點取漸層(gradient)工具，確認所設(shè)置的是從藍色漸變到透明。接著從天空上方向下方拖曳。

登錄/注冊后可看大圖

[步驟12] 校正部份色彩

如果你需要修整某些其它區(qū)域(在這個個案中的幾處偏綠色的隔板)，那就再次運用魔棒選取那些需要校正的區(qū)域，并且接著按需要運用校正圖層(adjustment layer)。當你做選取的時候如果你在SketchUp影像(就是用hidden line輸出的單色圖)上做選取就變得比較容易。再一次，到處看看，確定那二個Podium影像圖層一直在底部，而SketchUp影像圖層在頂部。

登錄/注冊后可看大圖

[步驟13] 壓平影像|

一旦所有的調(diào)整都弄好了，把影像壓平(flatten)。

登錄/注冊后可看大圖

步驟14如果你打算把三點透視弄成兩點透視，選取整個影像，然后使用"自由變形"( free transform)。我(原作者)在這里跳過了一個步驟，我增加了畫布大小(canvas size)用以增加更多的天空。

登錄/注冊后可看大圖

[步驟15] 加上噪點

登錄/注冊后可看大圖

增加噪點(noise)，為了一些理由這麼做會使得影像看起來感覺特別好。


按自己的需要裁剪影像，在這個個案里，我減少了前景范圍。

登錄/注冊后可看大圖

完成啦！

登錄/注冊后可看大圖

Zem提供的教程至此結(jié)束，對于數(shù)碼阿叔在開頭所說的，運用水彩的半透明效果加上套邊線的技巧，能夠非常清晰的表現(xiàn)出復(fù)雜的大樓外觀，下面展現(xiàn)的同樣是大佬Zem的作品，朋友們可以拿來跟我們在各處習(xí)見的效果圖做一番比較。

登錄/注冊后可看大圖

"著Zem先生的這篇教程學(xué)習(xí)，我們除了能學(xué)到把Podium渲染出來影像后處理成水彩印象之外，操作的各個步驟中還包含了許多應(yīng)用技巧，諸如Line Overlay給影像套邊線、制作漸層天空、校正影像顏色、把三點透視調(diào)整成兩點透視等等。經(jīng)由把這些步驟靈活運用，我們可以對渲染出來的影像做比較專業(yè)的后處理，有效提升出圖的品質(zhì)。



數(shù)碼阿叔把這篇教程的名稱定為"水彩印象"，也許有人會說，既然Podium渲染出來的影像已經(jīng)是擬真的影像，又為什麼還要搞這種水彩印象呢？其實這就跟我們的人生一樣，如果我們的生活中沒有跌宕起伏的潮起潮落、永遠一成不變，那麼這種日子必然過得一地雞毛。對于表達設(shè)計的方式也是同樣的情況，如果永遠只采用一種固定的渲染模式，那麼對于設(shè)計過程的檢驗以及對設(shè)計成果的發(fā)布，久而久之恐怕也會令人感覺乏善可陳啦。因此我們在工作中應(yīng)用渲染的時候，總得多熟悉幾種不同的表現(xiàn)風(fēng)格，能夠以多樣化的面相做設(shè)計表現(xiàn)。

有倆張圖不大全 不過不太影響~

教程可以，不過看過了。不過樓主將其整理成pdf格式供大家下載的話更好了

回復(fù) 塵劍血 的帖子

恩 我會盡力的

是很好的教程，很詳細
注明了出處，隔壁的人不會說什么了吧
不過后面套線框的時候，直接用EPS的，不是更直接么
（難道是老外都不用PJ版，導(dǎo)不了EPS……）

回復(fù) 塵劍血 的帖子

你在subbs上的帖子為什么都被封號了？本來還想看看你的layout出圖的帖子
在subbs上的帖子bar立面有嗎？

回復(fù) aivagod 的帖子

沒有克隆過來哦，被封的原因俺也不知道哦，難道是在這發(fā)了些牢騷？那樣也太小氣量了吧

回復(fù) 塵劍血 的帖子

是啊，難道是你再這里做了版主？論壇的內(nèi)部競爭？
我想知道layout的標注怎么弄出來的。有這個功能嗎？

真是好東西，最近剛開始用podium，教材很有趣呀。。

謝謝樓主

謝謝樓主。。。。。

看不懂。。

[步驟13] 壓平影像

[步驟13] 壓平影像
圖層的意思么？

為什么只到步驟2