編按：

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

你將學(xué)會什么

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

2、增加對AI里的“形”的處理能力，熟悉形狀工具、路徑查找器、變形效果等工具的運用。

一、繪前準備

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

STEP 01

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

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

STEP 02

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

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

二、第一座城堡

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

STEP 03

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

STEP 04

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

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

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

STEP 05

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

STEP 06

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

STEP 07

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

STEP 08

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

STEP 09

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

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

三、第二座城堡

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

STEP 10

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

STEP 11

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

STEP 12

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

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

STEP 13

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

STEP 14

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

STEP 15

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

STEP 16

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

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

三、第三座城堡

STEP 17

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

STEP 18

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

STEP 19

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

三、第四座城堡

STEP 20

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

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

四、組合氛圍

STEP 21

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

STEP 22

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

STEP 23

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

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

最后大功告成：

本文配套的練習(xí)素材請加QQ群：715543626下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號，隨時隨地學(xué)習(xí)PS：

相關(guān)推薦：

AI教程，輕松繪制Yoga風(fēng)日落圖標

利用AI打造鹿形針織效果圖標

利用AI制作扁平風(fēng)線體清新多肉插畫

版權(quán)信息：

原標題：夢幻童話！繪制細節(jié)豐富的水上城堡群像

來源： ifeiwu  作者：飛屋睿UIdesign