圖標(biāo)的制作關(guān)鍵在于對(duì)高光和陰影把控;色彩的選用也很關(guān)鍵，決定了你的作品是否是高品質(zhì)的。通過對(duì)本文的學(xué)習(xí)，你可以很好的掌握制作圖標(biāo)的各種技巧，舉一反三的應(yīng)用到其他作品中，喜歡的朋友讓我們一起來學(xué)習(xí)吧。

最終效果圖

第一步

1、按ctrl+N,新建一個(gè)文檔，大小600x500px，命名為"木箱子"

2、創(chuàng)建一個(gè)新層，命名為"黃色塊01"，用矩形工具(U)繪制一個(gè)梯形路徑，按Ctrl+ Enter,將路徑轉(zhuǎn)成選區(qū)，并填充,顏色 #d9c700

第二步

1、創(chuàng)建一個(gè)新層，命名"木板"，在圖層"黃色塊01"下方，用圓角矩形工具(U)，繪制一個(gè)圓角矩形路徑，圓角半徑為20px

2、按Ctrl + T，右鍵，選擇"透視"，將圓角矩形底部往內(nèi)縮

3、按Ctrl + Enter,將路徑轉(zhuǎn)成選區(qū)，并填充紅色#ef0000

4、用選區(qū)工具(M)，刪除超出的區(qū)域

第三步

1、在圖層"木板"上方，創(chuàng)建一個(gè)新層，命名為"黃色塊02"，用矩形工具(U)，繪制一個(gè)矩形路徑，如下圖

2、按Ctrl+ Enter,將路徑轉(zhuǎn)成選區(qū)，并填充顏色 #d9c700

3、用選區(qū)工具(M)，刪除超出的區(qū)域

第四步

1、新建一個(gè)圖層，在最上方，命名為"黃色塊03"

2、按住Ctrl鍵，鼠標(biāo)點(diǎn)擊圖層"黃色塊01"的縮覽圖，獲得選區(qū)，接著"菜單> 選擇 > 修改 > 收縮"，輸入 10px，填充顏色 #d9bb14

第五步

1、用加深工具(O),在圖層"黃色塊01"不同點(diǎn)進(jìn)行涂抹(如下圖)

第六步

1、用加深工具(O)涂抹"黃色塊03"，如下圖

第七步

1、用矩形工具(U)，繪制一個(gè)路徑，按Ctrl +Enter將路徑轉(zhuǎn)成選區(qū)，此選區(qū)把"黃色塊03"，分成2個(gè)區(qū)域

第八步

1、選擇圖層"黃色塊03"，用加深工具(O)涂抹區(qū)域一，如圖

2、按Ctrl + Shift + I 反選選區(qū)，用加深工具(O)涂抹區(qū)域二，如下圖，通過對(duì)著2個(gè)區(qū)域明暗處理，產(chǎn)生立體效果。

第九步

1、給"黃色塊03"添加外發(fā)光樣式

第十步

1、選擇"黃色塊02"，用加深工具(O)涂抹

第十一步

1、新建一個(gè)圖層在頂部，命名為"高光線01"

2、設(shè)置畫筆，大小3px，顏色 #ffffff，硬度 100%，不透明度 100%，流量 90%

3、用鋼筆工具(P)，繪制一條直線，如下圖，接著" 右鍵 >描邊路徑"

第十二步

1、選擇圖層"高光線01"，接著" 菜單 > 濾鏡 > 模糊> 高斯模糊"，輸入值 1.0

2、" 菜單 > 濾鏡 > 模糊 > 動(dòng)感模糊"，角度 0,距離10px

3、把圖層混合模式改為"疊加"，不透明度 50%

第十三步

1、新建一個(gè)圖層在"高光線01"上方，命名為"高光線02"，再繪制一白色線條

2、"菜單 > 濾鏡 > 模糊 > 動(dòng)感模糊"，角度 0,距離 35px

3、把圖層混合模式改為"疊加"

第十四步

1、選擇"黃色塊01"和"黃色塊02"，右鍵點(diǎn)擊，選擇"復(fù)制圖層"，然后按Ctrl +E合并圖層，將新的圖層命名為"黃色塊01+02"，接著把圖層混合模式改為"正片疊底"，不透明度 30%

第十五步

1、新建一個(gè)圖層在"黃色塊01+02"上方，命名為"細(xì)節(jié)"

2、按住Ctrl鍵，鼠標(biāo)點(diǎn)擊"黃色塊01+02"的縮覽圖，獲得選區(qū)

