效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果

2016-11-10 by:CAE仿真在線來源:互聯(lián)網(wǎng)

Ronen Bekerman是建筑視覺傳達領域的業(yè)界領軍人物,他在自己的專家博客上發(fā)表了許多高階教程。本文是向大家展示其中由全球頂尖效果圖藝術家創(chuàng)作的精選教程。

Atelier Crilo是一個以建筑設計為基礎,多學科融合的事務所,領導者是Cristian Farinella 和 Lorena Greco。他們開發(fā)了一套獨家的設計問題解決策略,并且提供針對設計研發(fā)和三維可視化的全方位服務。

Atelier Crilo的教程基于傳統(tǒng)攝影原理指導下的效果圖制作手段和實時照相現(xiàn)實主義的挑戰(zhàn),針對建筑可視化與虛擬現(xiàn)實,采用更加程式化,說明性的方法來加以表現(xiàn),該方法展現(xiàn)了傳統(tǒng)藝術與數(shù)字化的碰撞。

該公司于2014年發(fā)布了一些水彩效果的建筑效果圖,這些圖瞬間吸引了我?？傮w來說我很喜歡這種手法,而且他們在這些作品中對于AutoCAD軟件圖層的運用也十分有趣。

這是利用數(shù)字化技術對傳統(tǒng)技術的重新演繹,塑造出的建筑效果圖既展現(xiàn)了水彩效果,又擁有著CAD制圖的精確性。接下來請繼續(xù)欣賞Atelier Crilo對于創(chuàng)作過程的解讀。

NO.1 簡介

我們對Ronen的博客關注了很長時間,對上面發(fā)布的許多作品通過3D技術所展現(xiàn)出的高品質(zhì)十分佩服,甚至包括初學者的一些作品。這跟數(shù)年前相比已經(jīng)有了翻天覆地的變化。那個時候沒有幾個作品能展現(xiàn)出真正的高水平,但是現(xiàn)在,毫不夸張地說,只要遵循教程和網(wǎng)上制圖指南進行繪制,你就能制作出很好的效果圖。如果沒有類似此博客這樣的公共平臺,這種傳授將很難實現(xiàn),因此我們十分榮幸可以為此貢獻自己的力量。

NO.2 為什么做成水彩效果?

