AI繪制游戲大戰(zhàn)場景插畫教程

學(xué)UI網(wǎng) 發(fā)布時間：2018-05-14 15:43:58 作者：@多蘿西

我要評論

本教程教腳本之家的Illustrator教程學(xué)習(xí)者如何使用AI繪制游戲大戰(zhàn)場景插畫，教程雖然有些長，但是難度并不是很大，繪制的是小超人大戰(zhàn)大怪獸的場景，效果非常精美，感興趣的朋友可以看看

把房檐放在居中的位置，下圖為效果圖。

第五步：來制作大怪獸

先制作一個55px*102px，#ff6eb7,頂部圓角為27，底部圓角為10的圓角矩形（1）；再制作嘴巴，分別為92px*18px，92px*12px，#ff6eb7，分別改變頂部和底部的圓角，再制作一個26px，#37040b的正方形（2）；再分別繪制兩只眼睛，制作半徑為26px,眼珠為半徑8的小圓，根據(jù)透視原理，后面的眼睛會顏色深點，我們來填充#9f2b9d，然后再用小正方形來制作它的牙齒，#ffffff（3）；在添加半徑為46px，#e33ca6的圓，用78px*15px，頂部圓角為9的兩個圓角矩形作為它的腳（4）；制作3個25px*8px，頂部圓角為5的兩個圓角矩形，顏色分別為#fee146，#add63f，#34c75a（5）；然后來制作它的眼睛，從里到外分別為半徑4px，20px，38px，放置在合適的位置，然后制作一個6px*24px，圓角為3的圓角矩形當(dāng)作眉毛（6）；最后的擺放效果（7）。

接下來我們來制作它的背部，先畫一個半徑為95px，#ff6eb6的圓，和8px*20px，#b7e640的圓角矩形，放置位置（1）；然后選中綠色的對象，旋轉(zhuǎn)（快捷鍵R)，按住Alt鍵，用鼠標左鍵將你需要的旋轉(zhuǎn)圓心位置移動到粉色圓心，然后會彈出個窗口，輸入旋轉(zhuǎn)角度10度，點"復(fù)制"。然后ctrl+D，得到旋轉(zhuǎn)圖形（2）；將旋轉(zhuǎn)得到的圖形全部選中后，用【路徑查找器】的合并形狀，并左鍵-排列-后移一層（3）；將背部放置（4）；制作它的兩只后腳，分別矩形為86px*22px；77px*35px，顏色為#ff6eb6（5）；將后腳放置（6）；再把細節(jié)優(yōu)化下，我們來隨意放置一些圓點，來制作它的斑點（7）；然后繪制一個炸彈，分別半徑為6px，14px，26px，顏色分別為#fffeb0，#c2ec55，#4cd26c，改變下圖層順序（8）。

第六步：來制作小超人1號

先制作一個34px*43px，#ffd6ac的矩形（1）；制作帽子，畫一矩形，然后和圖1形狀進行減去頂層#ffdf45，再增加43px*4px，#ff9d1a的帽檐，然后再添加兩個3px*6px，#010000的眼睛（2）；繪制半徑為14px的圓，然后去掉下面的錨點，再繪制8px的矩形去掉一個錨點，再縮小一半，作為頭發(fā)（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）；再繪制眼睛，分別創(chuàng)建半徑為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鍵，進行復(fù)制粘貼（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，復(fù)制粘貼3個（7）；繪制一個48px*122px，#ffffff的矩形，然后用【路徑查找器】的分離，刪除不要的部分（8）。