水彩風格的建築效果圖怎麼做?

現在水彩風格的建築效果圖非常火啊,但是是怎樣的一個思路呢?求告知思路。


首先,我是一個十分懶惰的人(這對建築學學生而言可能不太好)。能一分鐘做完的事絕對不花兩分鐘,剩下那一分鐘一定要用來睡覺。
這張圖是上學期設計課最後答辯時用來唬人的,當時想嘗試做一種近似水彩效果的表達。於是用了一種簡單的一步到位的方式,就是用PS里的漸變映射,直接給你白圖一秒上色。

1,先渲染一張白模,如下:

2,去色,加一個cut out或者palette knife的濾鏡,在filter gallery裡頭,隨便試一試玩一玩,找個喜歡的。效果如下:

3,圖層--新建調整圖層--漸變映射:

(顏色組可以上網去挑,下個喜歡的色卡吸過去就好了。然後幾個滑塊左右拉一拉,調整一下,使效果圖順眼就行了。)

4,成圖如下(當然了,我是疊加過線稿的):

最後P圖的時候就十來分鐘。主要是圖太大(48英寸寬),調整完濾鏡效果要算好半天。一般而言學生作業大概分分鐘就搞完了。當然,電腦好的話更快。


這裡給大家安利一個我們早前翻譯的一個國外一位建築視覺傳達達人Atelier Crilo的水彩風格的建築效果圖教程~
用到的軟體有:

SketchUp, AutoCAD 和 Photoshop

先上最終效果圖:

首先當然是建好模啦~

從模型開始

在這個例子中,建築方案和3D效果均由我們掌控。設計者同時又是3D效果製作者,所以我們建了一個非常詳細的3D模型,從而更好地控制2D繪圖和剖面。通常來說,我們直接用3D模型進行設計,包括一開始就使用了紋理和材質,並且在做室內的設計時考慮取景視角。
通過這樣的方法,我們從一開始就嘗試著對項目有一個整體的掌控。這可能會很困難,尤其是在設計的最初階段,但你能想到這對接下來的工作進程有很大幫助。我們用SketchUp建模,雖然這只是一個簡單快捷的小軟體,但它能夠實現很高的細緻和複雜程度。同時,對於建築設計師來說,對剖面進行實時的設計是件很棒的事。而其他的軟體無法如此完美地實現這個功能。

導出

當建模達到足夠深度之後,便可以導出模型了,有兩種導出格式可供選擇:導出到AutoCAD (DWG);

導出圖片(PNG, JPG, TIFF),可用於陰影和隱藏線模型的導出。

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

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

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

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

上色選擇了黑

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

填充。。。。

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

總而言之...

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

如果你不太熟悉AutoCAD的操作,或者你想在加快工作進度的同時仍然獲得一張不錯的底圖,能夠馬上用於製作水彩效果,那麼你可以從SU導出一張混合圖,然後使用PS的overlay功能。這樣,你完全可以跳過傳統的DWG步驟。

下面總結一下基本步驟:

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

2.導出一張線框圖。

3.在PS里創建一張尺寸相當的白紙。

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

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

隱藏線樣式

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

線框樣式

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

帶陰影和線框的疊加圖

通過疊加兩個導出圖片,你就完成了這張帶有陰影和線框,幾何造型得到強化的圖紙。在這裡,我們將白紙調成噪點效果,有一種灰灰的感覺。

使用筆刷

合成了陰影線框圖之後,你就可以用水彩筆刷進行繪製了。你可以在網上找到各種筆刷,比如在BrushKing上,這個鏈接或者這類的鏈接。或者你甚至可以創建你自己的筆觸。

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

(視頻請點擊網站的原文鏈接:效果圖的藝術:用SketchUp, AutoCAD 和 Photoshop創造絕佳的水彩效果(內附視頻))

經過一步一步的製作,我們完成了水彩效果的繪製。我們在這裡融合了所有的元素,比如說經過填充的樹木,黑色的陰影,有一點點透明度的線框,以及水彩效果的筆觸。

完成圖~~和其他類似風格的美圖

希望大家會喜歡這個教程。

好的效果圖可是偷不得懶的哦。

本文作者為:Atelier Crilo 原載於Architizer網站,由建築學院翻譯編輯。轉載請聯繫我哦


Updated.
丟幾張以前做的水彩風效果圖。

看出共同點了嘛?
就是營造鋼筆/鉛筆淡彩風。

其實步驟簡單來說很簡單。
建模-導線稿-渲染(渣渣如我用的最基本的渲染,區分一下材質顏色而已)-進ps

ai先調整線稿

ps圖層三層(線稿,陰影,材質分區),其實最基本只需要兩層(線稿和陰影)

然後呢就是附上材質貼圖,各種變換圖層模式與加深減淡

再然後加樹,不一定要找水彩樹呀,實景樹處理一下也可以很水彩

然後再各種筆刷 加深減淡加白換圖層模式加蒙版 偶爾加點數位板

