效果圖
萬(wàn)年不變的廢話(huà)開(kāi)始。 新建個(gè)文檔，我用的大小是1500X1000像素，透明背景。 創(chuàng )建一個(gè)“漸變”調整層，設置一個(gè)#bdc3ce到#e7e9ee的90度的線(xiàn)性漸變。
再創(chuàng )建一個(gè)“漸變”調整層，模擬背景上的頂部中央位置的高光效果。 設置為#e7e9ee到透明的90度的徑向漸變。
畫(huà)一個(gè)480X480像素的圓，將圓的不透明度更改為80%。
為這個(gè)圓添加一個(gè)漸變疊加
添加一個(gè)內陰影
設置一個(gè)白色的投影
現在，我們完成了外圓的設置，得到了如下效果。
下面，我們用橢圓工具畫(huà)出按紐外圓，我用的大小是400X400像素。
為其添加一個(gè)斜面浮雕
添加一個(gè)白色的內陰影
添加一個(gè)漸變疊加
添加一個(gè)投影
OK，完成了圖層樣式的設置，我們目前得到如下效果。
復制一層按紐外圓圖層，將其命名為投影，放置在按紐外圓圖層下層，右鍵清除圖層樣式，將填充更改為0，添加一個(gè)投影圖層樣式。
下面，我們畫(huà)按紐內部的那個(gè)圓，用橢圓工具畫(huà)一個(gè)240X240像素的圓，將圖層不透明度設置為80%。
為這個(gè)圓添加一個(gè)漸變疊加。
添加一個(gè)內陰影。
添加一個(gè)白色的投影。
現在我們得到如下效果
接下來(lái)，我們來(lái)畫(huà)最外層那里那個(gè)顏色的環(huán)狀，其實(shí)，我們以前的一個(gè)關(guān)于布爾運算的帖子（點(diǎn)擊跳轉鏈接）有講過(guò)這些形狀怎么畫(huà)了，今天，本來(lái)不想講的，后來(lái)想想，還是講一講。 我們復制一下最底層的那個(gè)外圓圖層，放置在外圓頂層，其余圖層下層，我們把顏色改成綠色，看了直觀(guān)一些，方便操作。
按住ALT鍵，畫(huà)一個(gè)矩形，ALT鍵在這里的作用是減去，當然，你直接畫(huà)好再減去也是一樣的。
用路徑選擇工具選擇住矩形，按ALT鍵，拖動(dòng)鼠標，復制一個(gè)矩形的路徑，這里的ALT鍵是復制，將矩形旋轉45度。
下面，按住SHIFT鍵畫(huà)一個(gè)40X40的圓，擺放到矩形減去的那個(gè)位置，兩個(gè)圓形都是如此操作。這里SHIFT的作用是增加。
OK，我們說(shuō)一下，為什么那個(gè)小圓畫(huà)40像素，你看下面的圖就明白了。
下面我們來(lái)完善一下這個(gè)綠色的環(huán)狀，一種顏色太單調了，首先，我們給它添加一個(gè)漸變疊加。
添加一個(gè)內陰影。
添加一個(gè)投影。
現在我們得到如下的效果。
當然，這個(gè)漸變，隨便你喜歡什么顏色，無(wú)所謂，比如下面。
下面，就該畫(huà)那個(gè)下載的圖標了，如果你感覺(jué)直接畫(huà)不好操作，你也可以新建個(gè)文檔來(lái)畫(huà)，下面，我也用一個(gè)新文檔來(lái)演示。首先，先畫(huà)出三個(gè)圓。
復制圓的路徑，減去。
這里需要注意的是如何保證圓環(huán)的寬度是一致的，其實(shí)有個(gè)很簡(jiǎn)單的方法，網(wǎng)格。我們可以利用網(wǎng)格來(lái)對齊，保證我們所畫(huà)的各個(gè)線(xiàn)條的大小是一致的。從我們下圖中網(wǎng)格的顯示，可以很清楚的看出，我們的寬度已經(jīng)保持了一致。
畫(huà)一個(gè)矩形，減去。
畫(huà)兩個(gè)圓把兩邊那斷開(kāi)的圓補上。
畫(huà)一個(gè)矩形，增加。
畫(huà)兩個(gè)圓，增補到矩形的兩端，讓其構成圓角。
再畫(huà)一個(gè)矩形，旋轉45度，擺放好位置。
復制這一個(gè)矩形，水平翻轉，擺放到右邊。
最后，再畫(huà)兩個(gè)圓，移動(dòng)到那兩個(gè)旋轉45度的矩形的位置。
到這里，下載圖標，我們就畫(huà)好了，你要再不會(huì )畫(huà)，我也沒(méi)辦法了。P大點(diǎn)S作為一個(gè)熱愛(ài)分享的小團隊，免不了在這里我也會(huì )將這個(gè)形狀定義到預設分享給大家，文章的前面，我們有給了下載地址，在壓縮包中，你可以找到，那個(gè).CSH的文件就是了，導入到PS中，你可以在自定義形狀中找到這個(gè)形狀。
話(huà)扯得有點(diǎn)遠了，現在我們回到我們的圖標文件，把下載的圖標放進(jìn)去，調整好大小和位置。
為其添加一個(gè)顏色疊加。
添加一個(gè)內陰影。
添加一個(gè)投影。
現在我們得到如下效果。
打上文字，文字直接拷貝圖標的圖層樣式，完工。
到這里就算完工了，國際慣例，前面我們把PSD分享給了大家，歡迎交流，PSD中我們另外提供了一個(gè)淺紅色的，希望你喜歡。
聯(lián)系客服
