步驟33

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

步驟34

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

步驟35

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

步驟36

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

步驟37

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

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

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

步驟1

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

步驟2

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

步驟3

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

步驟4

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

步驟 5

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

步驟6

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

步驟7

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

步驟8

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

步驟9

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

最新評論