建筑是空間的詩學(xué)，是簡單幾何抽象美感的極致表現(xiàn)。盡管我們并沒有學(xué)建筑設(shè)計(jì)，但還是可以從建筑的美學(xué)中汲取到靈感。最適合用以繪制建筑的還是矢量軟件，比如AI等。今天我們就用AI來繪制一組童話里的夢幻城堡建筑，通過繪制這些繁復(fù)的細(xì)節(jié)，你將要學(xué)會：

1、通過豐富的細(xì)節(jié)描繪，從最簡單的幾何體入手，理解建筑里的幾何美學(xué)層次。

2、增加對AI里的"形"的處理能力，熟悉形狀工具、路徑查找器、變形效果等工具的運(yùn)用。

一、繪前準(zhǔn)備

在繪制前，我們先來預(yù)定一組配色。既然是繪制城堡，就會讓人聯(lián)想到童話，那么配色的風(fēng)格可以傾向童話夢幻感。

步驟01

先確立三個(gè)主色，其他的輔助色可以在這些主色的基礎(chǔ)上做微調(diào)變化。讓畫面顯得更有層次。

色彩的摸索，的確不是看上去那么容易。除了依靠自己的經(jīng)驗(yàn)把握，以及對各種資源的收集，AI里也內(nèi)置了很多風(fēng)格配色。

步驟02

建筑物的繪制前應(yīng)該做好對各種城堡圖片的參考，特別在細(xì)節(jié)處理上要格外注意。繪制好草圖后，根據(jù)你的草圖來規(guī)劃AI里的圖層層次。打開AI，新建一個(gè)2232px*1626px的文檔。強(qiáng)烈建議大家下載最新版本的AI，在新版本的AI里完美像素對齊的方式非常簡便，操作易行，這比舊版本要提升了許多。

將圖層提前規(guī)劃出來，并進(jìn)行更名排列妥當(dāng)。

二、第一座城堡

繪制第一座城堡，你需要安排出合理的結(jié)構(gòu)和色彩層次。

步驟03

先在背景圖層上繪制出鋪滿整屏的背景矩形，填充非常淺的紫紅色。然后在此基礎(chǔ)上繪制出城堡的墻面，以及整體的大型。分配好相應(yīng)的色彩。

步驟04

其中最亮的紅色是作為陰影而存在。雖說我們繪制的是扁平化風(fēng)格，但是增添一些陰影細(xì)節(jié)，會讓畫面更加靈動。繼續(xù)增加城堡的結(jié)構(gòu)，陰影的形狀安排在原有形狀的下方，略往下2個(gè)像素的位置。

建筑的畫法非常簡單，是簡單幾何的羅列堆疊，經(jīng)過這種繁復(fù)的"建造"過程，最終結(jié)果才能出彩。而有些地方，為了更符合城堡的童話效果，需要在簡單幾何之上有一些變體。

例如類似如下齒梳的形狀，就需要在簡單幾何的基礎(chǔ)上做一些變化。先繪制兩個(gè)矩形，然后將矩形合并，通過移動錨點(diǎn)成為兩個(gè)梯形，合并兩個(gè)梯形。然后將尖銳的錨點(diǎn)所在的角度變?yōu)閳A角。用同樣的方式建立起一排圓角三角形，然后用排列的三角去"減去"原來的形狀。最后就能得到我們需要的形狀。

步驟05

用上一步所講的方法繪制下方的形狀，并為建筑物增加窗戶。窗戶的色彩填充較深的紫藍(lán)色。窗的形狀是由一個(gè)圓角矩形轉(zhuǎn)化而來的，當(dāng)然你也可以用一個(gè)半圓與矩形相加。

步驟06

繼續(xù)增加窗戶的部分，并為建筑增加一個(gè)欄桿。欄桿的繪制需要很多條狀矩形的均勻排列，因此這里運(yùn)用【混合工具】，混合方式為"指定的步數(shù)"來做出欄桿的形狀。根據(jù)你的實(shí)際需要填入所需的參數(shù)。然后點(diǎn)擊【混合>建立】

步驟07

為墻面增加一些磚的矩形，畫面會顯得更活潑，色彩填充比較接近陰影的色彩，但其實(shí)它們并不相同。想要色彩更靈動的方法，并不是使畫面更多色彩，而是在同樣色彩里多一些微妙的變化。完成后再為城堡增加一個(gè)底座。

步驟08

