ps制作立體游戲應(yīng)用圖標(biāo)設(shè)計(jì)教程(3)

來(lái)源:中國(guó)PhotoShop資源網(wǎng) 作者:Jeffrey  學(xué)習(xí):12606人次

Stept5:繪制完外框,我們開(kāi)始繪制游戲手柄嘞。先用鼠標(biāo)繪制一個(gè)游戲手柄的外形。添加一個(gè)簡(jiǎn)單的線(xiàn)性漸變。然后在手柄的邊界處打上陰影,讓手柄立體起來(lái)。

按此在新窗口瀏覽圖片

Stept6:現(xiàn)在我們開(kāi)始游戲手柄的左側(cè)操作欄的繪制。為了讓其更有“凹凸”感,我們選擇在暗色漸變的外側(cè)添加與手柄主體漸變色相反的漸變描邊。在暗色方向操作盤(pán)上繪制上下左右的方向鍵,注意,漸變色使用時(shí),與背景色不能過(guò)于反差,淡淡的區(qū)隔即可。

按此在新窗口瀏覽圖片

Stept7:至于右側(cè)的操作按鈕與左側(cè)操作盤(pán)的繪制方法也有異曲同工之處。先繪制四個(gè)“凹槽”,然后在里邊放置四個(gè)按鈕,在按鈕的圖層屬性配置上,可以只用純色加上”斜面浮雕”效果,簡(jiǎn)單顯示高光即可。然后為你的按鈕配上不同的色彩即可完工。值得注意的是,每個(gè)按鈕的外層可以添加一個(gè)顏色屬性更深的色值,使得產(chǎn)生更為細(xì)致的區(qū)隔立體效果。

按此在新窗口瀏覽圖片

Stept8:接下來(lái)繪制的是手柄的底部操作桿了。這部分的處理我們可以簡(jiǎn)單想像成一個(gè)立體按鈕的繪制。概括起來(lái)就是“兩個(gè)圖形平移”。即先繪制一個(gè)圓形,然后復(fù)制一個(gè)副本,并將其向上平移,簡(jiǎn)單吧~操作桿的高光部分,我們同樣使用簡(jiǎn)單的“斜面浮雕”效果即可。手柄的主體基本完成,然后我們添加上一些“附屬”小物件,游戲手柄搞定嘞!

按此在新窗口瀏覽圖片

Stept9:最后一步就是“打包”啦。我們將游戲手柄裝進(jìn)我們之前繪制好的外框中。這里需要注意的是,需要在外框暗色區(qū)域的選區(qū)內(nèi),在手柄四周打上陰影,拉出手柄與外框的距離,使得整體更有層次感。之后我們只需要再增加一些小光點(diǎn)作為點(diǎn)綴,接著拉個(gè)倒影,便大功告成了!

結(jié)束語(yǔ):不知道看了這篇文章是否會(huì)對(duì)大家的圖標(biāo)設(shè)計(jì)有所幫助嘞,繪制圖標(biāo)是個(gè)細(xì)致活,大家平時(shí)也多多練習(xí),多多繪制圖標(biāo),孰能生巧嘛~大家都Fighting!

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
酷酷的阿陽(yáng)2018-05-28 12:52
加油
東臨碣石2018-03-11 02:23
不錯(cuò) 。。。。。
淋雨一直走2017-05-28 08:22
真是好帖子
淋雨一直走2017-05-28 08:22
真是好帖子
豫劍少林2017-05-28 08:40
不錯(cuò) 。。。。。
豫劍少林2017-05-28 08:40
不錯(cuò) 。。。。。
初遇hope2017-05-28 07:48
老師真厲害,多向老師學(xué)習(xí)。
初遇hope2017-05-28 07:48
老師真厲害,多向老師學(xué)習(xí)。

關(guān)注大神微博加入>>

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