AI教程!用AI繪制一個(gè)經(jīng)典掌上游戲機(jī)

www.sj33.cn 發(fā)布時(shí)間：2021-03-22 10:48:56 作者：Andrei Stefan

今天，我們來(lái)一個(gè)復(fù)古設(shè)計(jì)，常見(jiàn)一個(gè)最具有標(biāo)準(zhǔn)的游戲機(jī)：掌上游戲機(jī)，就是我們小時(shí)候玩俄羅斯方塊的那種游戲機(jī)，現(xiàn)在我們就開(kāi)始吧

步驟33

把我們剛才的按鈕復(fù)制一份放到下圖差不多的位置即可

步驟34

選擇鋼筆工具 (P),并使用8px帶圓角的描邊(#7E7E89),繪制一條將用作選擇按鈕的斜線。

步驟35

給按鈕繪制一個(gè)的高光，使用白色大小為2px的線，記得線要用圓角的哦，底層陰影(顏色:#DDCCCC，大小為8px。將它們打組(ctrl-G),并在大約相距4px的位置處創(chuàng)建副本。

步驟36

在游戲機(jī)的右下角添加小揚(yáng)聲器格柵,繪制六條 4px 粗細(xì)的描邊線(#AD9C9C),帶有圓角的哦。

步驟37

做好了之后我們可以吧之前做的那個(gè)開(kāi)關(guān)放置到底部這里來(lái)，如圖的位置！這樣我們的游戲機(jī)就差不多做完了。然后我們需要繪制一個(gè)圓角矩形！放置到方向鍵的上面。如圖所示！

3. 將添加一些細(xì)節(jié)到游戲機(jī)的側(cè)面

此時(shí),我們幾乎完成了在游戲機(jī)正面的工作,這意味著我們現(xiàn)在可以專注于它的側(cè)部。

步驟1

選擇正面部分的主高光的副本,并將其粘貼到側(cè)面,確保將其與左側(cè)對(duì)齊,其不透明度設(shè)置為60%,然后打組 (Ctrl-G) 并將它們同時(shí)放到到背面(右鍵單擊>排列>發(fā)送到底部。

步驟2

創(chuàng)建游戲機(jī)正面部分的副本(Ctrl-C + Ctrl-F),然后對(duì)其應(yīng)用 4px 的偏移,我們將在副本的幫助下來(lái)創(chuàng)建新的圖形。然后,將生成的形狀的顏色更改為#BAA0A0,并將其放到其左側(cè),使其與游戲機(jī)側(cè)面可見(jiàn)區(qū)域的中心對(duì)齊。

步驟3

現(xiàn)在我們需要把多余的部分用剪切蒙版去掉！對(duì)于剪切蒙版的用法不清楚的小伙伴可以看看我以前的教程哦！

步驟4

使用矩形工具 (M) 創(chuàng)建一個(gè) 10 x 4px 的形狀,我們將使用#BAA0A0進(jìn)行著色。

步驟 5

接下來(lái),在我們剛剛創(chuàng)建的水平分隔線上方添加一個(gè)10 x 2px的矩形作為陰影(#A58888),并在下面繪制10 x 2 px的白色矩形作為高光，混合模式:變亮，不透明度: 60%。

步驟6

選擇矩形工具 (M) 并創(chuàng)建10 個(gè)8 x 2 px形狀,我們將使用#A58888進(jìn)行著色,并彼此垂直分布6px,確保將它們到游戲機(jī)的底部有48px。

步驟7

使用我們剛剛創(chuàng)建的矩形組,并將它們下移2px,將其顏色更改為#BAA0A0，這些圖像更有厚度感！

步驟8

通過(guò)在我們剛剛創(chuàng)建的線條下面添加第三個(gè)副本來(lái)完成側(cè)格柵的高光,我們需要通過(guò)將寬度從8px 更改為4px 來(lái)調(diào)整這些矩形。然后,將其顏色更改為白色(#FFFFFF),并將混合模式設(shè)置為"變亮",同時(shí)將其不透明度降至 60%。

步驟9

如果你已經(jīng)到達(dá)了最后一步,這意味著你已經(jīng)成功地完成了我們的小游戲機(jī)?，F(xiàn)在我們要?jiǎng)?chuàng)建一個(gè)陰影,只需選擇橢圓工具 (L) 并繪制一個(gè) 148 x 16 px 的橢圓,我們將使用較深的紅色(#DD5252)著色,然后放在游戲機(jī)下方,距離它 12 px的位置就好了。