欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Photoshop繪制扁平化風(fēng)格索尼PSP游戲機(jī)圖標(biāo)教程

CHEN末   發(fā)布時間:2018-01-11 14:36:29   作者:CHEN末   我要評論
本教程教腳本之家的按鈕制作學(xué)習(xí)者如何用Photoshop繪制扁平化風(fēng)格索尼PSP游戲機(jī)圖標(biāo),教程主要通過對圖層樣式的不同操作來達(dá)到最終效果,繪制的PSP非常逼真,感興趣的朋友歡迎前來一起分享學(xué)習(xí)

如何用photoshop做psp?接下來小編就給大家分享使用Photoshop繪制扁平化風(fēng)格索尼PSP游戲機(jī)圖標(biāo)的方法步驟,教程一步步講解的非常詳細(xì),難度不是很大,主要分為扁平效果的繪制和圖層的添加兩大步,效果非常逼真,好了,先讓我們看一下效果圖,然后跟著教程一起制作一個吧!

效果圖:

主要過程:

PART1:首先繪制扁平的效果

步驟1:新建一個800*600的畫布,填充顏色#373738,再畫一個512*512px,圓角為90px的圓角矩形,填充顏色#f1f0f0,居中于畫布,并命名為外框。

步驟2:繪制一個512*512的矩形,填充顏色#282828,命名為表殼,然后按照下圖所示建立鋪助線,根據(jù)對角建立鋪助線并利用鋼筆工具添加錨點(diǎn),這一步比較繁瑣,給點(diǎn)耐心哈!

步驟3:接下來用到一個圓角插件神器Corner Editor,這個插件可在學(xué)UI網(wǎng)-學(xué)習(xí)導(dǎo)航-新手必看-ps常用插件里自行下載,用法也有介紹,當(dāng)然,不嫌麻煩的話可以用布爾運(yùn)算做,哈哈。

步驟4:給外殼左下角處挖空,畫一個180*180的鋪助圓,對齊到左下角,再畫一個160*160的圓,居中大圓,刪除鋪助圓。再畫兩個矩形,邊緣離表殼各10px,然后進(jìn)行布爾運(yùn)算,得出以下圖形。

步驟5:將它們合并形狀組件,再用布爾運(yùn)算添加4px的圓角。最后再合并形狀組件,與外殼合并圖層并減去。如下圖。(小技巧:在添加圓角的時候,遇到貼不到邊緣,可在ctrl+k首選項(xiàng)里的工具,把將矢量工具和變化與像素網(wǎng)格對齊的勾去掉,再利用鍵盤方向鍵可以進(jìn)行微小的移動,記得用完后再勾選上,靈活運(yùn)用。)

步驟6:繪制一個470*240px,圓角為4px的矩形,填充顏色#191919,居中于畫布,離外殼上邊緣90px。

步驟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。

b:再復(fù)制步驟10,更改大小28*20和26*18,多復(fù)制出3個,畫出相應(yīng)的圖形,如下圖。

c:畫兩個22*14px,圓角7px的圓角矩形作為揚(yáng)聲器,填充顏色#161616。再畫一個18*10px,圓角5px的圓角矩形作為話筒,填充顏色#101010。

d:將前幾個步驟得到的圖形按下圖排列。

步驟11:現(xiàn)在繪畫幾個顯示燈,畫4個6*6的圓形,其中兩個填充顏色#b28760,另外兩個填充顏色#44cda7。然后繪制兩個圖標(biāo),色值為#b3b3b3,看圖。

步驟12:排列在以下位置,POWER和HOLD的字號為10px,色值#b3b3b3。

步驟13:用矩形工具畫出PSP的形狀,大小如圖所示,填充顏色#b1b1b1。居中對齊,離屏幕15px。再把SONY的logo居中在屏幕上方。離屏幕20px,SONY的logo在最后的資源包下載。

PART2:添加圖層樣式

步驟14:先給外殼添加圖層樣式,設(shè)置如下。

步驟15:在給表殼添加圖層樣式之前,先ctrl+j復(fù)制多一層,留著,先給表殼添加圖層樣式,設(shè)置如下。

步驟16:把我們復(fù)制的那一層轉(zhuǎn)為智能對象,濾鏡-雜色-添加雜色,再濾鏡-模糊-動感模糊,然后剪貼蒙板到表殼,這樣拉絲的效果就完成了,具體設(shè)置如下。

步驟17:多復(fù)制一層屏幕,留著做反光,然后給屏幕添加圖層樣式,設(shè)置如下。

a:剪貼游戲界面(游戲界面會在資源包給到)。

b:把復(fù)制的那一層添加圖層樣式,也剪貼到屏幕,設(shè)置如下。

步驟18:給方向鍵添加圖層樣式,設(shè)置如下。

步驟19:給功能鍵添加圖層樣式,設(shè)置如下。

