當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

來源:tieba.baidu 作者:P大點S 學(xué)習(xí):13671人次

今天的圖標(biāo)教程效果好看,過程不難,十分鐘可以輕松搞定,對新手熟悉圖層樣式以及運用基礎(chǔ)形狀非常有幫助。同學(xué)趕快跟著教程一起練習(xí)吧。

先來看看效果:
圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

在做這個圖標(biāo)之前,我首先翻箱倒柜去找了一個古董級MP3來參考一下,請忽略我渣像素的手機。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

觀察了一下這個MP3,造型實在令人無法恭維。思考了一下,我決定把一體的按鍵變成五個,科技感會強一些。在這里我畫了一個草圖,請無視渣畫工。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

沒錯,你真的沒有看錯,我畫的就是這么坑。隨便拿了個圓珠筆,拿出一張廁紙,不對,在筆記本上撕了一頁,然后隨便劃拉幾下,畫出我們想要的輪廓。

大神們別打我,畢竟我只是個渣渣。

閑話休提,我們辦正事。

新建一個1000*600的文檔,設(shè)置前景色為白色#ffffff,背景色為#cfcfcf,使用漸變工具,畫一個白色到淺灰色的漸變,漸變跟我下圖中的箭頭差不多就行了。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

下面,我們給背景圖層添加一點雜色,強化質(zhì)感。執(zhí)行“濾鏡—雜色—添加雜色”,設(shè)置數(shù)量為1%,高斯分布,勾選單色。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

現(xiàn)在,我們開始構(gòu)建圖標(biāo)的輪廓形狀。使用橢圓工具,設(shè)置前景色為#cecece,畫一個450*450像素的正圓。我把它命名為“外圓”。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

現(xiàn)在,我們?yōu)檫@個“外圓”添加一個圖層樣式。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

接下來,還是用橢圓工具,畫一個400*400像素的圓,我將其命名為“內(nèi)圓”,顏色這里無所謂,等會我會用圖層樣式修改它的顏色。“內(nèi)圓”圖層的圖層樣式的設(shè)置請看下圖。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

目前為止,我們得到如下的效果。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
王弘邦2017-12-21 05:56
簡直不要太簡單,三人行必有我?guī)熝,謝謝老師的教程我的作業(yè):
星宿閣2017-05-28 02:44
確實很牛扒 !!
淚水淡殤2017-05-28 09:54
我要學(xué)
木禾子夕2017-05-28 09:11
好東西

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!