圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

2022-12-26 11:07:28 來源/作者: / 己有:24人學(xué)習(xí)過

今天教大家模仿一個計時器圖標(biāo),作者提供了PSD供大家參考,喜歡的可以下載配合教程一起學(xué)習(xí)。

PSD素材鏈接: http://pan.baidu.com/s/1mg05NJE 密碼: h7i4

首先,看看我們的山寨原圖。

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

我們的成品:

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

原圖有點小,我這里文檔比原圖建得稍大了一些。

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

我們首先進(jìn)行背景的創(chuàng)建,我創(chuàng)建了一個“漸變”調(diào)整層,設(shè)置的#444c60到#262f37的90度的徑向漸變。

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

建個新圖層,填充白色,執(zhí)行“濾鏡—雜色—添加雜色”,設(shè)置雜色數(shù)量為20%,平均分布,并將這個圖層混合模式更改為“正片疊底”。

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

下面,我們制作原圖中的像素斜線,新建個5像素*5像素的文檔,放大畫布到最大,用鉛筆工具,設(shè)置鉛筆像素大小為1像素,畫出如下圖案,記得把文檔的背景圖層刪除掉,我們只要那個斜線圖層。

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程

接下來,我們把這個圖案自定義,執(zhí)行“編輯—自定圖案”。

圖標(biāo)設(shè)計,做計時器圖標(biāo)教程