Photoshop繪制扁平化風(fēng)格索尼PSP游戲機(jī)圖標(biāo)教程
步驟7:現(xiàn)在讓我們畫方向鍵的按鈕,畫一個36*25的矩形,在下邊添加錨點(diǎn),然后用直接選擇工具向下移動20px,按住shift鍵可以整十地移動,然后用上圓角插件,設(shè)置如下。

a:畫一個120*120的圓,復(fù)制上一步的圖形,貼合在圓的四周,然后把它們合并圖層,讓圓的圖層置頂,選擇與形狀區(qū)域相交,得出下圖形狀。

b:把上一步的圖形復(fù)制到AI中,對象-路徑-偏移路徑,偏移2px,得到的圖形再復(fù)制回PS,選擇形狀圖層即可。沒有下載AI的朋友,也可以在ps做出來,沒有AI那樣快速就是了。

c:畫一個120*120的圓,利用上一步得到的圖形減去圓,得到新的圖形。

d:畫一個124*124的圓作為底層,填充顏色#040404,整合以上得到的圖形,并重新填充顏色,再畫一個18*9的三角形,設(shè)置內(nèi)描邊2px,色值為#424346,分布在以下位置。

步驟8:接下來繪制功能鍵,畫一個104*104的圓為底層,填充顏色#050505,再畫一個100*100的圓,填充顏色#141414。畫4個44*44的圓為按鈕的底層,填充顏色#050505,其兩端錨點(diǎn)貼合在大圓上,看圖,再畫4個40*40的圓,填充顏色#181818。

a:再依次畫出14*14的矩形、16*14的三角形、16*16的圓形、14*2的差號,都是2px的內(nèi)描邊,色值為#515254,居中于各個按鈕間。

步驟9:畫一個52*52的圓為底層,填充顏色#050505,再畫一個50*50的圓,填充顏色#242424。然后把以上幾個步驟做出來的東西如下圖排列。

步驟10:現(xiàn)在做其他的按鍵,畫一個42*20px,圓角為10px的圓角矩形為底層,填充顏色#050505,再畫一個40*18px,圓角為9px的圓角矩形,填充顏色#181818,然后寫個字號為10px的HOME,字體隨意設(shè)置個,色值為#b1b1b1,居中于按鍵。

a:復(fù)制上一步,更改大小為46*20和44*18,文字改為SELECT;再復(fù)制一回,更改大小40*20和38*18,文字改為START。

相關(guān)文章
今天的教程是教給大家做一個非常有圣誕氛圍的圣誕快樂按鈕,充滿濃濃的圣誕節(jié)日氣息,小伙伴們還不快快打開PS一起來學(xué)習(xí)2021-06-16
ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計(jì)方法
ps2021怎么做漂亮的漸變按鈕?ps中想要設(shè)計(jì)一款領(lǐng)券的按鈕,如果添加漸變色會更加顯眼,該怎么設(shè)計(jì)漸變色按鈕呢?下面我們就來看看ps按鈕樣式的設(shè)計(jì)方法,詳細(xì)請看下文介紹2021-05-27
如何設(shè)計(jì)藍(lán)色金屬按鈕?用PS設(shè)計(jì)藍(lán)色科技金屬質(zhì)感按鈕教程
很多人人物游戲按鈕只能用AI才能設(shè)計(jì),其實(shí)不然,一些按鈕不只可以用AI設(shè)計(jì),PS照樣可以,今天我們就教大家制作一個藍(lán)色科技金屬質(zhì)感的“play”按鈕,一起來學(xué)習(xí)吧2021-05-18
ps怎么設(shè)計(jì)配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計(jì)方法
ps怎么設(shè)計(jì)配色干凈扁平化按鈕?很多時(shí)候我們會看到各種按鈕,想要設(shè)計(jì)一款顏色干凈清爽的扁平化按鈕,該怎么操作呢?下面我們就來看看ps按鈕矢量圖的設(shè)計(jì)方法,需要的朋友2021-04-08
怎么用PS制作按鈕形狀效果?下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程,感興趣的小伙伴來學(xué)習(xí)吧2020-12-15
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?ps中想要設(shè)計(jì)一款圓形的按鈕,該怎么設(shè)計(jì)這個按鈕矢量圖呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-06-30
PS怎么設(shè)計(jì)可愛的按鈕?ps中想要設(shè)計(jì)一款可愛的按鈕,該怎么設(shè)計(jì)呢?下面我們就來看看ps設(shè)計(jì)按鈕的教程,需要的朋友可以參考下2018-10-30
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?ps中想要設(shè)計(jì)一款漂亮的玻璃按鈕,該怎么設(shè)計(jì)逼真透明的玻璃按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-09-23
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?ps中想要設(shè)計(jì)按鈕,該怎么設(shè)計(jì)創(chuàng)意的按鈕圖標(biāo)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09
PS怎么設(shè)計(jì)左右輪播圖的按鈕?網(wǎng)頁中經(jīng)常能見到多張圖片輪播的效果,會有左右按鈕,該怎么設(shè)計(jì)這個按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09











