效果图

第一步：点击【文件】>【新建】，

第二步：来制作地面

先画2个12px*12px的大圆，再画4个8px*8px的小圆，用小白(直接选择工具(A))去掉大圆的左右两个点，然后再制作个更大的矩形，选择两者，用【路径查找器】的减去顶层，然后用矩形工具分别制作不同的方块，

第三步：来制作背景

用钢笔工具勾出第一层背景，填充颜色#00344f 。

用钢笔工具勾出第二层背景，填充颜色#00354f 。

在建筑物上增加一些细节，并合并。

第四步：来制作宫殿

先制作两个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的圆角矩形当作眉毛

制作背部，先画一个半径为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，改变图层顺序

第六步：制作小超人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的枪心

第七步：制作小超人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来添加他的脚

第九步：制作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的矩形，然后用【路径查找器】的分离，删除不要的部分

将大怪兽，小怪兽，小超人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);最后在发射塔的周围增加些细节

第十一步：制作星球

先制作半径为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

第十二步：制作装备

先制作37px*24px，圆角为8，#35c659的矩形

(1);再绘制一个20px的正方形，#26aa48，圆角为5的矩形

(2);再绘制一个17px的正方形，#00263e，圆角为5的矩形

(3);绘制12px的正方形，然后对半分后，交错拼接，然后得到一个闪电，再复制粘贴一个#fffeb0，再添加一个矩形来拼

(5);效果

第十三步：制作药箱

步骤大致跟制作装备是一样，就是颜色发生了变化，底色为#889daf，依次叠加为#a7b9c6,#ffffff,然后绘制两个圆角矩形，8px*3px，圆角为2的矩形，变换-旋转-90度，颜色分别填充#ff3c82,#c7366a，

第十四步：制作发射炮

首先底座是跟发射塔一样的

(1);制作38px*4px，#ffa021的圆角矩形，然后cmd+c,cmd+f复制粘贴得到

(2);然后再复制粘贴其中一个，来跟

(2)进行剪切蒙版

(4)，然后随意将圆角矩形进行先后收缩，

然后将橙色这部分放置在底座的后面，

(1);然后将橙色cmd+c,cmd+f，填充#ffe945，放置在前面，

(2);然后在底座后面增加很多个圆，大小逐步递增

第十五步：制作探测仪

绘制两个圆角矩形，分别为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

第十六步：制作小丑鱼

首先画4个圆，半径分别为16px,12px,6px,2px，填充颜色分别为#e23ca7,#ff6fb6，#ffffff,#161917

(1);再绘制14px*4px，#9d2b9e，旋转10度，复制后，再填充#750f72;然后再变换-对称

最后把以上所有制作的元素摆放在画布上

AI制作游戏场景相关文章：

无相关信息