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

2022-12-26 10:59:46 來源/作者: / 己有:55人學(xué)習(xí)過

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

按此在新窗口瀏覽圖片

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

按此在新窗口瀏覽圖片

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

按此在新窗口瀏覽圖片

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

按此在新窗口瀏覽圖片