第一步:新建文件
點擊【文件】【新建(或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)。
最後把以上所有制作的元素擺放在畫布上就是如下效果
是不是畫面太多單調了,于是我們添加一些炸彈,氣泡,雲朵,來填充下畫面。
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!