ps制作立體游戲應(yīng)用圖標(biāo)設(shè)計(jì)教程(2)
Stept1:這就是我們今天要一起繪制的“游戲中心”的圖標(biāo)啦。第一步咱們先把圖標(biāo)“寬衣解帶”一下。這個(gè)圖標(biāo)主要可以分解為兩個(gè)部分,一個(gè)“外框”和一個(gè)“游戲手柄”。
Stept2:先用圓角矩形工具畫出兩個(gè)交疊的圓角立體矩形,這個(gè)就是我們外框的基本形了。接下來(lái)我們對(duì)其進(jìn)行漸變著色。在圓角處添加高光,使得整個(gè)立體圖形更加自然圓滑,同時(shí)在明暗區(qū)分較強(qiáng)顏色區(qū)隔處增加1px的高光邊線,使得圖標(biāo)更顯質(zhì)感。
Stept3:我們開(kāi)始繪制暗底區(qū)域的高光,這邊值得注意的是,我們繪制的高光區(qū)域要在暗底選中區(qū)域的基礎(chǔ)上內(nèi)收縮1px,使得高光區(qū)與暗底間存在明顯的間隔,同時(shí)為了使繪制的高光區(qū)更有色感,我們要進(jìn)行“二次混合模式疊加”,第一次使用“疊加”的混合模式,第二次則使用“濾色”的混合模式。為了使繪制的高光區(qū)更富有質(zhì)感,我們?cè)谠械母吖鈪^(qū)基礎(chǔ)上,添加1px的高光亮邊,這么一來(lái),圖標(biāo)就更晶瑩剔透咯。
Stept4:接下來(lái)我們開(kāi)始繪制右下角的藍(lán)色游戲標(biāo)簽。簡(jiǎn)單的藍(lán)色側(cè)45度漸變便可完成基本型配色,但是為了錦上添花,我們需要在藍(lán)色漸變的基礎(chǔ)上加上與高光區(qū)同向的高光亮邊,繪制方法與之前提到的繪制高光區(qū)域的方法一致,同樣需要“二次混合模式疊加”。接下來(lái)添加“GAME”的文字,效果使用漸變+投影即可,值得注意的是,漸變色區(qū)隔不要太大,淡淡的即可,投影選擇黑色“正片疊底”,距離1px,大小2px即可。同時(shí)在暗底上層加上藍(lán)色的高光,便可給圖標(biāo)帶來(lái)不一樣的剔透質(zhì)感。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 圖標(biāo)設(shè)計(jì)
- 制作
- Photoshop
- 圖標(biāo)
- 設(shè)計(jì)教程
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫實(shí)圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計(jì)扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個(gè)四分環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)簡(jiǎn)單的酷狗圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程