建筑，自人類出現(xiàn)之后，便隨著各階級、文化及歷史的變更發(fā)展至今，古羅馬式、古希臘式、哥特式、文藝復(fù)興式等等。建筑憑借自身獨(dú)有的空間感、幾何、對稱特性逐步成為一種立體藝術(shù)形式。Dribbble著名設(shè)計(jì)師Aleksandar Savic通過扁平化風(fēng)格來詮釋世界各地的建筑地標(biāo)，最后的效果小巧而精致。

今天，我們便一起學(xué)習(xí)下如何用這種扁平化風(fēng)格來繪制一個哥特式教堂建筑，工具主要用到了illustrator CC，最終的效果圖如下：

一、地基

1. 首先，打開AI軟件，新建800px*800px的空白項(xiàng)目；

2. 用圓角矩形繪制一個480px*42px的圓角矩形，將其作為教堂的地基，圓角設(shè)置為12.5px，描邊寬度16px，描邊色值# 242173，填充色值#A2B1FF；

3. 用鋼筆工具繪制一條590px長的直線置于地基下方作為水平線，注意將地基描邊完全遮蓋（描邊寬度不變）；

二、墻壁和屋頂

1. 用鋼筆工具繪制如圖所示的五邊形，將其作為教堂主殿中間的墻壁，色值# D7DEFF；

2. 用鋼筆工具再繪制如圖所示的外斜四邊形，并原地復(fù)制一層，右鍵對稱變換至右側(cè)位置，作教堂兩側(cè)的墻壁，色值為#cdd5ff；

3. 用圓角矩形工具繪制216px*21px的圓角矩形，圓角設(shè)置為最大，色值參考水平線，并向右旋轉(zhuǎn)45度，作一側(cè)屋頂；

4. 復(fù)制一層，旋轉(zhuǎn)至對稱位置，中間墻壁的屋頂就完成了；

5. 再復(fù)制兩層，分別作兩側(cè)墻壁上的屋頂；

6. 用鋼筆工具繪制一個如下圖所示的五邊形，作為教堂的鐘樓墻壁,色值為#cdd5ff；

7. 圓角矩形工具繪制168px*21px的圓角矩形作鐘樓屋頂，同主殿屋頂一樣，復(fù)制旋轉(zhuǎn)至下圖所示位置；

8. 在主殿墻壁和鐘樓墻壁的兩邊加上描邊，色值參考水平線。用圓角矩形工具繪制80px*24px，圓角12px的圓角矩形，復(fù)制一層，將長度改為88px，兩者垂直居中，置于鐘樓頂端作十字架。墻壁和屋頂部分至此繪制完成。

三、尖塔

高高的尖塔作為哥特建筑的一大特征，教堂必不可少。看似復(fù)雜的尖塔，扁平化風(fēng)格的搭建其實(shí)很簡單哦！

1. 用矩形工具繪制109px*49px的矩形，色值# A1AEF6，描邊12px。將其復(fù)制一層，寬度改為39px移至上方，再復(fù)制一層，寬度改為31px移至最上方，三者垂直居中對齊，作為尖塔墻壁；

2. 圓角矩形工具繪制46px*16px的圓角矩形，和上述屋頂一樣的步驟，復(fù)制、旋轉(zhuǎn)，作尖塔屋頂。鋼筆工具繪制16px寬度的直線作尖塔最頂端；

3. 繪制61px*22px的圓角矩形（圓角設(shè)置為最大），復(fù)制一層，色值# 6b99c6，分別放在三層塔的兩個分界線處，再復(fù)制一層，長度改為70px，置于最下方，三者垂直居中對齊。再選中尖塔所有圖層，復(fù)制一層置于對稱側(cè)，尖塔部分便繪制完成；

四、拱形窗戶和門

拱形該如何繪制呢？

1. 首先，繪制一個矩形，選中上方兩個圓角控制按鈕，拖動至最大圓角；

2. 原地復(fù)制一層，并向右移動一小段距離；

3. 選中兩個形狀，路徑查找器中選擇“交集”選項(xiàng)，拱形就出來了~將其放在地基上方作教堂的拱門；

4. 再按照這個方法繪制出如圖所示的拱形窗戶，描邊色值參考水平線，填充色值#7D8DDB；

5. 鋼筆工具繪制Y形狀置于窗戶上，描邊色值參考窗戶描邊，填充色值# FFCC8F；

6. 根據(jù)教堂建筑對稱美學(xué)的特征，同樣將窗戶復(fù)制到對稱一側(cè)，再復(fù)制到鐘樓中間，同時去掉Y形狀；

7. 最后是圓形大窗的繪制：先用圓形工具繪制半價141px的大圓，描邊和填充色值參考拱形窗戶；

8. 繪制5個半價45px的小圓，均勻排列在大圓中間；

五、陰影

過于扁平的建筑會有些呆板無趣，我們可以再增加一些陰影以增添教堂整體的立體感和層次感。比如在墻壁右方加上深色陰影（色值99A5E7）；在地基上由深至淺加上明暗變化（色值依次為#6677CC、#7C8CDF和# 96A5F8）

六、背景和云朵

1. 為了降低這種空曠的感覺，我們可以在教堂后面加上幾個漸變的色塊（飽和度盡可能低，避免搶了教堂主體的“風(fēng)頭”哦）

由深至淺，由窄至寬，色值分別為# A7D2DC、# B8E1EB、# C7EAF3、# DAF3F9和# E3F9FF。教堂的水平線需要正好和最深的色塊上邊界對齊。

2. 最后，我們可以再加幾朵云彩作為點(diǎn)綴

用圓形工具繪制三個大小不同的圓，擺成云朵的形狀后，再用矩形工具繪制一個與三者相切的矩形，最后合并形狀即可~

3. 復(fù)制幾個大小不一的云朵隨意放在教堂的周圍，扁平化教堂建筑就此完成啦??！

是不是有種清新唯美的感覺？嗯，現(xiàn)在各種畫風(fēng)百花齊放，要找出自己有感覺的來突破哦！

＊＊＊＊部落窩教育－ai扁平化效果＊＊＊＊

原創(chuàng)：Charlotte Chen/部落窩教育（未經(jīng)同意，請勿轉(zhuǎn)載）

更多教程：部落窩教育（www.itblw.com）

微信公眾號：itblwbbs