水彩風建築效果圖製作教程—活力網AX（譯）

01-26

文/Atelier Crilo 譯/活力網AX

本文譯自RonenBekerman博客http://www.ronenbekerman.com的教程Architectural Watercolors by Atelier Crilo

原文鏈接：

http://www.ronenbekerman.com/architectural-watercolors-atelier-crilo/

作者簡介：Atelier Crilo是一個跨學科的工作室，專註於建築，由Cristian Farinella和Lorena Greco共同創辦。他們為設計問題提供獨一無二的解決方案，並同時提供3D可視化服務。（工作室網址：Atelier Crilo - Architectural visualization - Interiors, products rendering - Roma）

前言

我們關注Ronen的博客很久了，我們也非常欣賞這個博客上許多帖子的卓越質量。在幾年前這個博客的情況跟現在完全不一樣，那時候的帖子質量沒現在這麼高，但隨著教程和網站製作的深入，現在瀏覽這個博客，隨便都可以找到非常優秀的內容。我們非常自豪能夠為這個博客出自己的一份力。

為什麼作水彩畫？

我們想嘗試將其他學科如：藝術，圖案設計，漫畫等，與建築可視化結合在一起。這就像是我們平時的工作——建築師、藝術家甚至是平面設計師、插畫師。這真的非常能夠幫助我們從其他地方獲得靈感。

就這樣，我們在最意想不到的義大利漫畫中發現了水彩畫，並嘗試讓他們獲得新生。

如果我們好好看看小說和暢銷漫畫，我們會發現，Gipi (Gian Alfonso Pacinotti)、（譯者註：Gipi（原名Gian Alfonso Pacinotti，1963年－），是一位義大利漫畫家、導演和作家，Dylan Dog畫師）Roberto Recchioni（譯者註：Dylan Dog新故事線編劇）和 Gigi Cavenago（譯者註：暫時找不到Gipi的更多資料，暫時猜測他是Dylan Dog新作的畫師）共同創作的Dylan Dog簡直是驚世駭俗之作。建築和漫畫是密切相關的學科，儘管漫畫家和建築師為完全不同的目的作畫，但他們可能在一定程度上是互補的。

在建築可視化作品的創作時，卡通畫的線條和用色可以提供深層次的靈感。

Crepax的《Valentina by Crepax》

這種將矩形框、頂視圖融合在一起的場景在漫畫中出現過無數次。

Gigi Cavenago的畫

兩張並排的圖片，其中一張展示了Dylan Dog中的森林背景，另一張則用大膽的筆觸描繪了倫敦的狹窄街道，完美的配色，沒有明顯線條的輪廓和這個視角給予的壓抑透視，將兩張圖片的動感表現的淋漓盡致。

Gipi (Gian Alfonso Pacinotti)的水彩畫

具體手法

繪圖過程盡量模擬一塊畫板，並讓它們看起來像一個整體。採用平面板式布局，並用濃郁的黑色當做背景（類似於傳統繪畫中的水墨畫）和大面積的水彩色調，同時融入冷藍綠色以渲染畫面基調。

模型

這個設計使用了非常清晰可見的材質，並將這個材質加入到建模工作中，讓整個設計過程更可控。

開始建模

在這個案例中，建築設計和建築可視化都是由我們做的，所以這兩個工作同時進行，我們因此建了精細模型，以更好地控制平面圖和剖面圖。一般來說，我們直接在3D模型中加入材質和材料，並設計室內，同時考慮相機視角。

所以我們嘗試從一開始就整體地控制整個項目。事實上，在開始階段這是非常難做到的，但是你無法想像它為我們後來整個工作流帶來的便利。我們用SU建模，儘管它是簡易建模工具，但它可以的確可以使模型獲得很高水平的細節。同時從建築設計師角度來看，剖面這個工具是其他軟體無法比擬的。

實際上，觀察剖面這個功能能為建模提供很大的便利。我們的最終出圖很大一部分是剖面，這個功能著實非常有用。

剖面圖

