這樣風格的建築分析圖 效果圖 表現圖是怎樣做到的?

最近看了很多建築表現圖 比如第一張的基地平面處理的十分概念,是如何做到的?第二三張類似於手繪(但應該不是手繪)的表現圖是怎樣做到的?還是直接用渲染器渲染之後用photoshop進行潤色?非常喜歡這樣近似於水彩的表現方法。看到別的知友提過類似的圖是填色+素材+狂P噪點,因為有太多細節,如果每一張都這樣搞也太繁瑣了吧,還是有別的方法?


第一張直接使用等高線較密的地形圖就可以做到。

如果有地形模型,那麼在 GIS 類軟體或是可以生成等高線的軟體中,設置一個比較小的等高距,再導出。我猜測問題附圖中的效果,估計是設定某一個平面為基準,高程大於這個平面的等高線使用深色,低於這個平面的使用淺色。在實際操作中,可以將此參考高程以上和以下的等高線分別導出(我尚未用過規劃類 / GIS 類軟體,不知是否可行),再在 Illustrator 中合併。應當使用比較細的線型才能做出較好的效果。

這類圖需要有比較精細的地形圖 / 地形模型作為原始材料,否則很難做出來。也可以嘗試使用 Illustrator 的 Blend 功能(中文應該是「混合」,我使用的是英文版所以並不清楚)來插值生成兩條等高線之間的細分等高線,不過等高線需要連續,而且每兩條原等高線之間都需要插值一次,所以可能較費功夫。如圖:

-------

第二、三張圖,需要較多的後期。不過,應該並不需要使用渲染器,因為像這兩張圖那樣比較「平」的顏色,用渲染器反而不易做到,也耗時間。亦不需要慢慢一塊一塊地填色,直接用 SketchUp 建模,賦顏色,然後建立場景,設置一個不顯示線條的樣式、再設置一個使用 Hidden Line、白色背景的樣式用作線稿,分別導出無線條的圖像以及線稿。

在 Photoshop 中將線稿反色,擦去過密或者不需要的地方,僅用白線來強調窗框(當然,建模時直接用白色的面也行,但是繁瑣得多)。然後,再疊加噪點、材質、各種素材。

嘗試以上面的方法草草地模擬了一下第三張圖的一部分,供參考。原圖的天空可能使用了水彩濾鏡之類的方法處理。

需要注意的是,由於 SketchUp 的光影功能較為簡單,所以暗部通常都僅會有一種灰度。所以,建模時可能要注意這一點,手工將某些面的顏色調暗一些。比如問題附圖中第二張圖的樓板底部。

如果每一張都這樣搞也太繁瑣了吧,還是有別的方法?

做效果圖本來就是一件「繁瑣」的事情,尤其是 non-photorealistic 類的,已經近似於繪畫。其實,第二、三張圖這種插畫風格的圖,有可能真的是將矢量線稿導出,在 AI 中用實時上色功能填色,而後再使用 Photoshop 後期的。甚至,也有可能直接在 AI 中用透視網格作為參照,直接繪製的。上面給出的只是一種方法。

附上 Photoshop 及 SkecthUp 原文件,若有需要,可以看看:2015-1-28_免費高速下載


@MegaNine 謝邀

第一張等高線圖,可能是帶高度的等高線,用犀牛make2d出來的。具體做法可以參考這個帖子:

http://blog.sciencenet.cn/blog-448359-518316.html

高程圖的下載可以去以下網站:

SRTM Data Search

可以用衛星數據直接生成,甚至疊加到google earth上,具體研究怎麼用就看各位咯。

附一張做出來的效果:我同時用高程數據疊加了等高線圖和剖面圖。

第二張圖就是PS的。用sketch或者犀牛線框導出個線框,然後用AI加工下,後期把各種素材疊加上去就好了。重點是牆面,地面紋理的處理和顏色的調和。不會直接抄人家的顏色和色調就好了,該加紋理加紋理,該黑白就黑白。難點不是這個ps出這個圖,而是背後的審美和藝術修養。修養不夠很容易做出不好看的圖(比如我……)所以就不上圖啦。


第一張我不知道真的等高線數據怎麼做,我估計要找GIS數據。

但我知道用來裝逼的假等高線怎麼做,實際上變通一下,知道大致的地形,也可以用這個方法湊合一下。畢竟只是建築方案的話也用不著太精確對吧?

Rhino裡面有個叫Heightfied的功能,就是根據圖片明度生成高低不同的變形網格。

明度越高,相應高程越高。

所以你可以做一張這樣的黑白圖,讓後丟到Rhino裡面

然後它會生成一張這樣子的網格。

這時你contour之後他不就是一張等高線了嗎?根據contour數值的大小,線的密度會不同。

最後丟到AI裡面,調線的粗細就可以了。

所以如果你知道大致的地形走向,找張地圖,PS裡面拿畫筆大致畫一張黑白圖,就可以生成比較真的等高線了。

第二三是AA研究生的圖,沒記錯的話是去年RIBA大獎。當時在倫敦建築學院優秀畢業作品展上見過,模型和動畫做得非常牛逼。

AA的圖就沒有什麼可講的了,他們的圖只有一個套路:複製,粘貼,調大小。

不信?你找找圖片中有多少重複元素。藍色桌子透視是錯的,還粘少了一個腿。

首先,圖片沒影子,說明是AI出的。你AI用的熟的話,直接建透視網格畫,實時上色,填紋理,分層。最後丟進PS把植物啊,單車啊複製粘貼進去調大小。最後,象徵性加點兒影子。

要是你AI不熟,那麼Rhino建模後Make2D導出來,然後同樣實時上色,加紋理。這樣比較麻煩在於Rhino出來的線不好分組,還會有斷線。所以還是直接AI畫來的快。


第一張直接用較精確的地形圖即可,如果地形圖精度不夠,那不如放棄這種風格吧,個人覺得花大力氣在繪製等高線上不怎麼划算……

第二張比較像SU導出圖片後用PS添加各種素材做出的效果,光影比較單一,建模也比較簡單。

第三張更像是3Dmax建模後進行渲染並用PS進行後期製作後的成圖,對建築進行建模和燈光渲染,之後在PS里調節整個畫面的色調,調天空的顏色,添加樹木、人等細小的素材等。

個人覺得,題主說的水彩風更關鍵的是色彩的選擇,這種灰色調,詳略有致的線條是比較容易做出你想要的效果滴


推薦閱讀:

Photoshop視頻教程哪個好?求一份!
想做網頁設計方面,有哪些實用的 Photoshop 教程推薦?
什麼樣的切圖占空間小切質量不低,儲存的時候該怎麼設置?
Fireworks 是否有類似 Photoshop 圖層編組的功能?
有哪些好的p圖的素材,網站?

TAG:AdobePhotoshop | 建築 | 渲染 | 效果圖 |