ps 版本 cs2 以上。
原文鏈接：http://pshero.com/photoshop-tutorials/graphic-design/vista-error-icon
圖標教程
-
按着習慣先看一下結果圖：
-
先讓我們看看幾個vista系統的圖標。下面左側的這個圖標就是我們今天要說的。通過簡單的顏色，圖標樣式的改變，你就可以很容易做出其它圖標，很多人已經做出來一些。
-
讓我們開始吧，先創建一個新文件：ctrl + 雙擊: 預設 -> web -> 600 X 400
然后通過圖層面板右下角的新建圖層按鈕新建一圖層，雙擊圖層名稱，輸入border
如果你當前的工具不是橢圓( Elliptical )選區工具的話，請鍵盤上的M鍵，並且使用shift + M，轉換到橢圓選區工具上來
-
按住shift鍵不放，從畫布的偏左上角處開始點擊並拖拽，直到占滿整個畫布的2/3時松左鍵。或離頂，右，下，左空白區域相等時松鍵。
然后按鍵盤 D 鍵，重設前景背影為默認的黑白色，並使用alt + backspace(alt + del)填充前景色給街區。
-
保證在不取消選區的前提下，點擊菜單命令：選擇 -> 修改 -> 收縮 -> 15, 回車，delete(backspace)。
-
通過圖層面板創建新層，雙擊圖層名稱，輸入middle，並填充另外一個你喜歡的顏色。
然后ctrl + d ，取消當前選區, 並ctrl + s 保存文件，命名為 icon。
-
現在我們添加一些圖層樣式，在border圖層名稱后雙擊，彈出混合圖層樣式面板。通過以下參數的設定，使我們的圖標有良好的光感效果。
inerr Glow: 內發光, 混合模式為：正常，不透明度為：100%
Gradient Overlay: 漸變疊加,角度為：35
Stoke: 描邊
-
如果這幾步操作對你來說比較不易操作的話，請直接到文章最后下載.PSD文件，以便你更容易的跟上我的思路。
我們一般通過編輯圖層樣式來更方便的創建效果。
-
然后，在middle圖層名稱后雙擊，像前面步驟一樣，創建樣式。
Bevel and Emboss: 斜面和浮雕,深度：200,大小：3，
漸變疊加，角度：135
-
這樣圖標已經有一個大概的模樣。
-
接下來讓我們來添加x。可以使用字體也可以利用ps畫出來。由於vista中的x號是兩邊平行且有圓角，所以我采用一種叫 Army的字體,300pt大小。可以從這兒這兒下載。
-
很明顯方向不對，需要旋轉一下。ctrl+T轉換到自由變換工具，按住shift鍵(使他保持等比且15度角旋轉)且讓鼠標在變形區域進行旋轉，雙擊變形區域內或回車，以全確定此步操作。然后調整位置使其水平垂直方向相對於icon背景居中。
-
通過ctrl+J再復制一個x圖層，分別命名為：x-top或x-bottom。
單擊x-top的眼睛小圖標，使他暫時隱藏。
-
對x-bottom進行3D邊緣及陰影的制作，利用外發光添加1px的白邊，使其看起來略大於x-top，請參考以下兩步進行設定。
-
點擊x-top，左邊的眼睛位置，使其可見。
像前面一樣，添加一個漸變圖層，使其看起來有金屬質感。
-
為使其看起來更有立體的感覺，利用移動工具選中x-botom圖層，然后上移或右移使其有下圖的效果。
-
在這個教程將要結束之前，還要在icon上添加web2.0的一些樣式，使其更為完美。由於vista的icon漸變不是規則的，所以還要進行以下的操作：
在x-top圖層上建一新層命為：Highlight，並且保證選中它。然后按住ctrl鍵單擊middle層，獲取middle的選區，
-
按 D 鍵，復位ps前景背景色設置，然后 ctrl + backspace ，填充 Highlight 為白色，然后調整填充為10%，使其看起來更為自然。
-
在保證選區工具的前提下，移動當前的選區到icon偏右下位置 backspace，留下的部分做為一個高光顯示。
-
單擊這兒下載相關文件。
-
做到這兒或許你感覺圖標有點不太圓，或許看着不順眼，好吧，那兒可能出了問題。
由於ps是像素圖軟件，所以選區創建的圓不是一個完美的圓，所以在第三步不能用橢圓工具來創建圓，而是用形狀工具中的橢圓工具。
以下是我的PSD文件下載。