編者按：優(yōu)設(shè)PS基礎(chǔ)訓(xùn)練營(yíng)的童鞋開(kāi)始制作自己的教程咯，今天是@安全蛋?同學(xué)臨摹的一個(gè)擬物錢(qián)包教程，重點(diǎn)依然是圖層樣式，來(lái)和優(yōu)設(shè)的小伙伴一起做作業(yè)吧，評(píng)論上圖喲。

這篇教程呢，不是原創(chuàng)，是偶然在網(wǎng)上看見(jiàn)這個(gè)擬物的圖，就想嘗試一下。做的不好?的地方還請(qǐng)大家指點(diǎn)，多包涵。不說(shuō)廢話了，下面就開(kāi)始吧。先看一看最終的效果：

第一步：塑造

作圖和繪畫(huà)差不多，都是從最基本的形體入手，由淺入深，慢慢細(xì)化。

1. 使用圓角矩形工具作出最基本圖形,兩個(gè)圖形都是550*550px，圓角分別是65px與 20px，色值313131

選中兩個(gè)圖層，鼠標(biāo)右鍵，合并形狀，將合并好的圖層改名為“底”（說(shuō)一下,CC以?上的版本就不用這么麻煩了，圓角矩形工具可以直接調(diào)整各個(gè)圓角的大小，給作圖帶?來(lái)了極大的便利）

2. 復(fù)制“底”，然后Ctrl+T自由變換，調(diào)整“底?副本”大小并移動(dòng)到合適位置

3. 開(kāi)始給“底”添加圖層樣式

3. 給另一個(gè)“底”添加圖層樣式

最后兩個(gè)圖形添加樣式后的效果

到這里基本的圖形就搭建差不多了，接下來(lái)就是要細(xì)化。這里細(xì)化我從兩個(gè)方面入手，?高光與反光，高光可以直接影響物體的質(zhì)感。

4. 高光刻畫(huà)

首先使用鋼筆工具勾出這樣一個(gè)圖形，色值為dfdfdf

隨后調(diào)整圖層的模式與填充，并把圖形轉(zhuǎn)化為智能對(duì)象（選中圖層右鍵，所彈出的菜?單里），找到濾鏡-模糊-高斯模糊

接下來(lái)使用圓角矩形工具新建圖形，命名為“高光2”，使用漸變工具對(duì)其填色，其?余步驟與前面的步驟相同

5. 反光刻畫(huà)

反光的刻畫(huà)與高光相同，也是首先作出圖形，再模糊，只是這里我在做的時(shí)候后面調(diào)?整了一下，所以在這里看著可能會(huì)稍微有一點(diǎn)點(diǎn)怪，但是都在為最終效果服務(wù)嘛，哈?哈哈，這里的色值是d5c6b3

第一步到這里基本就結(jié)束了，好像還沒(méi)皮包的趕腳，別著急嘛，好了，第一步結(jié)束大?概是介個(gè)樣子的

第二步：添加材質(zhì)、細(xì)化

1. 給第一步做出來(lái)的效果賦予顏色，這一點(diǎn)有點(diǎn)像CG繪畫(huà)的一些方法，先畫(huà)出黑白稿，?再疊加顏色，這里的色值是c75e01

2. 接著就是給錢(qián)包做材質(zhì)，在百度上搜索皮質(zhì)材質(zhì)一大堆，這些都可以，只是用的時(shí)?候要根據(jù)素材做出相應(yīng)的調(diào)整，素材不同，調(diào)整的參數(shù)也不同

這里我覺(jué)得材質(zhì)疊出來(lái)有點(diǎn)暗，所以我添加了一個(gè)亮度/對(duì)比度的調(diào)整圖層

然后選擇調(diào)整圖層，Ctrl+Alt+G創(chuàng)建剪貼蒙版，剪貼蒙版的作用在這里是使調(diào)整圖層?只作用于材質(zhì)貼圖

3. 復(fù)制“底?副本”，調(diào)整它的大小到合適位置，我們需要用它來(lái)制作縫紉線

