PS教你打造復古的牛皮質感通訊簿圖標

 

　　@葶蓂溪畔的幽靈公主 ：在這個教程中，我將給大家展示如何用PS打造一個精致的牛皮質感通訊簿圖標。教程主要用到三項技巧：首先，充分利用網格和對齊到網格;其次，創建矢量形狀，充分利用圖層的混合選項;最後，用簡單的混合技巧和特效來添加細致的陰影和高光。讓我們開始吧!

　　本次教程需要以下素材。開始之前可以先下載，當然也可以用其他素材代替。

　　木紋背景

　　皮質圖案

　　一、新建文件，顯示網格

　　打開PS，Command/Ctrl-N新建一個文件。按照下圖設置參數，單擊確定。顯示網格(視圖>顯示>網格)，然後對齊到網格(視圖>對齊到>網格)。剛開始，你需要一個10px的網格，選擇編輯>首選項>參考線，網格和切片，設置網格線間隔為10px，子網格為1，網格顏色為#a7a7a7。注：可以用Command/Ctrl-’ 快捷鍵來顯示或隱藏網格。你也可以打開信息面板(窗口>信息)來查看你繪制的形狀的大小和位置。

　　二、創建封面和封底

　　步驟 1

　　將前景色設為#aecef5。選擇圓角矩形工具，選擇形狀圖層模式，把 半徑設為5px。創建一個 240 x 380px 的圓角矩形，使用對齊到網格可以簡化工作。

　　步驟 2

　　選擇矩形工具。按住Alt 鍵，創建一個40 x 330px的矩形，如下圖。

　　步驟 3

　　選擇圓角矩形工具，按住Shift 鍵，創建一個50 x 20px 的圓角矩形，如下圖。

　　步驟 4

　　選擇圓角矩形工具，按住Shift 鍵，創建一個20 x 340px 的圓角矩形，如下圖。

　　步驟 5

　　選擇矩形工具，按住Alt 鍵，創建一個 10 x 380px的矩形，如下圖。

　　步驟 6

　　雙擊矢量形狀圖層，打開混合選項面板，為矢量形狀圖層添加斜面和浮雕，等高線，內陰影，光澤, 漸變疊加和圖案疊加，具體參數如下圖。注意將素材中的皮質圖案添加到圖案疊加中。

　　步驟 7

　　選擇你所繪制的矢量形狀圖層， Command/Ctrl-J 復制圖層，單擊右鍵，清除圖層樣式，把復制圖層的填充調整為0% ，打開混合選項窗口。添加內陰影，參數如下。

　　步驟 8

　　把前景色設為#384445，選擇圓角矩形工具，創建一個40 x 380px 的矢量形狀，並按如下位置擺放。選中該形狀，將其移動到其他矢量形狀圖層下方 (Command/Ctrl-Shift-[) ，為該圖層添加描邊和內陰影，參數如下。

　　三、創建標簽

　　步驟 1

　　將前景色設為#c7baac，選擇矩形工具，創建一個 20 x50px的矢量形狀，位置如下，設置混合選項如下。

　　步驟 2

　　將前景色設為#dbcec0，選擇矩形工具， 創建一個20 x 50px 的矢量形狀，位置如下。設置混合選項如下。

　　步驟 3

　　復制這兩個標簽，(Command/Ctrl-J)，如下放置復制的圖層。

　　步驟 4

　　隱藏網格(視圖>顯示>網格)。選擇文字工具(T)，在標