編者按：周末練手走起！今天天@P大點(diǎn)S微博?的圖標(biāo)教程是一枚精致的筆記本，教程界面全中文，參數(shù)清晰，思路有序，能學(xué)到不少好技巧。素材已打包，來取 >>>

首先，看看我們的效果圖。

素材打包 ?微盤下載

新建文檔，這里我用的是1000*800像素。設(shè)置前景色為#9e9e9e，背景色為#616161，拉一個(gè)從中心向四周的徑向漸變。

添加一個(gè)雜色，設(shè)置雜色數(shù)量為2%，高斯分布，勾選單色。

復(fù)制一層背景圖層，執(zhí)行“濾鏡—濾鏡庫—紋理—馬賽克拼貼”，設(shè)置拼貼大小為2，縫隙寬度為1 ，加亮縫隙為1，并將這個(gè)圖層的圖層混合模式更改為“柔光”，不透明度20%。

創(chuàng)建一個(gè)“曲線”調(diào)整層，選取一個(gè)S曲線，強(qiáng)化對(duì)比。

使用圓角矩形工具畫一個(gè)450*600的圓角矩形，設(shè)置圓角為30度，居中對(duì)齊。

按住ALT，畫一個(gè)矩形，將矩形移至圓角矩形的左邊，得到我們要的筆記本的面板輪廓。ALT這里是快捷鍵，減去模式，當(dāng)然你也可以先畫好再減去，然后合并形狀組件。

接下來，給這個(gè)面板設(shè)置一個(gè)圖層樣式。

放入我所提供下載的“皮革”素材，置于頂層，創(chuàng)建剪貼蒙版，效果如下：

下面，我們添加一個(gè)縫線效果，還是跟剛才樣板的做法一樣，我縮小了5像素，圓角矩形的圓角角度記得需要更改一下，搞定后，合并形狀組件。

使用直接選擇工具，選擇住形狀，在形狀選項(xiàng)菜單中，設(shè)置形狀填充顏色為無，形狀描邊1像素，描邊顏色為#5a5a5a，虛線描邊。 具體設(shè)置請(qǐng)看下圖：

就虛線描邊來說，做法無數(shù)，用形狀的描邊功能，相對(duì)簡(jiǎn)單。以前沒有這功能的時(shí)候，雙重畫筆可以實(shí)現(xiàn)，使用圖案也可以實(shí)現(xiàn)，當(dāng)然你直接做個(gè)畫筆來描邊路徑，也無可厚非，方法多的是。

下面，我們給縫線圖層添加一個(gè)圖層樣式，增加真實(shí)感。

使用矩形工具，在皮質(zhì)面板下層畫一個(gè)30*600像素的矩形，擺放在皮質(zhì)面板的左邊。

下面，為這個(gè)矩形添加圖層樣式。

再用矩形工具畫一個(gè)10*596像素的矩形，置于我們上面設(shè)置圖層樣式的這個(gè)矩形的下層。

設(shè)置這個(gè)矩形的圖層樣式。

還是在上面設(shè)置圖層樣式的矩形的下層，用圓角矩形工具，畫一個(gè)50*600像素的圓角矩形。

為了不影響我們一會(huì)對(duì)這個(gè)形狀設(shè)置漸變疊加，我們畫一個(gè)矩形，減去頂層形狀，然后合并形狀組件。

OK，下面我們給它設(shè)置圖層樣式。

到目前為止，我們得到如下效果：

下面，我們給筆記本添加一個(gè)陰影。首先我們需要做的就是得到筆記本的選區(qū)。從圖層中，我們可以很輕易的明白，整個(gè)筆記本的輪廓是由下圖中的四個(gè)圖層所組成的。

載入單個(gè)圖層的選區(qū)的方法，我相信大家都知道，按CTRL+鼠標(biāo)左鍵單擊圖層縮略圖就可以載入選區(qū)了。 但是現(xiàn)在我們需要的是載入四個(gè)圖層的選區(qū)，其實(shí)還是一樣的，按CTRL+SHIFT+鼠標(biāo)左鍵單擊圖層縮略圖，依次單擊這四個(gè)圖層縮略圖就可以了。

在按住SHIFT的時(shí)候，鼠標(biāo)移到圖層縮略圖那里，會(huì)出現(xiàn)如下圖中的那個(gè)+號(hào)，點(diǎn)擊了就表示將現(xiàn)在選擇的圖層的選區(qū)增加到已有的選區(qū)中。

OK，我們得到選區(qū)后，新建一層，置于這四個(gè)形狀的下層，命名為“投影”，填充黑色，并執(zhí)行一個(gè)10像素的高期模糊。

再為這個(gè)“投影”圖層設(shè)置一個(gè)圖層樣式。

下面，我們打上文字，顏色為白色，并將文字圖層的填充更改為3%。

下面，我們給文字圖層設(shè)置一個(gè)圖層樣式：

搞定，再添加一個(gè)LOGO，圖層樣式直接拷貝文字的圖層樣式就可以了。

【效果喜歡到哭的教程系列】

評(píng)論有妹子看到效果已不能自拔：
《PS教程！手把手教你繪制精致舒服的播放器圖標(biāo)》

一秒鐘俘獲直男的心，木有之一！
《PS進(jìn)階教程！30分鐘擬物圖標(biāo)速成記之直刀篇》

評(píng)論區(qū)一片盛贊！簡(jiǎn)單好學(xué)效果經(jīng)驗(yàn)！
《PS新手教程！教你快速繪制精致有格調(diào)的馬賽克背景》

原文地址：tieba.baidu
作者：@P大點(diǎn)S微博

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量92萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：