步驟20:給某功能鍵加圖層樣式,設(shè)置如下。

步驟21:給下排按鈕添加圖層樣式,設(shè)置如下。

步驟22:給揚(yáng)聲器和話筒添加圖層樣式,設(shè)置如下。

步驟23:給顯示燈添加圖層樣式,設(shè)置如下。

步驟24:最后一步了,堅(jiān)持就是勝利!給表殼制作高光和反光,增加層次感,畫一個340*14的橢圓,填充白色,再畫一個矩形減去一截,如圖。

a:羽化1px,降低不透明度為60%,居中在表殼頂部偏下點(diǎn)的位置。

b:畫一個340*4px的橢圓,填充白色,羽化2px,降低不透明度為30%,作為底部反光,剪貼進(jìn)表殼,如圖。

PART3:總結(jié)

通過這次的練習(xí),對于各種圖層樣式的操作應(yīng)該更加得心應(yīng)手,希望大家通過觀察和思考也能原創(chuàng)一些作品。

教程結(jié)束,以上就是關(guān)于Photoshop繪制扁平化風(fēng)格索尼PSP游戲機(jī)圖標(biāo)教程的全部內(nèi)容,文章來源于CHEN末,感謝作者CHEN末給我們帶來經(jīng)精彩的文章!

相關(guān)教程推薦:

ps怎么設(shè)計一枚閃光的金幣圖標(biāo)?

PS鼠繪扁平化風(fēng)格的時鐘圖標(biāo)

PS臨摹一個超寫實(shí)的手表教程

相關(guān)文章

  • PS怎么繪制圣誕按鈕?PS繪制圣誕快樂按鈕教程

    今天的教程是教給大家做一個非常有圣誕氛圍的圣誕快樂按鈕,充滿濃濃的圣誕節(jié)日氣息,小伙伴們還不快快打開PS一起來學(xué)習(xí)
    2021-06-16
  • ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計方法

    ps2021怎么做漂亮的漸變按鈕?ps中想要設(shè)計一款領(lǐng)券的按鈕,如果添加漸變色會更加顯眼,該怎么設(shè)計漸變色按鈕呢?下面我們就來看看ps按鈕樣式的設(shè)計方法,詳細(xì)請看下文介紹
    2021-05-27
  • 如何設(shè)計藍(lán)色金屬按鈕?用PS設(shè)計藍(lán)色科技金屬質(zhì)感按鈕教程

    很多人人物游戲按鈕只能用AI才能設(shè)計,其實(shí)不然,一些按鈕不只可以用AI設(shè)計,PS照樣可以,今天我們就教大家制作一個藍(lán)色科技金屬質(zhì)感的“play”按鈕,一起來學(xué)習(xí)吧
    2021-05-18
  • ps怎么設(shè)計配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計方法

    ps怎么設(shè)計配色干凈扁平化按鈕?很多時候我們會看到各種按鈕,想要設(shè)計一款顏色干凈清爽的扁平化按鈕,該怎么操作呢?下面我們就來看看ps按鈕矢量圖的設(shè)計方法,需要的朋友
    2021-04-08
  • 怎么用PS制作按鈕形狀效果?

    怎么用PS制作按鈕形狀效果?下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程,感興趣的小伙伴來學(xué)習(xí)吧
    2020-12-15
  • ps怎么設(shè)計圓形的不銹鋼金屬按鈕圖標(biāo)?

    ps怎么設(shè)計圓形的不銹鋼金屬按鈕圖標(biāo)?ps中想要設(shè)計一款圓形的按鈕,該怎么設(shè)計這個按鈕矢量圖呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2019-06-30
  • PS怎么設(shè)計可愛的按鈕?

    PS怎么設(shè)計可愛的按鈕?ps中想要設(shè)計一款可愛的按鈕,該怎么設(shè)計呢?下面我們就來看看ps設(shè)計按鈕的教程,需要的朋友可以參考下
    2018-10-30
  • ps怎么設(shè)計逼真的玻璃質(zhì)感按鈕?

    ps怎么設(shè)計逼真的玻璃質(zhì)感按鈕?ps中想要設(shè)計一款漂亮的玻璃按鈕,該怎么設(shè)計逼真透明的玻璃按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2018-09-23
  • ps怎么設(shè)計創(chuàng)意的圓形按鈕?

    ps怎么設(shè)計創(chuàng)意的圓形按鈕?ps中想要設(shè)計按鈕,該怎么設(shè)計創(chuàng)意的按鈕圖標(biāo)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2018-08-09
  • PS怎么設(shè)計左右輪播圖的按鈕?

    PS怎么設(shè)計左右輪播圖的按鈕?網(wǎng)頁中經(jīng)常能見到多張圖片輪播的效果,會有左右按鈕,該怎么設(shè)計這個按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2018-08-09

最新評論