編者按：今天這枚擬物化的購(gòu)物袋圖標(biāo)，非常寫實(shí)，教程界面全中文，過(guò)程詳實(shí)，方便好學(xué)，另外有一個(gè)添加花紋的小技巧很實(shí)用，來(lái)練手 >>>

最終效果圖：

新建畫布。

給畫布拉個(gè)漸變。

拉個(gè)圓角矩形。

雙擊圖層添加圖層樣式，先來(lái)投影。

接著內(nèi)陰影，內(nèi)發(fā)光和漸變疊加。

最后來(lái)個(gè)圖案疊加，任選一個(gè)用來(lái)做紋理。

加完樣式后成為這個(gè)樣子。

拷貝一份圓角矩形，把它置于最下面。

右鍵清除圖層樣式，填充黑色，在屬性里羽化四像素。

剛剛樓主把圓角矩形眼睛關(guān)閉了，現(xiàn)在打開，選中圓角拷貝層（就樓上羽化黑色這個(gè)）按住ctrl+下鍵（就是鍵盤右鍵上下左右四個(gè)鍵）往下移動(dòng)三四個(gè)像素，使它作為陰影。

畫個(gè)長(zhǎng)條矩形，創(chuàng)建剪輯蒙版。

來(lái)個(gè)灰到白的漸變。

用橢圓工具畫兩個(gè)小圓，位置一定放對(duì)，填充黑色。

調(diào)出圖層樣式，添加描邊、內(nèi)陰影、漸變疊加，讓它看起來(lái)像金屬質(zhì)感。

這樣看起來(lái)有點(diǎn)金屬的樣子了。

在小圓形上面再畫兩個(gè)更小的圓填充黑色。

接下來(lái)要做，購(gòu)物袋的繩子，這點(diǎn)要切圖，大家注意看橢圓工具。

路徑選擇工具選中那個(gè)橢圓。

Ctrl+C、Ctrl+V，復(fù)制粘貼，再把復(fù)制的那個(gè)圖層稍微往上拉點(diǎn)Ctrl+T 變小點(diǎn)。

如圖把它切掉。

合并為一個(gè)形狀。

先按下Shift在畫一個(gè)矩形，必須要畫在同一個(gè)圖層。

再切。

合并成一個(gè)形狀。

橢圓畫個(gè)小圓，放在接口上面，圓最好是偶數(shù)，這樣才能對(duì)齊。

然后把小圓形放在另一個(gè)接口上，覺(jué)得繩子太長(zhǎng)再調(diào)節(jié)下。

把圓的繩子合并成一個(gè)形狀圖層。

給繩子添加圖層樣式。

添加圖層樣式后。

Alt復(fù)制一份，右鍵清除圖層樣式，放在這個(gè)位置（我們要做陰影）。

羽化一下。

添加圖層蒙版，畫筆調(diào)為黑色，慢慢的擦。

愛追求細(xì)節(jié)的同學(xué)，來(lái)教你們給繩子添加紋理，畫一個(gè)橢圓放在這個(gè)位置不要填充，也不要描邊。

文字工具圍著路徑打一串SSSS。

文字顏色隨意，打好字以后把路徑刪掉 ，文字圖層置于繩子上面，創(chuàng)建剪輯蒙版。

效果如圖。

接下來(lái)做褶皺。

畫一個(gè)長(zhǎng)條矩形填充黑色，在添加圖層蒙版。

打開漸變，調(diào)成黑到白。

用編輯好的漸變，在黑矩形蒙版上從右往左拉一下，效果如下圖。

放在箭頭標(biāo)注的位置，模式改為疊加。

Alt復(fù)制一份放在對(duì)面。

接下來(lái)做表皮的褶皺，鋼筆勾出這樣的三角形狀，放在這個(gè)位置，顏色填充稍微深點(diǎn)。

復(fù)制三分，分別放在不同的位置，在稍微羽化下。

剪輯蒙版。

再用鋼筆順著三角形側(cè)面勾一個(gè)。

復(fù)制三份，怎么放？看圖（為了大家更直觀看我把剛剛剪輯蒙版撤銷了）

分別創(chuàng)建剪輯蒙版。

至于這個(gè)褶皺，和剛剛方法如出一轍。

如果你覺(jué)得那些不合理，可以再調(diào)節(jié)下。附上最終效果圖。

?【15年一月份最新圖標(biāo)教程合集】

?風(fēng)格素凈非常討人喜歡的播放器圖標(biāo)：
《PS教程！手把手教你快速打造簡(jiǎn)約的播放器圖標(biāo)》

兩個(gè)科幻感風(fēng)格的扁平化太空?qǐng)D標(biāo)！
《PS進(jìn)階教程！手把手教你繪制扁平風(fēng)行星與雷達(dá)圖標(biāo)》

喂！別忘了給他一個(gè)天空（來(lái)自有愛的評(píng)論串）
《PS初級(jí)教程！手把手教你繪制酷炫有型的火箭圖標(biāo)》

作者：看不見的敵人28

【優(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)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量90萬(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
官方微信：想在手機(jī)上、被窩里獲取設(shè)計(jì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號(hào)：youshege