您當前的位置:首頁 > 書法

秒圖系列 | 濱水空間小場景表達

作者:由 LAC知識挖掘機 發表于 書法時間:2019-09-09

hello 大家好~又到了每週一的製圖教室時間啦。

在我們製圖的過程中呢,一方面要追求圖面效果,另一方面出圖的效率也很關鍵,畢竟一套圖紙未必每張圖都可以給到大量的時間來打磨,為此我們製圖教室之前也寫過幾篇秒圖系列的教程。今天就為大家帶來一篇景觀方面的秒圖教程~

先來看一下專案的概況:

秒圖系列 | 濱水空間小場景表達

這是一個濱水的景觀專案,在總平面表達之後呢,需要一些小場景的表達,於是就有了下面這一組圖:

秒圖系列 | 濱水空間小場景表達

秒圖系列 | 濱水空間小場景表達

秒圖系列 | 濱水空間小場景表達

秒圖系列 | 濱水空間小場景表達

秒圖系列 | 濱水空間小場景表達

這些圖中透過陰影與配景將一個原本扁平的圖面變成了一個個有透視感的小場景,製圖過程甚至完全免去了建模的工作量,可以說是非常高效的一種小場景表達手法了~

今天我們就挑選其中一張來臨摹一下,話不多說,我們直接進入今天的教程吧~

STEP 1 線稿繪製

第一步當然是線稿的繪製,這一步通常是要在設計階段完成的。由於這張圖是臨摹的,所以小編首先在rhino中對原圖進行了描摹,這個過程中注意分好圖層就可以啦~

秒圖系列 | 濱水空間小場景表達

接下來我們將線稿以AI格式匯出,在AI中對線型進行調整,等水位線用白色虛線,輪廓線與材質填充線用黑色給一個適合的描邊粗細即可。

秒圖系列 | 濱水空間小場景表達

這樣線稿就準備工作就完成啦~

STEP 2 材質填充

我們直接用PS開啟AI檔案,開始材質填充的步驟。首先我們以水面的填充做一個示範。我們將一個準備好的貼圖拖入PS中,這裡我們選擇了一張汙漬貼圖,後面我們會講到這裡為什麼用汙漬貼圖而不是水紋貼圖~

秒圖系列 | 濱水空間小場景表達

然後選中線稿中的輪廓線圖層,用魔棒工具選出所有的水面部分,再重新選中貼圖圖層,點選右下角的新增蒙版,為貼圖圖層新增一個蒙版,這樣材質貼圖就剛好賦在了水面的範圍~

秒圖系列 | 濱水空間小場景表達

這裡我們講一下為什麼沒有用到水紋貼圖,可以給大家看一下水紋貼圖填充的效果:

秒圖系列 | 濱水空間小場景表達

可以看到如果不另行處理的話,畫面是很僵硬的,所以這裡推薦大家用汙漬貼圖來更高效地完成大部分的材質填充,它們會給圖面帶來更好的質感,不同材質之間也會更好的融入。

我們回到剛剛的操作,這樣一張土黃的貼圖很難作為水面的表達是吧?沒關係,我們只要給它一個色相飽和度的調色圖層就好啦,透過色相的調整,我們可以輕易的講材質顏色變成藍綠色,並保留我們需要的肌理質感:

秒圖系列 | 濱水空間小場景表達

這樣一來是不是有一點像水彩渲染的水面呢?

同理我們可以可以很快的完成其它材質的填充,這裡就不重複的講解啦,填充好材質我們將獲得如下的一張圖:

秒圖系列 | 濱水空間小場景表達

STEP 3 繪製陰影

接下來是陰影的繪製,如果大家已經建好了模型,直接匯入當然是最快捷的辦法,但如果我們的模型不夠完善,這裡教大家一種手工繪製陰影的方法:

這裡我們以水岸邊的的兩棟建築為例,首先選中建築的區域,然後新建一個圖層用純黑色填充:

秒圖系列 | 濱水空間小場景表達

然後我們ctrl+Y複製圖層,透過方向鍵朝陰影的投影方向做微小的位移,然後不斷重複這一步,直至獲得一個理想的陰影投影範圍:

秒圖系列 | 濱水空間小場景表達

接下來我們將這些圖層編組,在圖層順序中移動到建築填充的後面,併為這個編組調整不透明度,就可以得到陰影的效果啦~

秒圖系列 | 濱水空間小場景表達

同理我們可以繪製出其它部分的陰影(簡單的陰影我們也可以直接手工繪製來提高效率):

秒圖系列 | 濱水空間小場景表達

STEP 4 配景新增

接下來就是配景的添加了,配景是讓這樣扁平的平面圖立體化的關鍵,這裡我們可以直接找一些立面的配景素材,我們首先來新增樹木配景:

直接找到一個適合的樹木配景拖入:

秒圖系列 | 濱水空間小場景表達

調整飽和度、明度,使其更加融入畫面,一般來說較低的飽和度會更容易融入不同畫面。

秒圖系列 | 濱水空間小場景表達

然後縮放至適合的大小,擺放到圖面中,不斷複製,複製過程中可以調節一下每一棵樹的不透明度,這樣畫面會呈現出一種錯落感,不會太僵硬。

秒圖系列 | 濱水空間小場景表達

接下來為樹木補充一些陰影,ctrl+J複製一個樹木的圖層,用黑色填充,然後ctrl+T做垂直翻轉,並調整一下陰影方向,最後降低不透明度就可以啦~

秒圖系列 | 濱水空間小場景表達

同理我們可以完成人物配景的新增:

秒圖系列 | 濱水空間小場景表達

OK,這樣我們的一張高效的小場景繪製就完成啦,最後我們以動圖的形式來回顧一下本期圖紙的繪製過程~

秒圖系列 | 濱水空間小場景表達

作者:ADG @LAC丨ArchStudio

標簽: 貼圖  圖層  填充  配景  我們