效果圖
照片參考
插畫參考
徽章參考
繪畫草圖
在繪製草圖的時候添加了一些植物來豐富畫面。
新建畫板大小800*600，方向為橫向，色彩通道RGB即可。
新建矩形大小800px*600px，填充顏色ddc7e0，CTRL+2鎖定圖層。
接下來就開始繪製。選擇光源方向為左上方，繪製時要注意建築的明暗和陰影的方向。
步驟 1 ——塔樓建築
先繪製前方的塔樓，從上到下開始繪製。
第一部分。
① 依次根據數據畫出輪廓。選擇對齊-水平居中對齊。
② 全選，利用路徑查找器的聯集將整個形狀連成一個形狀。填充如圖所示的漸變，體現出光源的感覺。
③ 選擇直接選擇工具，出現小圈之後選擇小圈拖動，矩形邊角變成圓角，使整個形狀變得圓潤，更加自然。
開始繪製屋頂。
① 繪製寬175*高63的三角形。Ctrl+C，Ctrl+F原位複製兩個三角形，利用直接選擇工具選擇錨點，分別移動三角形的左邊錨點和右邊錨點，做出亮面和暗面。
② 減去三角形的尖角。繪製矩形，放在如圖所示的位置，全選之後選擇形狀生成器(shift+M)，按住alt鍵滑動滑鼠減去上面。和上方做的形狀組合成屋頂。
給房頂增加層次感。
① 根據尺寸和顏色繪製出三個矩形，給最左邊和最右邊的矩形添加圓角。
② 添加陰影部分。全選矩形之後Ctrl+G編組，然後Ctrl+從，Ctrl+F原位複製圖形。用直接選擇工具選擇矩形下面的錨點，按住shift鍵垂直向上移動。做出投影的形狀。改變其圖層樣式為正片疊底透明度20%。
③ 用如上方式，根據圖片給的尺寸和顏色做出其他兩個層次。
④ 把三個形狀組合起來，然後和之前做的房頂裝飾以及房頂都組合好。
繪製小燈來增加氛圍。
① 繪製顏色為#fffddd，直徑為1.5、1.9、2.5的圓。
② 在三層屋檐上選擇合適位置放置，作為小燈來增加氛圍。
接下來開始繪製玻璃。為了增加感覺選擇繪製各方面全透明的窗。
① 先繪製出整面的玻璃，尺寸為147*90,。
② 用白色做窗框，注意添加矩形做出窗框的厚度，把整面玻璃分割出三塊。區別出不同的光面。
③ 給區別出的三塊玻璃加上斜的反光，反光可以畫一個矩形用直接選擇工具移動錨點得到。注意同一塊玻璃的反光角度要一樣。
④ 給玻璃後面加上兩個柱子，做出空間感。
玻璃和上方形狀組合之後利用鋼筆工具勾出陰影部分。顏色填充為#bab0f3，透明度為60%。注意窗戶的結構走向。
開始繪製頂層的下半部分。
① 根據尺寸，分別繪製六個矩形，然後組合起來。
② 上部分和下部分的顏色是一樣的，利用陰影來區分這兩部分。
③ 組合起來。用鋼筆工具根據形狀來勾出陰影的形狀，然後改變其顏色和圖層樣式。
繪製欄杆。
① 繪製寬176*高36的圓角矩形，不要填充，描邊為2.7px。
② 利用混合工具(W)來繪製欄杆。首先用鋼筆工具畫一條2.8px*37px的直線，Ctrl+C，Ctrl+F原位粘貼複製之後，分別放在圓角矩形的左邊和右邊，並且水平居中對齊。
③ 選擇混合工具，點擊最左邊這條直線，點擊最右邊這條直線。雙擊出現面板之後改變其為指定的步數為7步。
④ 給欄杆添加圓形扶手。用形狀工具繪製即可。
第二部分。
繪製塔樓的下半部分。
① 繪製一個梯形，上邊為187px，下邊為229px，高為535px。然後繪製一個矩形，改變其圓角，添加層次感放在最下層作為底座。
② 給建築添加層次感。繪製圓角矩形放在建築的三分之一和三分之二位置，把整個塔樓分為三層。顏色和尺寸設置，並且給每層下面添加陰影。
③ 開始添加欄杆和門，欄杆可以直接用之前做的那個欄杆，按住shift縮放。
在製作扁平插畫的時候一定要注意亮面和陰影的繪製。陰影可以用正片疊底來表現。
繪製窗戶。
① 繪製窗框，尺寸為16*47。
② 在窗框里繪製一層玻璃，然後用路徑查找器做出窗框里的陰影部分。
③ 添加斜的反光來增加玻璃的質感。
④ 可以用這樣的方法繪製多種窗戶的形狀來增加活潑感。
把以上所有的形狀組合起來。
步驟 2 ——繪製房屋。
製作後面的房子，都是簡單的形狀拼接，注意添加亮部和陰影來增加整體氛圍。
第一部分。
先繪製房頂。
① 首先繪製一個等腰梯形，繪製矩形後用直接選擇工具改變錨點位置。尺寸設置，然後繪製兩個三角形，作為房頂的亮面和暗面。
② 給房頂添加層次感，用矩形表現就可以。
③ 把房頂組合起來。
繪製房屋的主體，顏色和尺寸設置。
① 首先根據顏色和尺寸繪製三個矩形。
② 給牆壁添加凸起來表現層次感，放置並且記得添加陰影。
③ 給房屋的牆壁上添加凸起的裝飾和窗戶。
繪製塔樓和房屋的底部。
① 底部分為三個部分。分別是房屋的底部。底部的上部分和底部。
② 添加裝飾和樓梯。
把繪製好的所有部分都組合起來，注意各個部分的彼此的遮擋關係，添加陰影。
第二部分。
接下來開始繪製門。並且注意和前面塔樓的遮擋關係。
① 門主要由外框，內框和門上的玻璃，掛畫及門帘和裝飾組成。
② 先繪製外框，尺寸為214*232。繪製內框尺寸為202*209。然後用形狀工具繪製202*10、200*10、200*10三個矩形。放置把門框分為六個區域。
③ 外框和內框的交界處上方添加陰影部分。
繪製一些裝飾畫。
① 繪製矩形作為畫的外框，繪製矩形作為畫的內框。用鋼筆工具隨意勾勒形狀作為畫。
接下來開始繪製門帘。
① 門帘用鋼筆工具跟著輪廓勾出。
② 繪製出後粘貼複製一個改變其透明度和混合模式，然後把兩個門帘水平居中對齊。這樣門帘的效果就出來了。
繪製門上的屏風
① 根據圖上尺寸繪製兩個形狀，然後減去頂層。
② 然後複製粘貼之後改變為描邊5，填充和描邊水平居中對齊，並且改變填充的透明度，並且加一些原點來作為裝飾。
③ 然後把門的框架，裝飾畫，門帘和屏風等組合起來。
繪製樓梯扶手，用混合工具來繪製。
① 首先繪製一個扶手的大概形狀。
② 然後複製粘貼，表現出整體的高度。利用混合工具，繪製出扶手護欄。
③ 最後把繪製的幾部分組合。
把塔樓，房屋和樓梯扶手組合起來。
建築主體已經製作完畢，接下來繪製一些植物和欄杆來豐富畫面。
步驟 3 ——裝飾物。
第一部分。
開始繪製欄杆，繪製一個雛形之後，運用混合工具可以很方便的繪製出欄杆。
第二部分。
繪製植物。可以用很簡單的形狀來拼接。
① 繪製顏色#4f7f44直徑68、直徑75、直徑57的圓如圖所示放置，然後用路徑查找器合集三個圓。
② 用鋼筆工具在在如圖所示畫出的錨點繪製出圖形來填補整個形狀，做出如圖所示的形狀，然後用路徑查找器做出合集。
③ 選取直接選擇工具把圓形相接部分變得更加圓潤。
這時一個雛形就做了出來，接下來我們運用亮面和一些圓來給植物增加層次感。
一個小植被就做好了。接下來開始製作一棵樹木。
① 運用形狀工具、直接選擇工具和路徑查找器來製作一棵樹。
② 顏色，形狀可以隨意調整。
第三部分。
接下來開始繪製路燈，路燈分為底座，枝幹和燈三個部分，為了和整體氛圍搭選擇和建築同色系的顏色。
① 首先繪製底座，用形狀工具繪製矩形，用直接選擇工具選擇下面的錨點做出拉伸。
② 用鋼筆工具和螺旋線工具拼接形狀來做成路燈的枝幹。
③ 用圓角矩形工具和半球來繪製燈的主體部分。
第四部分
雲朵繪製方法。
① 隨意繪製幾個圓之後任意組合，選擇聯集-減去下層所有錨點，並且連接下層兩個錨點，把下方變平，然後把雲朵變得稍微圓潤一點。
② 繪製另一種不同的雲霧，繪製兩個矩形如圖放置，聯集之後改變其邊角變得更加圓潤。然後改變透明度。
第五部分。
為了增加背景的豐富性，繪製一些透明度很低的建築來作為背景。選擇和前景同色系的顏色，改變其圖層樣式為柔光，透明度60%。放置在背景層。
步驟 4 ——繪製外框
① 新建畫板改變大小為800px*600px。
② 把所有的繪製的插畫內容複製到新的畫板上。
③ 新建圖層800px*600px。填充顏色為#ddc7e0，作為背景顏色，Ctrl+2鎖定圖層。
④ 然後繪製500px*622px的六角形。顏色設置，並且改變其錨點位置。形成以下形狀。
⑤ 把所有的插畫放置在外框上，可以把一些植物突破外框來打破這個較長的邊框，讓其更加活潑。
⑥ 複製所有圖形，路徑查找器-聯集，改變其顏色為漸變放置在畫面最下方。製作外框，對象-路徑-偏移路徑20px。
⑦ 利用路徑查找器-減去頂層，截取下半部分圖案，修改下半部分顏色。
⑧ 放置位置，添加文字和圖案使其更加豐富。最後複製一層邊框，修改漸變#b00000-f5ffff,柔光-透明度60%。添加在最上方來柔和整個畫面。
最終效果
照片參考
插畫參考
徽章參考
繪畫草圖
在繪製草圖的時候添加了一些植物來豐富畫面。
新建畫板大小800*600，方向為橫向，色彩通道RGB即可。
新建矩形大小800px*600px，填充顏色ddc7e0，CTRL+2鎖定圖層。
接下來就開始繪製。選擇光源方向為左上方，繪製時要注意建築的明暗和陰影的方向。
步驟 1 ——塔樓建築
先繪製前方的塔樓，從上到下開始繪製。
第一部分。
① 依次根據數據畫出輪廓。選擇對齊-水平居中對齊。
② 全選，利用路徑查找器的聯集將整個形狀連成一個形狀。填充如圖所示的漸變，體現出光源的感覺。
③ 選擇直接選擇工具，出現小圈之後選擇小圈拖動，矩形邊角變成圓角，使整個形狀變得圓潤，更加自然。
開始繪製屋頂。
① 繪製寬175*高63的三角形。Ctrl+C，Ctrl+F原位複製兩個三角形，利用直接選擇工具選擇錨點，分別移動三角形的左邊錨點和右邊錨點，做出亮面和暗面。
② 減去三角形的尖角。繪製矩形，放在如圖所示的位置，全選之後選擇形狀生成器(shift+M)，按住alt鍵滑動滑鼠減去上面。和上方做的形狀組合成屋頂。
給房頂增加層次感。
① 根據尺寸和顏色繪製出三個矩形，給最左邊和最右邊的矩形添加圓角。
② 添加陰影部分。全選矩形之後Ctrl+G編組，然後Ctrl+從，Ctrl+F原位複製圖形。用直接選擇工具選擇矩形下面的錨點，按住shift鍵垂直向上移動。做出投影的形狀。改變其圖層樣式為正片疊底透明度20%。
③ 用如上方式，根據圖片給的尺寸和顏色做出其他兩個層次。
④ 把三個形狀組合起來，然後和之前做的房頂裝飾以及房頂都組合好。
繪製小燈來增加氛圍。
① 繪製顏色為#fffddd，直徑為1.5、1.9、2.5的圓。
② 在三層屋檐上選擇合適位置放置，作為小燈來增加氛圍。
接下來開始繪製玻璃。為了增加感覺選擇繪製各方面全透明的窗。
① 先繪製出整面的玻璃，尺寸為147*90,。
② 用白色做窗框，注意添加矩形做出窗框的厚度，把整面玻璃分割出三塊。區別出不同的光面。
③ 給區別出的三塊玻璃加上斜的反光，反光可以畫一個矩形用直接選擇工具移動錨點得到。注意同一塊玻璃的反光角度要一樣。
④ 給玻璃後面加上兩個柱子，做出空間感。
玻璃和上方形狀組合之後利用鋼筆工具勾出陰影部分。顏色填充為#bab0f3，透明度為60%。注意窗戶的結構走向。
開始繪製頂層的下半部分。
① 根據尺寸，分別繪製六個矩形，然後組合起來。
② 上部分和下部分的顏色是一樣的，利用陰影來區分這兩部分。
③ 組合起來。用鋼筆工具根據形狀來勾出陰影的形狀，然後改變其顏色和圖層樣式。
繪製欄杆。
① 繪製寬176*高36的圓角矩形，不要填充，描邊為2.7px。
② 利用混合工具(W)來繪製欄杆。首先用鋼筆工具畫一條2.8px*37px的直線，Ctrl+C，Ctrl+F原位粘貼複製之後，分別放在圓角矩形的左邊和右邊，並且水平居中對齊。
③ 選擇混合工具，點擊最左邊這條直線，點擊最右邊這條直線。雙擊出現面板之後改變其為指定的步數為7步。
④ 給欄杆添加圓形扶手。用形狀工具繪製即可。
第二部分。
繪製塔樓的下半部分。
① 繪製一個梯形，上邊為187px，下邊為229px，高為535px。然後繪製一個矩形，改變其圓角，添加層次感放在最下層作為底座。
② 給建築添加層次感。繪製圓角矩形放在建築的三分之一和三分之二位置，把整個塔樓分為三層。顏色和尺寸設置，並且給每層下面添加陰影。
③ 開始添加欄杆和門，欄杆可以直接用之前做的那個欄杆，按住shift縮放。
在製作扁平插畫的時候一定要注意亮面和陰影的繪製。陰影可以用正片疊底來表現。
繪製窗戶。
① 繪製窗框，尺寸為16*47。
② 在窗框里繪製一層玻璃，然後用路徑查找器做出窗框里的陰影部分。
③ 添加斜的反光來增加玻璃的質感。
④ 可以用這樣的方法繪製多種窗戶的形狀來增加活潑感。
把以上所有的形狀組合起來。
步驟 2 ——繪製房屋。
製作後面的房子，都是簡單的形狀拼接，注意添加亮部和陰影來增加整體氛圍。
第一部分。
先繪製房頂。
① 首先繪製一個等腰梯形，繪製矩形後用直接選擇工具改變錨點位置。尺寸設置，然後繪製兩個三角形，作為房頂的亮面和暗面。
② 給房頂添加層次感，用矩形表現就可以。
③ 把房頂組合起來。
繪製房屋的主體，顏色和尺寸設置。
① 首先根據顏色和尺寸繪製三個矩形。
② 給牆壁添加凸起來表現層次感，放置並且記得添加陰影。
③ 給房屋的牆壁上添加凸起的裝飾和窗戶。
繪製塔樓和房屋的底部。
① 底部分為三個部分。分別是房屋的底部。底部的上部分和底部。
② 添加裝飾和樓梯。
把繪製好的所有部分都組合起來，注意各個部分的彼此的遮擋關係，添加陰影。
第二部分。
接下來開始繪製門。並且注意和前面塔樓的遮擋關係。
① 門主要由外框，內框和門上的玻璃，掛畫及門帘和裝飾組成。
② 先繪製外框，尺寸為214*232。繪製內框尺寸為202*209。然後用形狀工具繪製202*10、200*10、200*10三個矩形。放置把門框分為六個區域。
③ 外框和內框的交界處上方添加陰影部分。
繪製一些裝飾畫。
① 繪製矩形作為畫的外框，繪製矩形作為畫的內框。用鋼筆工具隨意勾勒形狀作為畫。
接下來開始繪製門帘。
① 門帘用鋼筆工具跟著輪廓勾出。
② 繪製出後粘貼複製一個改變其透明度和混合模式，然後把兩個門帘水平居中對齊。這樣門帘的效果就出來了。
繪製門上的屏風
① 根據圖上尺寸繪製兩個形狀，然後減去頂層。
② 然後複製粘貼之後改變為描邊5，填充和描邊水平居中對齊，並且改變填充的透明度，並且加一些原點來作為裝飾。
③ 然後把門的框架，裝飾畫，門帘和屏風等組合起來。
繪製樓梯扶手，用混合工具來繪製。
① 首先繪製一個扶手的大概形狀。
② 然後複製粘貼，表現出整體的高度。利用混合工具，繪製出扶手護欄。
③ 最後把繪製的幾部分組合。
把塔樓，房屋和樓梯扶手組合起來。
建築主體已經製作完畢，接下來繪製一些植物和欄杆來豐富畫面。
步驟 3 ——裝飾物。
第一部分。
開始繪製欄杆，繪製一個雛形之後，運用混合工具可以很方便的繪製出欄杆。
第二部分。
繪製植物。可以用很簡單的形狀來拼接。
① 繪製顏色#4f7f44直徑68、直徑75、直徑57的圓如圖所示放置，然後用路徑查找器合集三個圓。
② 用鋼筆工具在在如圖所示畫出的錨點繪製出圖形來填補整個形狀，做出如圖所示的形狀，然後用路徑查找器做出合集。
③ 選取直接選擇工具把圓形相接部分變得更加圓潤。
這時一個雛形就做了出來，接下來我們運用亮面和一些圓來給植物增加層次感。
一個小植被就做好了。接下來開始製作一棵樹木。
① 運用形狀工具、直接選擇工具和路徑查找器來製作一棵樹。
② 顏色，形狀可以隨意調整。
第三部分。
接下來開始繪製路燈，路燈分為底座，枝幹和燈三個部分，為了和整體氛圍搭選擇和建築同色系的顏色。
① 首先繪製底座，用形狀工具繪製矩形，用直接選擇工具選擇下面的錨點做出拉伸。
② 用鋼筆工具和螺旋線工具拼接形狀來做成路燈的枝幹。
③ 用圓角矩形工具和半球來繪製燈的主體部分。
第四部分
雲朵繪製方法。
① 隨意繪製幾個圓之後任意組合，選擇聯集-減去下層所有錨點，並且連接下層兩個錨點，把下方變平，然後把雲朵變得稍微圓潤一點。
② 繪製另一種不同的雲霧，繪製兩個矩形如圖放置，聯集之後改變其邊角變得更加圓潤。然後改變透明度。
第五部分。
為了增加背景的豐富性，繪製一些透明度很低的建築來作為背景。選擇和前景同色系的顏色，改變其圖層樣式為柔光，透明度60%。放置在背景層。
步驟 4 ——繪製外框
① 新建畫板改變大小為800px*600px。
② 把所有的繪製的插畫內容複製到新的畫板上。
③ 新建圖層800px*600px。填充顏色為#ddc7e0，作為背景顏色，Ctrl+2鎖定圖層。
④ 然後繪製500px*622px的六角形。顏色設置，並且改變其錨點位置。形成以下形狀。
⑤ 把所有的插畫放置在外框上，可以把一些植物突破外框來打破這個較長的邊框，讓其更加活潑。
⑥ 複製所有圖形，路徑查找器-聯集，改變其顏色為漸變放置在畫面最下方。製作外框，對象-路徑-偏移路徑20px。
⑦ 利用路徑查找器-減去頂層，截取下半部分圖案，修改下半部分顏色。
⑧ 放置位置，添加文字和圖案使其更加豐富。最後複製一層邊框，修改漸變#b00000-f5ffff,柔光-透明度60%。添加在最上方來柔和整個畫面。
最終效果
收藏