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

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

Stept1:這就是我們今天要一起繪制的“游戲中心”的圖標(biāo)啦。第一步咱們先把圖標(biāo)“寬衣解帶”一下。這個(gè)圖標(biāo)主要可以分解為兩個(gè)部分,一個(gè)“外框”和一個(gè)“游戲手柄”。

按此在新窗口瀏覽圖片

Stept2:先用圓角矩形工具畫出兩個(gè)交疊的圓角立體矩形,這個(gè)就是我們外框的基本形了。接下來我們對(duì)其進(jìn)行漸變著色。在圓角處添加高光,使得整個(gè)立體圖形更加自然圓滑,同時(shí)在明暗區(qū)分較強(qiáng)顏色區(qū)隔處增加1px的高光邊線,使得圖標(biāo)更顯質(zhì)感。

按此在新窗口瀏覽圖片

Stept3:我們開始繪制暗底區(qū)域的高光,這邊值得注意的是,我們繪制的高光區(qū)域要在暗底選中區(qū)域的基礎(chǔ)上內(nèi)收縮1px,使得高光區(qū)與暗底間存在明顯的間隔,同時(shí)為了使繪制的高光區(qū)更有色感,我們要進(jìn)行“二次混合模式疊加”,第一次使用“疊加”的混合模式,第二次則使用“濾色”的混合模式。為了使繪制的高光區(qū)更富有質(zhì)感,我們?cè)谠械母吖鈪^(qū)基礎(chǔ)上,添加1px的高光亮邊,這么一來,圖標(biāo)就更晶瑩剔透咯。

按此在新窗口瀏覽圖片

Stept4:接下來我們開始繪制右下角的藍(lán)色游戲標(biāo)簽。簡(jiǎn)單的藍(lán)色側(cè)45度漸變便可完成基本型配色,但是為了錦上添花,我們需要在藍(lán)色漸變的基礎(chǔ)上加上與高光區(qū)同向的高光亮邊,繪制方法與之前提到的繪制高光區(qū)域的方法一致,同樣需要“二次混合模式疊加”。接下來添加“GAME”的文字,效果使用漸變+投影即可,值得注意的是,漸變色區(qū)隔不要太大,淡淡的即可,投影選擇黑色“正片疊底”,距離1px,大小2px即可。同時(shí)在暗底上層加上藍(lán)色的高光,便可給圖標(biāo)帶來不一樣的剔透質(zhì)感。

按此在新窗口瀏覽圖片

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(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)回答!