圖標(biāo)設(shè)計(jì)，模仿QQ旋風(fēng)圖標(biāo)實(shí)例(9)

本教程主要使用Photoshop繪制藍(lán)色立體效果的軟件下載圖標(biāo)，教程不難，重點(diǎn)是形狀工具的運(yùn)用，已經(jīng)看到不少同學(xué)交作業(yè)了，你也來試試吧。有不懂的朋友可以下載PSD文件研究，下面就開始教程的繪制吧。

教程源文件鏈接：http://pan.baidu.com/s/1jGrKMiU 密碼：j09o

先看看效果圖

這個(gè)是原圖標(biāo)

這個(gè)是我們的臨摹成果

背景的創(chuàng)建沒什么好說的，只是漸變，然后加了個(gè)圖案而已。文檔大小的話，請隨意，本人用的1500*1000像素。首先，我畫了水平居中和垂直居中兩條參考線，方便等會(huì)的對齊，選擇橢圓工具，畫一個(gè)圓。

為這個(gè)圓添加一個(gè)漸變疊加。

添加一個(gè)1像素的描邊。

添加一個(gè)投影。

目前效果如下：

還是使用橢圓工具畫出內(nèi)部的這個(gè)圓。

給內(nèi)部的這個(gè)圓添加一個(gè)徑向漸變。

添加一個(gè)描邊。

添加一個(gè)內(nèi)陰影。

添加一個(gè)外發(fā)光，模擬原圖標(biāo)灰色描邊外面的白色高光。

現(xiàn)在，我們得到如下的效果。

下面，開始畫那個(gè)下載的箭頭圖標(biāo)，首先，畫個(gè)圓，再畫個(gè)橢圓減去。

選擇矩形工具，畫個(gè)矩形，旋轉(zhuǎn)一下，減去。

畫個(gè)圓角矩形，增加。

復(fù)制圓角矩形，并旋轉(zhuǎn)，調(diào)整大小。

畫個(gè)三角形，把中間空白的位置補(bǔ)上。

合并形狀組件，并添加一個(gè)圖層蒙版，用畫筆涂抹，讓箭頭圖標(biāo)的左邊跟原圖標(biāo)一樣，有個(gè)透明度。

為這個(gè)箭頭添加一個(gè)漸變疊加。

復(fù)制一層這個(gè)箭頭圖層，并將填充更改為0，下移一定的像素，并將其置于箭頭圖層的下層，添加一個(gè)顏色疊加。

添加一個(gè)投影。

再次復(fù)制一下箭頭圖層，修改一個(gè)錨點(diǎn)，調(diào)整成如下圖所示，我們來做那個(gè)浮雕效果。

將這個(gè)圖層的填充更改為0，添加一個(gè)斜面和浮雕。

勾選等高線。

復(fù)制這個(gè)添加了斜面浮雕的圖層，將圖層顏色更改為白色，將填充更改為10%。

在屬性面板中，為這個(gè)形狀羽化10像素，讓其邊緣平滑過渡。

現(xiàn)在，我們強(qiáng)化一下浮雕的效果，畫一個(gè)矩形，并將矩形的顏色填充設(shè)置為無顏色。

為這個(gè)矩形添加一個(gè)漸變疊加。

將圖層不透明度更改為40%。

現(xiàn)在我們得到如下效果。

下面，我們開始畫那些刻度。我們首先來畫這個(gè)長的刻度，設(shè)置前景色為#12c8ff，畫一個(gè)矩形，CTRL+T，設(shè)置中心點(diǎn)為畫布的中心，旋轉(zhuǎn)30度，CTRL+ALT+SHIFT+T，得到如下效果。

為這個(gè)刻度條添加一個(gè)投影。

接下來，我們畫短的刻度，跟剛才是一樣的操作的，只是旋轉(zhuǎn)角度更改為7.5度，刪除掉跟長的刻度重疊的部分。

一樣的，添加一個(gè)投影。

下面，我們來畫指針，首先，用橢圓工具畫出中間那個(gè)圓。

添加一個(gè)漸變疊加。

添加一個(gè)斜面浮雕。

添加一個(gè)描邊。

添加一個(gè)內(nèi)陰影。

添加一個(gè)投影。

在圓的圖層下層，設(shè)置前景色為#000000，畫一個(gè)三角形的指針，用矩形刪掉一個(gè)錨點(diǎn)，輕而易舉可以得到一個(gè)等腰的三角形。

為指針圖層添加一個(gè)投影。

在這個(gè)指針圖層上層，圓圖層下層，設(shè)置前景色為#2e2e2e，畫一個(gè)矩形，旋轉(zhuǎn)一定角度，創(chuàng)建剪貼蒙版，用來構(gòu)成指針的立體面。

最終效果圖