編按：

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

你將學(xué)會(huì)什么

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

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

一、繪前準(zhǔn)備

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

STEP 01

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

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

STEP 02

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

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

二、第一座城堡

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

STEP 03

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

STEP 04

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

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

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

STEP 05

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

STEP 06

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

STEP 07

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

STEP 08

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

STEP 09

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

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

三、第二座城堡

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

STEP 10

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

STEP 11

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

STEP 12

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

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

STEP 13

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

STEP 14

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

STEP 15

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

STEP 16

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

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

三、第三座城堡

STEP 17

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

STEP 18

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

STEP 19

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

三、第四座城堡

STEP 20

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

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

四、組合氛圍

STEP 21

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

STEP 22

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

STEP 23

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

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

最后大功告成：

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

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

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

相關(guān)推薦：

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

利用AI打造鹿形針織效果圖標(biāo)

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

版權(quán)信息：

原標(biāo)題：夢(mèng)幻童話！繪制細(xì)節(jié)豐富的水上城堡群像

來源： ifeiwu  作者：飛屋睿UIdesign