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

2022-12-26 11:08:47 來源/作者: / 己有:85人學(xué)習(xí)過

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

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

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

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

觀察了一下這個(gè)MP3,造型實(shí)在令人無法恭維。思考了一下,我決定把一體的按鍵變成五個(gè),科技感會(huì)強(qiáng)一些。在這里我畫了一個(gè)草圖,請(qǐng)無視渣畫工。

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

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

大神們別打我,畢竟我只是個(gè)渣渣。

閑話休提,我們辦正事。

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

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

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

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

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

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

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

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

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

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

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

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

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