設(shè)計(jì)通訊簿圖標(biāo)教程

最終效果:

在這個(gè)教程中，我將給大家展示如何用PS打造一個(gè)精致的牛皮質(zhì)感通訊簿圖標(biāo)。教程主要用到三項(xiàng)技巧：首先，充分利用網(wǎng)格和對(duì)齊到網(wǎng)格；其次，創(chuàng)建矢量形狀，充分利用圖層的混合選項(xiàng)；最后，用簡(jiǎn)單的混合技巧和特效來添加細(xì)致的陰影和高光。讓我們開始吧！

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

素材打包 https://img.lvups.com/d/file/bigpic/2022/12/26/iflsg3iscx3 密碼：XN30

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

二、創(chuàng)建封面和封底

步驟 1

將前景色設(shè)為#aecef5。選擇圓角矩形工具，選擇形狀圖層模式，把 半徑設(shè)為5px。創(chuàng)建一個(gè) 240 x 380px 的圓角矩形，使用對(duì)齊到網(wǎng)格可以簡(jiǎn)化工作。

步驟 2

選擇矩形工具。按住Alt 鍵，創(chuàng)建一個(gè)40 x 330px的矩形，如下圖。

步驟 3

選擇圓角矩形工具，按住Shift 鍵，創(chuàng)建一個(gè)50 x 20px 的圓角矩形，如下圖。