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

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

一 地基

1.  首先，打開軟件，新建800px*800px的空白項目；

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)格的搭建其實很簡單哦~

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.  選中兩個形狀，路徑查找器中選擇“交集”選項，拱形就出來了~將其放在地基上方作教堂的拱門；

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.  最后，我們可以再加幾朵云彩作為點綴~

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

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

相關(guān)文章推薦：                                                                           

游戲機《MBE風(fēng)格游戲機繪制》

百事可樂《手把手教你繪制輕質(zhì)感線性圖標(biāo)——紅色百事》