AI教程绘制扁平风游戏场景

小超人大战大怪兽~看上去复杂,其实就是运用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)。

最后把以上所有制作的元素摆放在画布上就是如下效果

是不是画面太多单调了,于是我们添加一些炸弹,气泡,云朵,来填充下画面。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容