ai如何繪製扁平風遊戲場景
第一步：新建檔案
點選【檔案】>【新建（或CTRL N）】，設定如下圖：
第二步：來製作地面
先畫2個12px*12px的大圓，再畫4個8px*8px的小圓，用小白（直接選擇工具（A))去掉大圓的左右兩個點，然後再製作個更大的矩形，選擇兩者，用【路徑查詢器】的減去頂層，然後用矩形工具分別製作不同的方塊，然後用圓來點綴地面。得到的小單元填充顏色為#5c6a77。然後按住Alt鍵，複製貼上出剩下的單元進行平鋪。
地面平鋪效果如下圖所示。
第三步：來製作背景
A: 用鋼筆工具勾出你想要的第一層背景，填充顏色#00344f 。不一定要按照我的來臨摹。效果如下圖。
B: 用鋼筆工具勾出你想要的第二層背景，填充顏色#00354f 。不一定要按照我的來臨摹。效果如下圖。
C: 在建築物上增加一些細節，併合並，效果如下圖。
第四步：來製作宮殿
先製作兩個253px*238px和86px*196px的矩形，#00263e.，用小白工具把上面兩個錨點變成圓角（1），然後把兩個形狀疊加，再用【路徑查詢器】減去頂層，得到（2），再上方新增兩個55px*55px，#113948的矩形，中間新增兩個103px*7px，#113948的分割線，下方再新增兩個58px*80px的矩形，把頂端兩個錨點變成圓角。（3）。製作一個86px*72px的矩形跟（2）進行【路徑查詢器】的分離，把不需要的形狀刪除（4）。再在頂部新增一條282px*20px的矩形，當作房簷。
把房簷放在居中的位置，下圖為效果圖。
第五步：來製作大怪獸
先製作一個55px*102px，#ff6eb7,頂部圓角為27，底部圓角為10的圓角矩形（1）；再製作嘴巴，分別為92px*18px，92px*12px，#ff6eb7，分別改變頂部和底部的圓角，再製作一個26px，#37040b的正方形（2）；再分別繪製兩隻眼睛，製作半徑為26px,眼珠為半徑8的小圓，根據透視原理，後面的眼睛會顏色深點，我們來填充#9f2b9d，然後再用小正方形來製作它的牙齒，#ffffff（3）；在新增半徑為46px，#e33ca6的圓，用78px*15px，頂部圓角為9的兩個圓角矩形作為它的腳（4）；製作3個25px*8px，頂部圓角為5的兩個圓角矩形，顏色分別為#fee146，#add63f，#34c75a（5）；然後來製作它的眼睛，從裡到外分別為半徑4px，20px，38px，放置在合適的位置，然後製作一個6px*24px，圓角為3的圓角矩形當作眉毛（6）；最後的擺放效果（7）。
接下來我們來製作它的背部，先畫一個半徑為95px，#ff6eb6的圓，和8px*20px，#b7e640的圓角矩形，放置位置（1）；然後選中綠色的物件，旋轉（快捷鍵R)，按住Alt鍵，用滑鼠左鍵將你需要的旋轉圓心位置移動到粉色圓心，然後會彈出個視窗，輸入旋轉角度10度，點“複製”。然後ctrl D，得到旋轉圖形（2）；將旋轉得到的圖形全部選中後，用【路徑查詢器】的合併形狀，並左鍵-排列-後移一層（3）；將背部放置（4）；製作它的兩隻後腳，分別矩形為86px*22px；77px*35px，顏色為#ff6eb6（5）；將後腳放置（6）；再把細節優化下，我們來隨意放置一些圓點，來製作它的斑點（7）；然後繪製一個炸彈，分別半徑為6px，14px，26px，顏色分別為#fffeb0，#c2ec55，#4cd26c，改變下圖層順序（8）。
第六步：來製作小超人1號
先製作一個34px*43px，#ffd6ac的矩形（1）；製作帽子，畫一矩形，然後和圖1形狀進行減去頂層#ffdf45，再增加43px*4px，#ff9d1a的帽簷，然後再新增兩個3px*6px，#010000的眼睛（2）；繪製半徑為14px的圓，然後去掉下面的錨點，再繪製8px的矩形去掉一個錨點，再縮小一半，作為頭髮（3）；繪製半徑為4px,10px,顏色分別為#ff7b79，#ffd7ad的圓，作為耳朵（4）；再畫一矩形，然後和頭部形狀進行減去頂層，得到下巴#ffffff（5）；再繪製40px*10px的矩形，#00253e，作為槍身，然後繪製2個15px*14px的圓角矩形，然後減去頂層製作個手掌，#ffd7ad（6）；再繪製個半徑為10px，#ffd7ad的圓作為左手，用矩形工具繪製槍身，和腿（7）；繪製個22px*7px,14px*3px，#ff9d1a的槍殼，10px*3px的槍心（8）。
第七步：來製作小超人2號
先保留超人的槍和下半部分，先繪製一個34px*50px的矩形，頂部圓角為17，底部圓角為14px，#ff266e。再cmd c,cmd f，後再縮小，#bb0e4c（1）；再繪製個18px*14px，#ffd6ac的臉（2）；然後再繪製個30px*14px的矩形，改變左下角和右上角的圓角，#010000，再新增兩個眼睛（3）；改變下槍上圓點的顏色，下半身和兩條腿的顏色#fe276e，#b90a46。
第八步：來製作小怪獸
首先繪製一個30px*45px，#ff6fb7，頂部圓角14，底部圓角4的圓角矩形，和20px*20px，#76052b的正方形（1）；然後再繪製2個25px*4px，#9f2b9f，圓角為2的圓角矩形，再新增幾個正方形作為牙齒（2）；再繪製眼睛，分別建立半徑為18px,和8px的圓，#ff6fb7和#feffff，2px*4px的圓角矩形作為眼珠（3）；最後用幾個正方形4px*4px，#ff6fb6和#b14aad來新增他的腳 (4)。
第九步：來製作community
先繪製一個162px*116px，#00263e的矩形（1）；再繪製182px*25px，#113848的屋頂，然後分別繪製182px*4px,和182px*2px的高光和陰影，#3c5764,#000000(2)然後製作10px*20px，底部圓角為5.5的矩形，#3b5765，#000000，然後按住Alt鍵，進行復制貼上（3）；在矩形上寫下“GIGANYIC COMMUNITY〞(4)；再繪製兩個分別為50px*90px，82px*66px，#113948的矩形（5）；繪製20px*50px，#01273d，圓角為10的矩形，然後再繪製中間的兩個2px*7px的圓角矩形，6px*1px的矩形，3px*3px的圓，然後進行組裝（6）；cmd c,cmd f，複製貼上3個（7）；繪製一個48px*122px，#ffffff的矩形，然後用【路徑查詢器】的分離，刪除不要的部分（8）。
將大怪獸，小怪獸，小超人1號跟小超人2號分別放在對應的位置，效果如下圖
第十步：來製作發射塔
先製作36px*36px，#00263e的圓形（1）；再繪製53px*6px，圓角為3，#113848的矩形（2）；再繪製22px*16px，#00273e的矩形（3）；然後再繪製半徑分別為6px,12px，#bee83d,#3ccc59的圓（4）；繪製14px*66px,11px*63px,9px*63px,7px*63px，顏色分別為#00263e,#32ca5b,#bee73c,#edfc79的矩形（5）；最後在發射塔的周圍增加些細節（7）。
第十一步：來製作星球
先製作半徑為36px,#1ed5fd的圓（1）；然後再繪製70px*5px，#ffffff的圓角矩形（2）；然後再繪製一個矩形，#158dca，跟圓進行減去頂層（3）；再新增兩個27px*3px的圓角矩形，注意圖層順序（4）；再用圓繪製眼睛，10px*8px，4px*4px,2px*2px，分別#ffffff，#00162e，#158dcb（5）；最後繪製半徑為30px，14px的圓，#ffc158，#ffe96a（6）。
第十二步：來製作裝備
先製作37px*24px，圓角為8，#35c659的矩形（1）；再繪製一個20px的正方形，#26aa48，圓角為5的矩形（2）；再繪製一個17px的正方形，#00263e，圓角為5的矩形（3)；繪製12px的正方形，然後對半分後，交錯拼接，然後得到一個閃電，再複製貼上一個#fffeb0，再新增一個矩形來拼（5）；效果（6）。
第十三步：來製作藥箱
步驟大致跟製作裝備是一樣，就是顏色發生了變化，底色為#889daf，依次疊加為#a7b9c6,#ffffff,然後繪製兩個圓角矩形，8px*3px，圓角為2的矩形，變換-旋轉-90度，顏色分別填充#ff3c82,#c7366a，得到（4）。
第十四步：來製作發射炮
首先底座是跟發射塔一樣的（1）；然後我們先來製作38px*4px，#ffa021的圓角矩形，然後cmd c,cmd f複製貼上得到（2）；然後再複製貼上其中一個，來跟（2）進行剪下蒙版（4），然後隨意將圓角矩形進行先後收縮，得到（5）。
然後將橙色這部分放置在底座的後面，注意圖層順序（1）；然後將橙色cmd c,cmd f，填充#ffe945，放置在前面，注意圖層順序（2）；然後在底座後面增加很多個圓，大小逐步遞增（4）。
第十五步：來製作探測儀
我們先繪製兩個圓角矩形，分別為70px*10px,56px*8px，圓角為4，顏色分別為#8cd9ff;#478cd4的矩形，中間等距新增圓（1）；然後將（1）複製貼上，變換-縮放後，改變顏色，#bef9ff,#6dbbf4（2）；然後再繪製50px*30px，圓角為7的矩形，#71bbf8,中間再新增#27px*23px,圓角為7的矩形，#2860af（3）；再繪製半徑為14px,8px，4px的圓，分別填充#bef9ff,#7cc7f7,#fdffff（4）；然後繪製三個圓角矩形，分別為50px*12px，40px*12px，24px*12px，顏色為#ffffff，透明度分別為22,50,100（5）；再繪製34px*7px，圓角為7，#6fbbf6。18px*5px，圓角為5，#012740（6）。
第十六步：來製作小丑魚
首先畫4個圓，半徑分別為16px,12px,6px,2px，填充顏色分別為#e23ca7,#ff6fb6，#ffffff,#161917（1）；再繪製14px*4px，#9d2b9e，旋轉10度，複製後，再填充#750f72;然後再變換-對稱（2）；最後注意圖層順序（3）。
最後把以上所有制作的元素擺放在畫布上就是如下效果
是不是畫面太多單調了，於是我們新增一些炸彈，氣泡，雲朵，來填充下畫面。