photoshop制作圖標(biāo)的案例教程
photoshop其實除了圖像處理很厲害之外,我們一般還可以制作很多精美的圖標(biāo)。接下來就是學(xué)習(xí)啦小編精心整理的一些關(guān)于photoshop制作圖標(biāo)的案例教程的相關(guān)資料,供你參考。
photoshop制作圖標(biāo)的案例教程
新建文檔,我用的大小是1500*1000像素,透明背景。 創(chuàng)建一個“漸變”調(diào)整層,設(shè)置一個#bdc3ce到#e7e9ee的90度的線性漸變。
再創(chuàng)建一個“漸變”調(diào)整層,模擬背景上的頂部中央位置的高光效果。 設(shè)置為#e7e9ee到透明的90度的徑向漸變。
畫一個480*480像素的圓,將圓的不透明度更改為80%。
為這個圓添加一個漸變疊加。
添加一個內(nèi)陰影
設(shè)置一個白色的投影
現(xiàn)在,我們完成了外圓的設(shè)置,得到了如下效果。
下面,我們用橢圓工具畫出按紐外圓,我用的大小是400*400像素。
為其添加一個斜面浮雕
添加一個白色的內(nèi)陰影
添加一個漸變疊加
添加一個投影
OK,完成了圖層樣式的設(shè)置,我們目前得到如下效果。
復(fù)制一層按紐外圓圖層,將其命名為投影,放置在按紐外圓圖層下層,右鍵清除圖層樣式,將填充更改為0,添加一個投影圖層樣式。
下面,我們畫按紐內(nèi)部的那個圓,用橢圓工具畫一個240*240像素的圓,將圖層不透明度設(shè)置為80%。
為這個圓添加一個漸變疊加。
添加一個內(nèi)陰影。
添加一個白色的投影。
現(xiàn)在我們得到如下效果
接下來,我們來畫最外層那里那個顏色的環(huán)狀。
我們復(fù)制一下最底層的那個外圓圖層,放置在外圓頂層,其余圖層下層,我們把顏色改成綠色,看了直觀一些,方便操作。
按住ALT鍵,畫一個矩形,ALT鍵在這里的作用是減去,當(dāng)然,你直接畫好再減去也是一樣的。
用路徑選擇工具選擇住矩形,按ALT鍵,拖動鼠標(biāo),復(fù)制一個矩形的路徑,這里的ALT鍵是復(fù)制,將矩形旋轉(zhuǎn)45度。
下面,按住SHIFT鍵畫一個40*40的圓,擺放到矩形減去的那個位置,兩個圓形都是如此操作。這里SHIFT的作用是增加。
OK,我們說一下,為什么那個小圓畫40像素,你看下面的圖就明白了。
下面我們來完善一下這個綠色的環(huán)狀,一種顏色太單調(diào)了,首先,我們給它添加一個漸變疊加。
添加一個內(nèi)陰影。
添加一個投影。
現(xiàn)在我們得到如下的效果。
當(dāng)然,這個漸變,隨便你喜歡什么顏色,無所謂,比如下面。
下面,就該畫那個下載的圖標(biāo)了。
如果你感覺直接畫不好操作,你也可以新建個文檔來畫,下面,我也用一個新文檔來演示。
首先,先畫出三個圓。
復(fù)制圓的路徑,減去。
這里需要注意的是如何保證圓環(huán)的寬度是一致的,其實有個很簡單的方法,網(wǎng)格。我們可以利用網(wǎng)格來對齊,保證我們所畫的各個線條的大小是一致的。從我們下圖中網(wǎng)格的顯示,可以很清楚的看出,我們的寬度已經(jīng)保持了一致。
畫一個矩形,減去。
畫兩個圓把兩邊那斷開的圓補(bǔ)上。
畫一個矩形,增加。
畫兩個圓,增補(bǔ)到矩形的兩端,讓其構(gòu)成圓角。
再畫一個矩形,旋轉(zhuǎn)45度,擺放好位置。
復(fù)制這一個矩形,水平翻轉(zhuǎn),擺放到右邊。
最后,再畫兩個圓,移動到那兩個旋轉(zhuǎn)45度的矩形的位置。
到這里,下載圖標(biāo),我們就畫好了,你要再不會畫,我也沒辦法了。P大點S作為一個熱愛分享的小團(tuán)隊,免不了在這里我也會將這個形狀定義到預(yù)設(shè)分享給大家,在附件中,你可以找到,那個.CSH的文件就是了,導(dǎo)入到PS中,你可以在自定義形狀中找到這個形狀。
話扯得有點遠(yuǎn)了,現(xiàn)在我們回到我們的圖標(biāo)文件,把下載的圖標(biāo)放進(jìn)去,調(diào)整好大小和位置。
為其添加一個顏色疊加。
添加一個內(nèi)陰影。
添加一個投影。
現(xiàn)在我們得到如下效果。
打上文字,文字直接拷貝圖標(biāo)的圖層樣式,完工。
到這里就算完工了,國際慣例,前面我們把PSD分享給了大家,歡迎交流,
PSD中我們另外提供了一個淺紅色的,希望你喜歡。
看了“photoshop制作圖標(biāo)的案例教程”的人還看了: