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

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


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

Atelier Crilo是一個(gè)以建筑設(shè)計(jì)為基礎(chǔ),多學(xué)科融合的事務(wù)所,領(lǐng)導(dǎo)者是Cristian Farinella 和 Lorena Greco。他們開發(fā)了一套獨(dú)家的設(shè)計(jì)問題解決策略,并且提供針對(duì)設(shè)計(jì)研發(fā)和三維可視化的全方位服務(wù)。

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

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

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


NO.1    簡(jiǎn)介

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


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

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

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

效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學(xué)習(xí)資料圖片1

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

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

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


NO.3    方法

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

效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學(xué)習(xí)資料圖片2

研究模型

設(shè)計(jì)手法在材料的選用上得到了快速而清晰的表達(dá),將紋理的賦予和建模過程結(jié)合了起來,作為項(xiàng)目本身的控制要素。


NO.4    從模型開始

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

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

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

效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學(xué)習(xí)資料圖片3
剖面


NO.5    導(dǎo)出

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

這些都是之后的基礎(chǔ)繪圖的實(shí)用技巧,在工作流程上有不同的應(yīng)用。以常用的導(dǎo)出DWG格式到AutoCAD為例。在進(jìn)行技術(shù)圖紙(例如平面和立面)的繪制時(shí)需要注意圖紙導(dǎo)出比例,將其設(shè)置為1:1,因?yàn)槲覀儗?dǎo)出的是矢量圖。然后,我們選擇lines而不是poly lines。

效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD學(xué)習(xí)資料圖片4

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

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

導(dǎo)出DWG


NO.6   處理

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

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

AutoCAD 圖紙

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

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

AutoCAD圖紙


NO.7   黑色

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

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


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

NO.8   填充


我們?cè)贏utoCAD中用poly lines描繪了一些背景圖片,然后對(duì)不同區(qū)域填充線段,點(diǎn)和純黑色。

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

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

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

1.導(dǎo)出一張背景透明的隱藏線底圖。 

2.導(dǎo)出一張線框圖。

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

4.在白紙上將兩個(gè)導(dǎo)出的圖片相疊合

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

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

隱藏線樣式

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

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

線框樣式

你可以將導(dǎo)出的線框和隱藏線圖片疊加在一起,調(diào)節(jié)成各種疊加模式,然后將不透明度設(shè)置為百分之20到30。在PS里新建一張紙,但不一定非要白紙。然后,選擇菜單 Filter>Noise>Add Noise或者使用一張紋理貼圖,模擬一張紙的質(zhì)感,可以是褶皺的或者破舊的。

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

帶陰影和線框的疊加圖

通過疊加兩個(gè)導(dǎo)出圖片,你就完成了這張帶有陰影和線框,幾何造型得到強(qiáng)化的圖紙。在這里,我們將白紙調(diào)成噪點(diǎn)效果,有一種灰灰的感覺。


NO.9   使用筆刷

合成了陰影線框圖之后,你就可以用水彩筆刷進(jìn)行繪制了。你可以在網(wǎng)上找到各種筆刷,比如在BrushKing上,這個(gè)鏈接或者這類的鏈接?;蛘吣闵踔量梢詣?chuàng)建你自己的筆觸。

可是,重點(diǎn)不在于使用一個(gè)特殊的筆刷,而在于收集不同種類的筆刷。所以最好找到許多現(xiàn)成筆刷的集合,注意要調(diào)整透明度以避免點(diǎn)狀的效果。這是技術(shù)性較弱的部分,而顯然是整個(gè)過程中藝術(shù)性更強(qiáng)的部分,所以接下來我用一個(gè)短片來展示一下我們是如何使用筆刷的。

觀看視頻

經(jīng)過一步一步的制作,我們完成了水彩效果的繪制。我們?cè)谶@里融合了所有的元素,比如說經(jīng)過填充的樹木,黑色的陰影,有一點(diǎn)點(diǎn)透明度的線框,以及水彩效果的筆觸。

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

完成圖

以下是近期一些利用本文所述技巧制作的水彩效果圖:

效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD分析圖片15


效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD分析圖片16


效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果AutoCAD分析圖片17




開放分享:優(yōu)質(zhì)有限元技術(shù)文章,助你自學(xué)成才

相關(guān)標(biāo)簽搜索:效果圖的藝術(shù):用SketchUp, AutoCAD 和 Photoshop創(chuàng)造絕佳的水彩效果 AutoCAD培訓(xùn) AutoCAD培訓(xùn)課程 AutoCAD圖紙?jiān)O(shè)計(jì) AutoCAD在線視頻 AutoCAD技術(shù)學(xué)習(xí)教程 AutoCAD軟件教程 AutoCAD資料下載 Fluent、CFX流體分析 HFSS電磁分析 Ansys培訓(xùn) Abaqus培訓(xùn) Autoform培訓(xùn) 

編輯
在線報(bào)名:
  • 客服在線請(qǐng)直接聯(lián)系我們的客服,您也可以通過下面的方式進(jìn)行在線報(bào)名,我們會(huì)及時(shí)給您回復(fù)電話,謝謝!
驗(yàn)證碼

全國(guó)服務(wù)熱線

1358-032-9919

廣州公司:
廣州市環(huán)市中路306號(hào)金鷹大廈3800
電話:13580329919
          135-8032-9919
培訓(xùn)QQ咨詢:點(diǎn)擊咨詢 點(diǎn)擊咨詢
項(xiàng)目QQ咨詢:點(diǎn)擊咨詢
email:kf@1cae.com