最后完成城堡的屋頂部分。先為屋頂繪制出輻射狀的線條，最后增加最頂部的裝飾。這個(gè)環(huán)節(jié)必不可少，屋頂?shù)难b飾能起到畫龍點(diǎn)睛的作用。

步驟09

與此同時(shí)，在頂端的左側(cè)再增加一個(gè)"小型城堡"。這個(gè)小城堡的屋頂部分我們已經(jīng)完成了，直接復(fù)制過來即可。城墻的部分則稍微需要簡單幾何的變體。先繪制一個(gè)矩形，再利用兩個(gè)圓角矩形去"減"矩形。留下中間的矩形點(diǎn)擊錨點(diǎn)將其往上縮短并圓角化成為一粒水滴狀裝飾。

到此為止，第一座城堡就完成了。讓我們鎖上這個(gè)圖層，以免接下的操作會影響到它。往后的操作都這樣保持著彼此獨(dú)立的圖層。

三、第二座城堡

第二座城堡比第一座城堡稍寬，細(xì)節(jié)上更繁瑣，它也是視覺的中心焦點(diǎn)所在。

步驟10

在繪制第一座城堡的時(shí)候，我們其實(shí)已經(jīng)將色彩和形狀都作出了一定的規(guī)劃，那么接下的繪制也將變得更容易。因?yàn)槟阋呀?jīng)知道，比如窗戶大概什么樣，萬變不離其宗，尋求整體協(xié)調(diào)并不困難。運(yùn)用最基礎(chǔ)的簡單幾何來構(gòu)建墻體。

步驟11

為屋頂?shù)膲w的部分增加一點(diǎn)裝飾，這個(gè)裝飾形狀我們已在 STPE 09 里講過制作方法了，所不同的是多了幾個(gè)階梯狀的圓角矩形，而這里需要注意的是為了讓畫面更有美感，圓角矩形的形狀應(yīng)該是逐步遞減，這時(shí)最好使用【縮放工具】，以等比80%的參數(shù)進(jìn)行縮小操作。再為建筑當(dāng)中的形狀邊緣增加一些屬于陰影的線條，形成一定的深度層次，最后增加一個(gè)屋頂。

步驟12

此處的細(xì)節(jié)更為豐富，一定要有耐心。繼續(xù)為其增加一些線條裝飾，這些線條可以用直線工具繪制，也可以用矩形來繪制，按照你平時(shí)的繪圖習(xí)慣，比如這里對于階梯狀線條的處理，橫豎線條的粗細(xì)并不一致，因此我先用直線工具繪制，然后又將其進(jìn)行連接處理，最后再進(jìn)擴(kuò)展。

這里的窗戶有著古堡風(fēng)格，根據(jù)幾個(gè)簡單的圖形相加減，繪制時(shí)需要注意陰影的處理。對于陰影的色彩，我們在此是這樣定義的，如果陰影位于紅色墻面，那就填充紅色，陰影位于黃色墻面，就填充淺橙色。而圓弧狀的陰影的淺橙色稍帶紅，顯出些微變化。

步驟13

看上去這是最復(fù)雜的部分，其實(shí)分解開來并不復(fù)雜。其中關(guān)鍵的部分是柱頭的處理，以及陰影細(xì)節(jié)的把握。柱頭的部分將一角作圓角處理，非常和諧的銜接了上下兩個(gè)部分。

步驟14

繼續(xù)在下方添加上窗戶，并增加墻體的紅磚部分。

步驟15

窗戶上額外添加一些細(xì)節(jié)裝飾，并增加城堡的大門和底座，利用圓角矩形繪制大門。門環(huán)部分用簡單幾何相加即可。

步驟16

最后為其增加位于其后方的部分，左右兩個(gè)尖頂在第一座城堡時(shí)我們已經(jīng)繪制過了，復(fù)制過來即可。而最上方一座的尖頂需要更為復(fù)雜的裝飾以彰顯其中心地位的作用。

前兩座繪制好的城堡如下（注意它們的位置關(guān)系）：

三、第三座城堡

步驟17

先設(shè)定好基礎(chǔ)大形，這座城堡的尖頂在靠近底部的位置略有弧度，大家可以用鋼筆工具繪制出，或者先畫出三角形，再對其邊緣角度的錨點(diǎn)做一定的處理。

步驟18

再增加窗戶的部分，窗戶可以是更為有趣的形狀，利用錨點(diǎn)變化圓角就可以處理得非常輕松?？梢钥吹阶铐敳康募t色陰影，這里我們將其的混合模式調(diào)整為正片疊底，就有實(shí)際陽光照耀下的陰影遮蓋的效果。

步驟19

繪制剩下的窗戶、磚墻、屋頂線條以及尖頂裝飾。完成最后的繪制。

三、第四座城堡步驟20

第四座城堡是一個(gè)"附屬"，因此在造型上也非常簡單。其中唯一需要注意的地方是它和第一座城堡間有一定的遮擋關(guān)系和陰影，這個(gè)陰影是一個(gè)黑色的條狀矩形，只是將其混合模式改為正片疊底，透明度降至30%。

這時(shí)可以說城堡的主體就已經(jīng)完成了。

四、組合氛圍步驟21

周邊環(huán)境的繪制以單色的"剪影"為佳。這里我們將城堡置于水面之上，先繪制出遠(yuǎn)景中的城堡"剪影"。城堡遠(yuǎn)景繪制出兩個(gè)不同的剪影形狀，利用這兩個(gè)形狀"擺"出整個(gè)遠(yuǎn)景造型。這個(gè)部分可以自由發(fā)揮。

步驟22

再繪出天空的白色云朵。云朵的形狀也可以經(jīng)由幾個(gè)規(guī)則幾何相加，這是最簡單的繪制云朵的辦法。

步驟23

繪制水面的氛圍，可以用倒影的方式。這部分可以放到PS中處理，在PS中打開我們的文檔。

PS的背景可以設(shè)置為水天兩界。將城堡的圖案復(fù)制一層并設(shè)置垂直翻轉(zhuǎn)。為這個(gè)垂直翻轉(zhuǎn)的圖層添加蒙版，在蒙版上應(yīng)用黑白漸變，并將圖層的混合模式變?yōu)?quot;變暗"，透明度降至89%。這樣就做出了水面倒影。

最后大功告成：

色可色，非常色

老子的道德經(jīng)里說"名可名，非常名"，這句話其實(shí)可以通用萬物，單就從色彩上，我們就可以說：當(dāng)一個(gè)顏色被叫做紅色的時(shí)候，其實(shí)它并不是紅色。因此也可以這樣說：色可色，非常色。

我們不知不覺之中被概念綁架太久了，而設(shè)計(jì)時(shí)無形中也暴露出了這種束手束腳的習(xí)性。比如一說畫一只鴨子，百分之九十的人都會填充黃色。對色彩的命名一開始其實(shí)只是一個(gè)分類工具，然而我們卻反之把工具當(dāng)做事物本身。這件事看起來并非那么嚴(yán)重，但積累越多，對我們的發(fā)揮就越受限。

設(shè)計(jì)并非是按照既定計(jì)劃在按部就班，往往讓你的作品出彩的因素是那些計(jì)劃以外的驚喜。你也可以稱之為靈感。有人以為靈感可以從天而降，其實(shí)靈感有靈感的因果。靈感迸發(fā)與你大腦中對概念消滅的多少成正比。而消滅概念又談何容易呢？

好吧，我們說不積跬步無以至千里，什么一萬小時(shí)專家理論的就別管了。每天去體會一下對色彩的感知，純?nèi)蝗タ瓷识灰芩遣皇羌t配綠或者藍(lán)配黃，做一個(gè)你自己的配色集，給每個(gè)配色取個(gè)名字，符合這個(gè)風(fēng)格。一開始也許你并不習(xí)慣，久而久之你就會形成對色彩的敏感。

這個(gè)提法是源于很多人問過我應(yīng)該看什么色彩書。我看過很多本色彩理論的書，理論上都很不錯(cuò)，但離實(shí)踐還有距離。我覺得與其看書不如看風(fēng)景，與其看風(fēng)景不如直接去面對色彩，重新去認(rèn)識你所見到的每一種顏色。看看每天早上空氣中是什么顏色，晚上太陽余溫未退時(shí)又是什么顏色。想想存在于PS的色板中#ffffff和#fffff9的更多無限的可能。在色彩方面還沒能尋路的小伙伴，我能提供的捷徑就是，知道自己的短板，配色完后再讓PS調(diào)色工具來多嘗試一下，比如改變一下曲線，調(diào)整一下色彩平衡等等。設(shè)計(jì)始終是一件未完成的作品，時(shí)間允許，就不要輕易止步。

最新評論