我們不用管它的圖層樣式，我們只需要它的路徑，有了路徑就可以制作路徑文字了，?縫紉線就是這樣制作的。得到路徑后，我們使用文字工具，將光標(biāo)放在路徑上，光標(biāo)?會(huì)變成一個(gè)圓圈里面有一條波浪線的形式，這時(shí)我們就可以在路徑上書(shū)寫(xiě)文字了，這?次我們需要使用“\”符號(hào)，就是回車(chē)上的那一個(gè)，\\\\\\\\\\\，是不是很像，哈哈哈，鄙人認(rèn)為實(shí)在是太喪心病狂了。

就是介個(gè)樣子，注意看路徑上有一個(gè)小圓圈和一把小叉，它們就代表了路徑文字的起?止點(diǎn)，按住Ctrl+鼠標(biāo)在這兩個(gè)點(diǎn)附近的時(shí)候，光標(biāo)也會(huì)變化，會(huì)有一個(gè)小箭頭，這?個(gè)時(shí)候就可以調(diào)整了，這個(gè)縫紉線的大小跟文字調(diào)整大小是一樣的，色值不用管，在后面圖層樣式會(huì)調(diào)整（ps：為什么我的cs6里面文字工具不能使用，一用就報(bào)錯(cuò)，原來(lái)?都可以用的，害得我只要一有文字編輯的就得換ps，心累，真的累，麻煩有沒(méi)有哪位大神知道這個(gè)問(wèn)題的解決方法，告訴我一下，小弟先在這里謝謝了）

縫紉線的圖層樣式

4. 再次添加材質(zhì)，使用圖案填充中的彩色紙-紅色紋理紙，也可以自己在網(wǎng)上找，就?跟前面的皮材質(zhì)是一樣的（紅色箭頭所指向的就是添加調(diào)整圖層的按鈕）

5. 將剛才的這些材質(zhì)Ctrl+G打組，命名為“材質(zhì)”，選擇“材質(zhì)”組，鼠標(biāo)放在“底”?的縮略圖上，點(diǎn)擊左鍵，得到“底”的選區(qū)，為“材質(zhì)”添加圖層蒙版，這是為了防止在錢(qián)包外出現(xiàn)貼圖。

這一步的最終效果，大體已經(jīng)出來(lái)了，還差一些修飾物

6. 添加鎖扣

首先制作出圖形的樣式

編輯圖層樣式

完成后的大致效果

復(fù)制一層，刪掉圖層樣式，調(diào)整一下位置（下移）與長(zhǎng)度作為陰影

復(fù)制剛才的材質(zhì)組，刪掉里面的縫紉線相關(guān)圖層，把它移動(dòng)到這個(gè)鎖扣的上方，并將?圖層蒙版換鎖扣。再添加一個(gè)曲線調(diào)整圖層，提亮，也是要?jiǎng)?chuàng)建剪貼蒙版

7.添加扣子

8. 添加logo

大家就不要吐槽logo了，網(wǎng)上隨便找的一個(gè)，不加覺(jué)得比較單調(diào)

首先肯定是要把這圖摳出來(lái)，摳圖大法多種多樣，這里我就不多說(shuō)了，哈哈哈

修飾的東西都加好了，快要結(jié)束了，想想都好激動(dòng)啊

第三步：背景與陰影

1.背景的制作

一個(gè)徑向的漸變，色值如下

將這個(gè)背景復(fù)制一層，轉(zhuǎn)換為智能對(duì)象，添加雜色

2.陰影的制作

首先使用橢圓工具制作出陰影，再?gòu)?fù)制幾層，我是多復(fù)制了兩層，然后調(diào)整，一層比?一層小，一層比一層高斯模糊值低，說(shuō)白了就是一個(gè)柔和的過(guò)渡

左面的是色值，右面的是高斯模糊值

最后的陰影效果

完成

【優(yōu)設(shè)九月熱門(mén)PS教程】

一招提升照片質(zhì)感的高端手法！
《高端修圖手法！僅需一招便可提升你的照片質(zhì)感》

3步輕松搞定清新色調(diào)！
《超贊！后期高手教你輕松3步修出清新色調(diào)》

海報(bào)設(shè)計(jì)的教程出來(lái)咯！
《PS教程！手把手教你臨摹一張絢麗的藝術(shù)海報(bào)》

作者：@安全蛋

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量101萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com