建築,自人類出現之後,便隨著各階級、文化及歷史的變更發展至今,古羅馬式、古希臘式、哥德式、文藝復興式等等。建築憑藉自身獨有的空間感、幾何、對稱特性逐步成為一種立體藝術形式。Dribbble著名設計師Aleksandar Savic通過扁平化風格來詮釋世界各地的建築地標,最後的效果小巧而精緻。
今天,我們便一起學習下如何用這種扁平化風格來繪製一個哥德式教堂建築,工具主要用到了illustrator CC,最終的效果圖如下:
一、地基
1. 首先,打開AI軟體,新建800px*800px的空白項目;
2. 用圓角矩形繪製一個480px*42px的圓角矩形,將其作為教堂的地基,圓角設置為12.5px,描邊寬度16px,描邊色值# 242173,填充色值#A2B1FF;
3. 用鋼筆工具繪製一條590px長的直線置於地基下方作為水平線,注意將地基描邊完全遮蓋(描邊寬度不變);
二、牆壁和屋頂
1. 用鋼筆工具繪製如圖所示的五邊形,將其作為教堂主殿中間的牆壁,色值# D7DEFF;
2. 用鋼筆工具再繪製如圖所示的外斜四邊形,並原地複製一層,右鍵對稱變換至右側位置,作教堂兩側的牆壁,色值為#cdd5ff;
3. 用圓角矩形工具繪製216px*21px的圓角矩形,圓角設置為最大,色值參考水平線,並向右旋轉45度,作一側屋頂;
4. 複製一層,旋轉至對稱位置,中間牆壁的屋頂就完成了;
5. 再複製兩層,分別作兩側牆壁上的屋頂;
6. 用鋼筆工具繪製一個如下圖所示的五邊形,作為教堂的鐘樓牆壁,色值為#cdd5ff;
7. 圓角矩形工具繪製168px*21px的圓角矩形作鐘樓屋頂,同主殿屋頂一樣,複製旋轉至下圖所示位置;
8. 在主殿牆壁和鐘樓牆壁的兩邊加上描邊,色值參考水平線。用圓角矩形工具繪製80px*24px,圓角12px的圓角矩形,複製一層,將長度改為88px,兩者垂直居中,置於鐘樓頂端作十字架。牆壁和屋頂部分至此繪製完成。
三、尖塔
高高的尖塔作為哥特建築的一大特徵,教堂必不可少。看似複雜的尖塔,扁平化風格的搭建其實很簡單哦!
1. 用矩形工具繪製109px*49px的矩形,色值# A1AEF6,描邊12px。將其複製一層,寬度改為39px移至上方,再複製一層,寬度改為31px移至最上方,三者垂直居中對齊,作為尖塔牆壁;
2. 圓角矩形工具繪製46px*16px的圓角矩形,和上述屋頂一樣的步驟,複製、旋轉,作尖塔屋頂。鋼筆工具繪製16px寬度的直線作尖塔最頂端;
3. 繪製61px*22px的圓角矩形(圓角設置為最大),複製一層,色值# 6b99c6,分別放在三層塔的兩個分界線處,再複製一層,長度改為70px,置於最下方,三者垂直居中對齊。再選中尖塔所有圖層,複製一層置於對稱側,尖塔部分便繪製完成;
四、拱形窗戶和門
拱形該如何繪製呢?
1. 首先,繪製一個矩形,選中上方兩個圓角控制按鈕,拖動至最大圓角;
2. 原地複製一層,並向右移動一小段距離;
3. 選中兩個形狀,路徑查找器中選擇「交集」選項,拱形就出來了~將其放在地基上方作教堂的拱門;
4. 再按照這個方法繪製出如圖所示的拱形窗戶,描邊色值參考水平線,填充色值#7D8DDB;
5. 鋼筆工具繪製Y形狀置於窗戶上,描邊色值參考窗戶描邊,填充色值# FFCC8F;
6. 根據教堂建築對稱美學的特徵,同樣將窗戶複製到對稱一側,再複製到鐘樓中間,同時去掉Y形狀;
7. 最後是圓形大窗的繪製:先用圓形工具繪製半價141px的大圓,描邊和填充色值參考拱形窗戶;
8. 繪製5個半價45px的小圓,均勻排列在大圓中間;
五、陰影
過於扁平的建築會有些呆板無趣,我們可以再增加一些陰影以增添教堂整體的立體感和層次感。比如在牆壁右方加上深色陰影(色值99A5E7);在地基上由深至淺加上明暗變化(色值依次為#6677CC、#7C8CDF和# 96A5F8)
六、背景和雲朵
1. 為了降低這種空曠的感覺,我們可以在教堂後面加上幾個漸變的色塊(飽和度儘可能低,避免搶了教堂主體的「風頭」哦)
由深至淺,由窄至寬,色值分別為# A7D2DC、# B8E1EB、# C7EAF3、# DAF3F9和# E3F9FF。教堂的水平線需要正好和最深的色塊上邊界對齊。
2. 最後,我們可以再加幾朵雲彩作為點綴
用圓形工具繪製三個大小不同的圓,擺成雲朵的形狀後,再用矩形工具繪製一個與三者相切的矩形,最後合併形狀即可~
3. 複製幾個大小不一的雲朵隨意放在教堂的周圍,扁平化教堂建築就此完成啦!!
是不是有種清新唯美的感覺?嗯,現在各種畫風百花齊放,要找出自己有感覺的來突破哦!
****部落窩教育-ai扁平化效果****
原創:Charlotte Chen/部落窩教育(未經同意,請勿轉載)