3、按D鍵，使前景色為黑色，背景色為白色

4、"菜單> 濾鏡 > 渲染 > 云彩"

5、"菜單 > 濾鏡 > 雜色 > 添加雜色"

5、"菜單 >濾鏡 > 模糊 > 動(dòng)感模糊"

6、把圖層混合模式改"柔光"，不透明度 20%

第十六步

1、按Ctrl +J，復(fù)制"黃色塊03"，命名為"黃色塊03_正片疊底"，然后把圖層混合模式改為"正片疊底"，不透明度 50%

第十七步

1、打開素材木質(zhì)紋理.jpg，并復(fù)制到木箱子.psd中，置于圖層"木板"上方，命名為"木質(zhì)紋理"

2、按住Alt鍵，鼠標(biāo)在圖層"木板"和"木質(zhì)紋理"之間點(diǎn)擊，則紋理只在木板區(qū)域內(nèi)顯示;

第十八步

1、選擇圖層"木質(zhì)紋理"，用加深工具(O)，涂抹邊緣，如下圖

第十九步

1、按Ctrl +J，復(fù)制圖層"木質(zhì)紋理"，并命名為"木質(zhì)紋理_正片疊底"，設(shè)置圖層混合模式為"正片疊底"，不透明度 88%

第二十步

1、創(chuàng)建一個(gè)新層，在"木質(zhì)紋理_正片疊底"上方，命名為"木板底部"

2、用選區(qū)工具(M)，繪制一個(gè)矩形選區(qū)，并羽化20px，填充黑色，把圖層不透明度設(shè)為 70%

第二十一步

1、創(chuàng)建一個(gè)新層，在"黃色塊02"下方，命名為"黃色塊02_陰影"，如圖所示制作出陰影

第二十二步

1、選擇圖層"木質(zhì)紋理"，按住Shift鍵，用橢圓選區(qū)工具(M)，繪制個(gè)圓形選區(qū)，接著按Ctrl+ J，把圓形圖層命名為"圓形背景"

第二十三步

1、選擇"圓形背景"，按Ctrl +J，把復(fù)制的圖層命名為"圓形背景_正片疊底"，設(shè)置圖層混合模式"正片疊底"

第二十四步

1、給"圓形背景"添加圖層樣式

第二十五步

1、用自定義形狀工具(U)，繪制一個(gè)形狀，按Ctrl +Enter，將路徑轉(zhuǎn)成選區(qū)

第二十六步

1、在選區(qū)可見情況下，選擇圖層"木質(zhì)紋理"，按Ctrl +J,復(fù)制出一個(gè)圖層，命名為"放射形狀"，并把圖層放在"木板底部"與"圓形背景_正片疊底"之間

第二十七步

1、按Ctrl +J,復(fù)制圖層"放射形狀"，命名為"放射形狀_正片疊底"，并把圖層的混合模式改為"正片疊底"，不透明度 70%

第二十八步

1、給"放射形狀"，添加圖層樣式

第二十九步

1、創(chuàng)建一個(gè)新層，在頂部，命名為"psd背景"，用鋼筆工具(P)繪制一個(gè)方形區(qū)域，如下圖

第三十步

1、用加深工具(O)和減淡工具，在"psd背景"上涂抹

第三十一步

1、添加文字"Ps",在圖層"psd背景"上方，接著將文字層?xùn)鸥窕D(zhuǎn)并調(diào)整，最后并給文字添加樣式

第三十二步

1、用相同操作，制作另外兩個(gè)對(duì)象

第三十三步

1、創(chuàng)建一個(gè)新層，在"psd背景"下方，命名為"psd陰影01"

第三十四步

1、創(chuàng)建一個(gè)新層，在"psd陰影01"下方，命名為"psd陰影02"

第三十五步

1、用相同操作，制作另外兩個(gè)對(duì)象的陰影部分

第三十六步

1、創(chuàng)建一個(gè)圖層，在"木板"下方，命名為"箱子陰影"，具體操作如下圖

第三十七步

1、按Ctrl +J，復(fù)制"箱子陰影"，并命名為"箱子陰影2"，按Ctrl + T，調(diào)整大小，如圖

第三十八步

按Ctrl +J，復(fù)制"箱子陰影2"，調(diào)整位置和大小，或者繼續(xù)復(fù)制一次直到你覺得效果滿意為止;

最后加上背景圖，讓我們的圖標(biāo)更美觀，背景圖片你可以源文件中復(fù)制過來，在這里我就不做說明了