當前位置:首頁>ps實例教程>ps繪畫教程>鼠繪教程>教程內容

ps鼠繪游戲手柄教程(5)

來源:未知 作者:飛魚的聲納 學習:4702人次

我們將要創(chuàng)建的效果

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

創(chuàng)建手柄的基本形狀

新建一個800 x 600像素的新文檔(Ctrl+N),任意填充一個背景顏色。選擇橢圓工具(U),在工具屬性欄中選擇形狀圖層,畫出一個中等大小的圓形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

在圖層面板中選擇形狀圖層的矢量蒙版,橢圓工具選中的狀態(tài)下,按下鍵盤中的加號鍵,這樣會將形狀添加到形狀圖層中,然后在另外一邊畫一個小一點的圓形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

接下來選擇矩形工具(U),按下鍵盤中的加號鍵,畫一個矩形,將兩個圓形連起來。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

接下來,再次使用橢圓工具(U)在前面創(chuàng)建的圓形之內再創(chuàng)建兩個圓形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在選擇圓角矩形工具創(chuàng)建一個小的圓角矩形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

圓角矩形創(chuàng)建好了之后,按下”Ctrl+T”對此形狀進行自由變換。按住Shift鍵逆時針方向轉動直到它第二次定位。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

復制矩形圖層,將其放置在合適的位置。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

創(chuàng)建底座

選擇底座圖層,給其添加如下圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

你的底座圖層應該類似于下圖的樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

 

接下來我們要讓剩下的4個元素看上去有凹陷的效果。給兩個圓形和矩形添加如下圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在你應該得到如下圖所示的效果。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

完成底座

我們接下來完成游戲手柄的底座部分。我們從添加另外一個真實的陰影開始。復制底座圖層,然后在圖層面板中的圖層縮略圖上點擊右鍵,選擇清除圖層樣式。然后給該圖層添加一個黑色的顏色疊加。

接下來我們給該圖層添加動感模糊效果。選擇濾鏡>模糊>動感模糊,然后使用如下設置。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

將陰影的不透明度設置在30%左右,然后將陰影向下移動,直到手柄的上部邊緣看不到陰影。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

我們接下來創(chuàng)建連線。首先選擇矩形工具在手柄的頂部創(chuàng)建一個小的矩形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

給矩形圖層添加斜面和浮雕圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

接下來是連線,選擇鋼筆工具,創(chuàng)建一條曲線路徑。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

 

曲線路經(jīng)創(chuàng)建好之后,選擇筆刷工具,將其設置為1至2個像素的硬筆刷,然后選擇鋼筆工具,在畫布上右擊,從菜單中選擇”描邊路徑”。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在給它添加圖層樣式完成連線的創(chuàng)建。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

你應該得到如下圖所示的效果。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

完成左邊的面板

選擇圓角矩形工具(U),將半徑設置為15至20像素,然后畫一個垂直的矩形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

按下鍵盤中的加號鍵,在形狀圖層中畫出另外一個水平的矩形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

重復上面的步驟,不過這次矩形的大小比前面的矩形小5個像素。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

最后選擇矩形工具(U)在矩形面板上畫四條方向線。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

選擇最初創(chuàng)建的圓角矩形,添加如下圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

選擇小一點的圓角矩形,添加如下圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

最后,給矩形上面的小線條添加顏色值為#9e9fa3的顏色疊加。你應該得到如下圖所示的結果。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

 

創(chuàng)建顏色按鈕

選擇橢圓工具(U),在右側的圓形內創(chuàng)建4個圓形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在我們需要讓這4個圓形有凹陷的效果,給每一個圓形添加如下圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

你應該得到如下所示的效果。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

使用橢圓形工具(U)在剛才創(chuàng)建的圓形內創(chuàng)建4個小一些的圓形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

給這些小一些的圓形添加如下所示的圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

將描邊圖層樣式和漸變疊加圖層樣式的顏色更改為你期望的顏色。你應該得到如下所示的結果。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

在每一個按鈕上選擇一個符號添加上。然后給這些符號應用如下圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

將符號的顏色更改為和按鈕相近的顏色,你應該得到如下所示的結果。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

 

創(chuàng)建中間的按鈕

在我們之前創(chuàng)建的凹陷的區(qū)域內部再創(chuàng)建兩個小圓角矩形。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

然后給這兩個小圓角矩形添加如下圖層樣式。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

使用文字工具在兩個按鈕下方添加文字標簽。你應該得到如下所示的效果。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

最后按照你的喜好給游戲手柄添加上名字。

Photoshop繪制一個復古的游戲手柄,PS教程,16xx8.com教程網(wǎng)

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!