本例介紹使用ps繪制一款逼真的蘋果系統環形扣的通訊錄圖標， 教程詳細講解了從無到有繪制圖標的過程，本文中大量運用圖層樣式來完成最終效果，對圖層樣式的運用有很大幫助，希望朋友們喜歡。

本教程為學習、研討之用，教程中所用素材均來源于網絡，請勿用于商業，謝謝合作！

最終效果預覽：

序曲：光照理論

在開始之前呢，我們要介紹一個簡單的光照原理。這是個很簡單很好懂的原理。原理圖如下圖所示：圖片里有兩束光，一束是太陽光作為強光，另外一束是外界的反射光作為柔光。

相信大家都可以看得懂這個原理吧，那么讓我們繼續吧，下面就是具體的設計步驟，由于設計步驟比較多，希望大家可以耐心的觀看哦！

step 1
新建一個文件，大小為1024像素×1024像素。定義一個512像素×512像素的矩形框，并在矩形框周圍加上四條輔助線。

step 2
建立一個新的圖層，并添加一個帶圓角的矩形，圓角的直徑為20像素，這個圓角矩形的形狀就是最終效果圖的基本形狀。我喜歡紅色，因此我選擇紅色作為填充色，把這個圖層命名為“圖書封面”。

step 3
這類蘋果系統的圖書類圖標都有特定的外形，如下圖！
再次復制“圖書封面”并命名為“封面”。稍后我們將會用到這個圖層，所以現在我們將這個圖層隱藏。

|||

 step 4
雙擊“圖層封面”顯示圖層樣式對話框，并按照下面的值設置相應選項。

|||

step 5
建立一個新的圖層，按下ctrl+alt+g創建剪切蒙版，選擇鋼筆工具，并且在左邊做出一條深藍色帶，我們可以叫它“黑色帶”，因為深藍色看上去像極了黑色。

step 6
按照下面的值設置“黑色帶”的各項參數。

step 7
再添加兩個剪貼蒙版，這兩個蒙版要放在黑帶圖層的下面。用黑色填充第一個蒙版。然后執行濾鏡→添加濾色（“數量”設置為75，“分布”設置為“平均分布”），將圖層混合混合模式改為疊加，不透明度改為%7。第二個剪貼蒙版同樣用黑色填充，執行濾鏡→素描→便紙條（“圖像平衡”設為20，粒度設為15，凸現設為10），將圖層混合模式設為疊加，不透明度設為%3。

|||

step 8
讓我們為“黑色帶”添加一些圖層樣式，首先創建兩個剪貼蒙版，這兩個剪貼蒙版要放在“黑色帶圖層”的下面。現在我們要選擇“黑色帶”，按住ctrl鍵點擊圖層面板的添加圖層蒙版按鈕為圖層添加一個矢量蒙版，并用黑色填充蒙版，然后運用素描濾鏡→繪畫筆，然后按照下面的值設置參數！

step 9
下面我們使用提出命令，按ctrl+alt+x調出抽出命令對話框，從白色中抽取大約一半的黑色條！

step 10
將圖層混合模式改為“疊加”，不透明度設置為“10%”。

step 11
下面我們將要重復前面步驟中的一些操作，選擇我們在第8步建立的第二個剪貼蒙版，重復第8步的操作，但是不要運用繪圖筆濾鏡。我們將運用便條紙濾鏡，這個濾鏡我們在第7步中運用過，在本步驟中便條紙的參數值和第7步中的一樣（圖像平衡設為20，粒度設為15，凸現設為10）。把圖層混合模式改為疊加，不透明度設為100%。

step 12
我們最后要對“黑色帶”做的是為它添加上一些可見的刮痕。建立一個新的圖層，這個圖層位于所有“黑色帶”的剪貼蒙版之上。選擇畫筆工具里的星形畫筆。選取黑色，并選取“黑色帶”，在選區的右邊點擊幾次，最后，建立一個新圖層組，并命名為“封面組”，把我們用到的所有的用來繪畫這個封面的圖層移動這個圖層組。

step 13
我們將加一個封底，這樣才是一本完整的書。復制“封面組”并重名為“封底組”，將“封底組”移動到“封面組”之下。