選擇水彩效果是因為我們希望嘗試新興的表現(xiàn)技術,它們可能來自于其他領域如藝術,平面設計和漫畫,從而借鑒與融合其他的建筑可視化原則和方法。這是我們永恒的追求:做一個建筑師和設計師,同時也像美術設計院和插圖畫家那樣工作。在其他領域?qū)ふ异`感,這真的很有幫助。

因此,我們重新認識到,人們所忽視的水彩表現(xiàn),在如今的意大利漫畫中,似乎正在復興。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學習資料圖片1

以森林為背景的Dylan Dog(左)以及筆觸大膽的倫敦窄街場景(右),運用了鮮明的色彩,去輪廓線的繪制手法。視角的選擇以及強烈的透視使得這兩個場景動感十足。

如果我們放眼于小說和流行喜劇,我們會發(fā)現(xiàn)偉大的作家兼藝術家諸如Gipi (Gian Alfonso Pacinotti),但是最最值得關注的是,我們正見證著由Roberto Recchioni最新編輯,由Gigi Cavenago等杰出藝術家創(chuàng)作的 Dylan Dog的復興。建筑和漫畫密切相關,這兩個職業(yè),漫畫家和建筑師——也許是暫時的,盡管他們畫圖的目的截然不同。

看看這些繪制精良的卡通畫作,看看那些豐富的線條和色彩,它們是你靈感的源泉,是對3D視覺傳達所需的技術知識的補充,包括建筑表現(xiàn),效果圖表達,以及未建成建筑的圖面視覺傳達。

NO.3 方法

概括來說,理解下述的總體框架十分重要。如果繪圖本身是獨立的,那么對于圖面的解讀應當是整體的。版面使用了橫向的條形排版,運用了強烈的黑色背景繪制,例如傳統(tǒng)墨水手繪,在水彩的繪制上使用許多不同的色調(diào),從帶冷綠和冷藍的深色調(diào),到純凈的白色調(diào)——運用傳統(tǒng)的白色塑造技巧,不是使用白色顏料,而是利用紙張本身的白色。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學習資料圖片2

研究模型

設計手法在材料的選用上得到了快速而清晰的表達,將紋理的賦予和建模過程結合了起來,作為項目本身的控制要素。

NO.4 從模型開始

在這個例子中,建筑方案和3D效果均由我們掌控。設計者同時又是3D效果制作者,所以我們建了一個非常詳細的3D模型,從而更好地控制2D繪圖和剖面。通常來說,我們直接用3D模型進行設計,包括一開始就使用了紋理和材質(zhì),并且在做室內(nèi)的設計時考慮取景視角。

通過這樣的方法,我們從一開始就嘗試著對項目有一個整體的掌控。這可能會很困難,尤其是在設計的最初階段,但你能想到這對接下來的工作進程有很大幫助。我們用SketchUp建模,雖然這只是一個簡單快捷的小軟件,但它能夠?qū)崿F(xiàn)很高的細致和復雜程度。同時,對于建筑設計師來說,對剖面進行實時的設計是件很棒的事。而其他的軟件無法如此完美地實現(xiàn)這個功能。

為了更好地表達,我們并不只需要觀看剖面,還需要對其進行操作,在模型中編輯剖面輪廓和和形態(tài)。建筑設計在很大程度上基于剖面設計,所以SU軟件對于建筑設計來說是很好用的工具。剖面工具不僅可以展示剖面,還能夠在內(nèi)部建模。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學習資料圖片3

剖面

NO.5 導出

當建模達到足夠深度之后,便可以導出模型了,有兩種導出格式可供選擇:導出到AutoCAD (DWG);導出圖片(PNG, JPG, TIFF),可用于陰影和隱藏線模型的導出。

這些都是之后的基礎繪圖的實用技巧,在工作流程上有不同的應用。以常用的導出DWG格式到AutoCAD為例。在進行技術圖紙(例如平面和立面)的繪制時需要注意圖紙導出比例,將其設置為1:1,因為我們導出的是矢量圖。然后,我們選擇lines而不是poly lines。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學習資料圖片4

導出之后用CAD打開,你就會得到下面這樣的圖:隱藏體塊的線框圖。這種導出方式可以得到基礎繪制所需的很好的線框圖。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD分析案例圖片5

導出DWG

NO.6 處理

在AutoCAD導出圖紙的基礎上,我們可以對輪廓線和陰影做加深處理,然后從整體出發(fā),將建筑的手繪感用冷峻的,矢量化的CAD圖形表達出來。我們可以充分利用CAD里的基本功能,使用點和交叉線進行填充,強調(diào)出開窗,內(nèi)表面和陰影,從而突出設計中的某些區(qū)域。這個步驟僅供參考,完全依照個人喜好。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD分析案例圖片6

AutoCAD 圖紙

在這個實例中我們用粗實線來強調(diào)出房屋輪廓或天窗。我們需要創(chuàng)造出手繪中很典型的瑕疵和臟亂感,這樣實際上就可以模擬出材質(zhì)的真實感。這一系列的填充強調(diào)出了地板的材質(zhì)和臟亂感。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD分析案例圖片7

AutoCAD圖紙

NO.7 黑色

黑色是一種你必須要有勇氣才能使用的顏色。使用黑色墨水繪制剖面陰影等等的繪圖員對此再清楚不過了。為了找到黑色運用的合適比例,我們以一張圖片為參照繪制出了所需背景圖。我們使用AutoCAD對一張圖片進行了基本的描繪,然后分層級進行填充,填充色逐漸加深,直到看上去成為純黑色。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD分析案例圖片8

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD技術圖片9

NO.8 填充

我們在AutoCAD中用poly lines描繪了一些背景圖片,然后對不同區(qū)域填充線段,點和純黑色。

最后我們得到了基于DWG導出文件繪制的PS水彩底圖,利用了填充和線條來強調(diào)圖中的部分區(qū)域,使用黑色對背景和SU導出的地面陰影進行填充。初步的制作結果如下圖所示。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD技術圖片10

如果你不太熟悉AutoCAD的操作,或者你想在加快工作進度的同時仍然獲得一張不錯的底圖,能夠馬上用于制作水彩效果,那么你可以從SU導出一張混合圖,然后使用PS的overlay功能。這樣,你完全可以跳過傳統(tǒng)的DWG步驟。下面總結一下基本步驟:

1.導出一張背景透明的隱藏線底圖。

2.導出一張線框圖。

3.在PS里創(chuàng)建一張尺寸相當?shù)陌准垺?/span>

4.在白紙上將兩個導出的圖片相疊合

SU中既有黑白樣式,又有陰影樣式,但是在我們的制作中最好選用隱藏線樣式。在菜單中可以設置這種樣式—View>Face Style>Hidden Line —然后選擇File>Export>2D Graphic。保存文件為PNG格式,然后打開Options dialog box來設置文件大小。4000 到 5000 像素就足夠了。檢查一下背景是否為透明的。完成了這些,你就可以像這樣在PS里進行編輯了。

效果圖的藝術：用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD仿真分析圖片11

隱藏線樣式

導出的文件包含了SU的背景顏色(例子中是淺藍色)。把圖片弄成單色調(diào)這樣在PS中就可以輕松刪除它了?；氐絊U,用同樣的方法設置線框顯示樣式—View>Face Style>Wireframe—然后點擊File>Export>2D Graphic。同樣,將圖片保存成PNG格式,然后打開Options dialog box。使用相同的尺寸,同樣確保背景是透明的。