感覺一下就好了( ̄▽ ̄)/


喜歡的話可以follow
Instagram: lichel_xu
Benhance: https://www.behance.net/liqiuxu


上面幾位大神的方法都很不錯,介紹一個小插件吧,方便快捷。
FotoSketcher

效果如下

第三章我使用lumion導出轉的,出圖時間很短,給草圖用夠了

下載地址:
http://pan.baidu.com/s/1i5ypHIH

我這個人一般都是直接給乾貨的,哈哈哈
_______________________________
看來我還是要講解一下這個插件的IMBA功能啊
這是原圖

彩鉛效果

黑白線稿

淡彩

素描線稿(有沒有老派建築師手繪的趕腳?)

水彩

油畫

油畫筆觸

老照片

抽象拼貼(命令叫,顯示2,利用三角形不斷疊圖形成的畫面效果)

正式END


上點平時的小作,作為一個喜歡畫水彩的建築生,先馬後答。


一些我水彩風的建築作業圖。

基本來說有三種,第一是完全ps作業。第二是半手繪?ps. 第三種是全手繪。

上面這張就是完全手繪了。

我其中一本標書

首先平時要經常畫一下水彩,多看一些作品,總結一下水彩的顏色啊,筆觸的變化。

然後要去下載一些水彩和自然質感的筆刷(技術宅論壇挺多的,任君選擇)

晚點上一下我自己下筆刷的幾個固定地方(其實我挺懶的,找到幾個好用的就一直用了)

純電腦繪製的。

比如用我這張場地周邊的建築風格展示圖。

當然底部先用下好的筆刷調一下顏色,然後做點質感出來(當然不要影響到你要表達的重點為前提)

然後把建築本身放進來(拍的高不高大上沒所謂,因為這裡我只要看清楚輪廓就好--做這種表達圖很重要的一點就是要確定每一張自己想突出的重點,不要被水彩效果給迷亂了)

把街道左右前後連接關係做好用ps粘合在一塊兒

然後把顏色-飽和度大大降低,對比度再調一下

然後用帶有材質的橡皮擦,擦擦擦出邊緣(因為水彩邊緣都不會太生硬)

加上點自己想強調的東西(我這裡強調了一下綠化帶)樹木啥的就直接用樹木的筆刷塗塗就好,不需要太寫實,最重要隨意,而且切忌!!!切忌!!重複感太強像平移複製一樣,再怎麼樣也要有點變化。 綠化輕鬆點交代一下就行。

然後把自己想交代的街道節點標記一下···新圖層

再根據輪廓走向加點雲朵啥的··

然後就好了,這種簡單的大概一小時左右能出一張。

然後這種呢。除了有顏色的地方都是直接用我手繪然後用手機拍下來(i6已經足夠了)放進ps裡面加工外,別的都是原來的圖了。

。下面

這種就是純屬用ps畫出來的,加點筆觸而已。顏色的控制在水彩里是比較重要的。多看大師作品,把色感培養好,偶爾自己畫一下感受下,很快就上來的。

下面這張就是平時用水和顏色半實驗半玩出來的,用不同材料感受水彩的變化。

多練習是王道。

然後這種大面積渲染的水彩實驗畫,還可以拍下來作為自己的素材質感用,嘻嘻嘻。


一般來說,水彩風格的效果圖都是ps的功勞,渲染部分渲出光影關係就行了。所以大致思路是這樣的:
1.渲染過程中使用一些光影效果突出的材質(有凹凸貼圖的,反光強烈的材質),色彩上可以不用太考慮,之後不會用到。。。渲染結果甚至都不用太高解析度,要的就是光影關係。
2.再導出幾張線圖(su導出很方便,rhino的話就是make2d),包括邊緣的圖,內部結構的透視(加上這個特別高大上),引線之類的,方便之後調整。
(此處更新一下,對於rhino室內渲染來說,由於rhino make2d的工作原理,沒法導出完整精細的線圖,所以具體的操作為(以rhino5為例):
1.顯示模式為鋼筆模式(rhino4里沒有這個默認模式,不過從設置裡面應該可以改出來,基本要求是只顯示邊緣線,陰影材質一概不要):

2.記下渲染的解析度,方便線圖和渲染圖對應:

3.打開印表機,選擇圖片列印,解析度和渲染相同,列印出來就好

這樣做有個問題,就是線圖不是矢量圖,而是一個完整的圖片。但是既然是渲染圖,這樣反而方便了,不用輸出之後兩張圖反覆對照大小,直接導入進去疊上,大小完全一樣,非常方便。而且相比make2d,這樣什麼模型都能輸出,比如這次我的作業rhino模型帶超噁心的參數化表皮,make2d非常容易死機,這樣列印的話就方便多了。
話說su這方面就好用多了,但是為了更大的建模自由,忍痛放棄su轉入無盡的曲面建模世界中。。。。。。)
3.進入ps里,渲染圖可以調成黑白的,調整一下光影,突出明暗關係就好。再把線圖對齊疊在上邊。
4.之後就是靠自己琢磨的部分了:上色。開新圖層,混合選項用疊加,然後就像手繪一樣開始塗色吧!當然,也可以導入一些圖片啊材質啊放在上面,但一般來說我也會把這些素材處理一下,可以用濾鏡,也可以跟渲染圖一樣重新上色。
5.線圖部分是用來強調邊緣的,也就是讓渲染圖主題更突出,這些線怎麼配置可以自己琢磨一下,反白啊,局部擦除啊效果都很不錯,想像這些線是鉛筆線,橡皮擦透明度調高擦幾下就行。
自己的圖紙不好意思貼,可以參考這位大神的網站:BLOG - architectural rendering and illustration blog
每個案例都有詳細教程,簡直是業界良心。
貼幾張他的效果圖好了:


正常畫圖即可
然後用軟體過濾一下就行了
推薦人民幣25元購買手機端APP Waterlogue
Waterlogue on the App Store


原圖(給公司畫的效果圖):

軟體一鍵生成:

立面圖也不在話下:

如果願意,還可以自己疊個線稿,然後再複製一層,高斯模糊加疊加,再用蒙版蹭蹭

尤其是總平這種對線稿要求比較高的,建議最後再上面再疊一個清晰的線稿

然後其實軟體本身還能調細節和色調等等。
實在不滿意進PS再調色
完畢


最近剛好概念階段試了幾個方法,和大家分享一下。

第一個方法是rhino各種導圖+waterlogue。

1,rhino里用Artistic導出一張色彩底圖,需要玻璃透明的地方選取玻璃改變它的顯示屬性為ghost。導圖結果:

2,再導一張帶陰影的線稿:

3,用waterlogue win10版(可在window應用商店購買下載)處理導出來的第一張圖:

4,然後調整調整透明度啥的,再疊疊線稿啥的,你想咋弄都行,看自己愛好:

再賣弄一下我的小渲染:

第二個方法也是促使我回答這個問題的動力,是我寫這個帖子前一個小時發現的方法。可謂是懶人的福音!效果直追各種插畫藝術家作品。

1,去下面網址買這個水彩的Photoshop Action:Watercolor Photoshop Action

貼幾張他網站上的截圖:

只能說尼瑪就兩步,也不用別的軟體,全在Photoshop里只要你有渲染底圖。


剛才買了做了個實驗:

我的渲染底圖:

應用了那個action之後的圖:

因為細節有點丟失,我就把渲的燈光通道又疊了一層:

快去買吧朋友!爽歪歪哦!


哎呀巧了前陣子翻了一篇水彩風效果圖的文章
https://zhuanlan.zhihu.com/p/24501332


最近做的城市的一個圖 類似水彩


Photoshop教程:16-3水彩效果製作


悲劇的被老師說「太水彩,too much」

環境肯定是主要的,水彩與否主要看的是大環境,顏色盡量用水彩一些的顏色。水彩畫重要的是光影關係沒有那麼強烈,畫風趨近於整體色調。

用su直接導出手繪風格線條,在ps里做疊加處理。剩下的就耐心p環境加細節吧,這是不渲染的做法。

————————

忽略底下奇怪的陰影方向…失誤啊渲染的做法,環境好好搞一個,然後就是耐心p。


水彩效果可以自己畫著玩取悅自己,但處理太過並不適合當presentation drawing,一來容易丟失該有的細節,二水彩水漬和顏色處理不好非常容易喧賓奪主,讓人看到一層水霧不明所以。看了評論里的好多圖在review掛出來真是非常尷尬的。


@謝東方

我用你的稿件和流程做出來是蜜汁效果,像一堆毒蘑菇

(*/ω╲*)掩面淚奔


直接畫更簡單一些啊 好複雜 看的我眼花繚亂


佔個坑 有人感興趣或者有時間的話回來答 ^_^


配景 建築等調好以後可以在PS濾鏡裡邊加效果


ps就是畫圖。
選色、降飽和度,就相當於調顏料,
降透明度,就相當於加水。
濾鏡、素材(如潑墨、水漬)、圖層疊加模式,就相當於確保你用的是水彩筆、水彩顏料、水彩紙,然後賦予的水彩效果。
然後你就自己畫唄。


piranesi軟體可以做到,如果想學習可以找我!


最簡單快捷的就是用水彩畫出來


推薦閱讀:

有哪些建築看上去讓你覺得很吃驚?
伊東豐雄、妹島和世與西澤立衛三人的建築風格有哪些相同與不同之處?
如何評價天津濱海圖書館?
中國古典園林有哪些元素常被運用在現代景觀設計或建築形態之中?
從建築師的角度如何評價蘋果公司新總部 Apple Park?

TAG:建築 | 建築學 | 建築設計 | 建築表現 | 建築競賽 |