剖面工具不僅能顯示被剖到的物體，而且能顯示其中物體。

出圖

當模型細節足夠滿意時，就可以考慮出圖了，出圖無外乎兩個選擇：

輸出為 AutoCAD DWG

輸出為柵格圖像（PNG，JPG，TIFF），可以包含陰影和隱藏線。

雖然工作流不同，但這兩種輸出方式對後期工作來說都是非常有用的。

我們通常輸出為DWG格式然後到AutoCAD中操作。同時注意圖紙比例設置為1:1，同時因為我們的輸出結果將是矢量圖，所以不用管像素的寬度和高度。然後我們選擇單線，而不是多線。

輸出之後得到的DWG文件在AutoCAD中打開將看到如下線框圖：

輸出的DWG文件

輸出生成的線框圖為後期工作提供了良好基礎。

手工修飾

CAD中的基礎圖像看起來很生硬，我們利用傳統繪圖技巧，利用點和十字填充強調窗戶、內表面和陰影，並嘗試強調這個設計的某些區域。這樣做的目的其實是為了更好地闡述自己的設計，所以這是非常主觀的工作流。

Autocad繪製

使用更大的線寬強調建築輪廓和天窗，手工加入一些臟舊感來模擬現實中的感覺。

Autocad繪製

加入一些點和十字強調材質，讓地板有臟舊質感。

黑色

大部分人不敢使用黑色。為了找到一個合適的黑度來填充，我們參考了一張風景照，並製作了一張背景圖。用CAD描出輪廓，然後填充。

填充

我們在CAD中用多線繪製輪廓，然後用線、點和實體填充。

歸納整理

完成上述工作後輸出為DWG文件，用Photoshop完成最終工作。成圖如下：

捷徑

如果你不是很熟悉AutoCAD的使用，或是你想提高工作效率，可以用SketchUp結合不同視圖模式出圖，然後PS直接處理。這樣你可以完全略過用AutoCAD處理DWG文件的這個步驟。讓我們總結一下步驟：

1.輸出消隱圖

2.輸出線框圖

3.用PS做一張質感的白紙底圖

4.在白色底圖上疊加上輸出的兩張圖紙

1.正常情況下SketchUP顯示的是純白或是帶陰影的純白場景，但在我們這個項目中，隱藏掉的東西才是重點。所以我們打開菜單視圖/顯示樣式/消隱，並轉到文件/導出/二維圖形顯示模式。選擇文件另存為PNG，然後打開「選項」對話框中設置文件的大小，4000-5000像素足以，在PS中打開並用魔棒工具將背景扣掉，將得到以下圖像：

消隱圖

輸出的PNG文件包含了SketchUp的背景顏色（淺藍色），我們可以用PS刪除它。

2.在SketchUp中，點擊視圖/顯示樣式/線框顯示，然後點擊文件/導出/二維圖形。選擇文件另存為PNG和打開選項對話框。選擇和之前相同的大小，並刪除背景。

線框圖

我們可以在PS中將線框用疊加模式疊加到消隱圖上，並調整透明度為20-30%

3.在PS中，我們創建一個的空白圖層，不一定是純白色。在菜單欄選擇濾鏡/雜色/添加雜色，或直接使用紋理貼圖，直接模擬一張紙（甚至是老化的紙）。

陰影和線框的繪製

如上圖所示，我們最終獲得了疊加後的圖，並擁有了添加了澡波的白紙。

結合筆刷繪製

終於到了激動人心的水彩步驟。從網路上找到各種筆刷，在BrushKing（譯者註：非常棒的免費PS筆刷網站，免註冊直接下載）上輸入水彩，或者點擊此鏈接：http://www.ucreative.com/resources/30-free-watercolor-brush-sets/，甚至可以自己製作筆刷。然而，關鍵不在於特定的筆刷，而應該多收集更多不同的類型。所以我們儘可能找一些筆刷集合結合透明度的靈活控制以獲得最佳效果。這其中更少涉及技術層面的處理，而是考驗個人的藝術創作能力，具體操作可以看以下視頻。