|||

step 14
“封底組”和“封面組”是相似的。我們需要隱藏兩個圖層效果，第一個是“黑色帶”的投影，第二個是“黑色帶”的斜面和浮雕。

step 15
這時我們將使用第4步建立的“封面”圖層，顯示這個圖層并使用快速選擇工具。我們將要做的是縮小這個封面，但是我們大家知道，此時我們不能使用自由變換工具，因為我們要保持整個圖書封面的圓角的相同大小，如果我們使用自由變換，圓角也會被應用自由變換工具。因此，選擇兩個圓角點，將它們向下一個圓角點稍微靠近一點。最后把填充顏色改為白色。

step 16
根據下面的參數值設置“封面”圖層。

step 17
我們要為這本圖書創建五張紙，將封面復制四次。然后，根據下面的樣式放置下面書頁的位置。

step 18
建立一個新組，命名為“書頁組”，將所有書頁都移動到這個組里。將這個組移動到“封面組”之下、“封底組”之上。

step 19
是不是還少了點什么？裝訂環，是的，是缺少裝訂環。讓我們加上吧。首先，用橢圓工具建立一個橢圓。

step 20
選擇橢圓模式，在“從路徑選區中減去”模式下，做出下圖的樣式。

step 21
同樣在“從路徑選區中減去”模式下，然后將隱藏在書頁里的環部分減去。并將這個圖層命名為“環”。

|||

step 22
按照以下的參數值設置“環”。

|||

step 23
復制“換”圖層，設置以下參數。

step 24
添加一個新圖層，命名為“環陰影”，執行“圖層”→“矢量蒙版”→“顯示全部”。點擊“環”的矢量蒙版，并將其復制到“環陰影”圖層下。選擇這個圖層，選擇一個柔軟的黑色筆刷，大小為100像素，不透明度為20%，在“環”的根部加上黑色的效果。

step 25
用橢圓工具建立一個“環眼”。

step 26
按照下面的參數值設置“環眼”。

step 27
建立一個新圖層，這個圖層位于“環”圖層之下，位于“環眼”之上。建立一個“黑色帶”的選區，用一個50像素的黑色筆刷在“環”下畫出一個陰影，筆刷的不透明為30%。

step 28
大家可以看到，我們有必要修復一下環的邊緣。建立一個新的圖層，這個圖層位于“環”所有剪貼蒙版的上面，用一個小的黑色畫筆修復一下。修復前后的圖像如下。

|||

step 29
建立一個新圖層，命名為“環圖層”，將所有有關于“環”的圖層移動到圖層組里。然后復制這個組并將其移動到圖層面板上面。第二個環下面的陰影應該和第一個有一點不同，將這個步驟重復三次，得到五個環（不需要新建一個圖層組）

step 30
使用鋼筆工具，畫出一個如下圖的“褶皺”形狀。

step 31
按照下面的參數值設置“褶皺”形狀。

|||

step 32
復制“褶皺”四次。

step 33
好的，讓我們為書加上陰影。我不打算使用變換和模糊來做這個效果，我僅僅用畫筆和橡皮擦工具。這可能對你們來說有點難度，但是我希望你們可以盡最大的努力來做，這樣作出來的效果會更真實。你也可以使用圖層的不透明度，關鍵是陰影不能太亮也不能太暗。

step 34
現在我們已經完成了這本書的創作，你可以用這個圖標作為許多系統的替換圖標，但是如果我們要把它用來作為一個地址薄圖標，我們應該再添加一個細節。選擇一個你最喜歡的字體，設置大小為250pt，鍵入字符“@”。

step 35
將字符向左旋轉10°。

step 36
設置一下參數

|||

step 37
復制字符，將它向上移動一些像素，向右移動一些像素。調出圖層樣式對話框，將顏色改為白色，按照下面的參數值設置。不要忘記將不透明度設置為80%。

至此我們的蘋果系統精美的文件夾圖標已經完成啦，你也可以把這個自己做的圖標作為自己的文件夾圖標，最終效果真的很是逼真哦，有不足之處望大家見諒哦，也希望本教程對大家有些用處，謝謝！