Photoshop利用濾鏡制作炫彩格子風(fēng)格的APP軟件圖標(biāo)

PS夢(mèng)工場(chǎng) 發(fā)布時(shí)間：2013-06-04 16:49:58 作者：南辰翻譯

利用Photoshop創(chuàng)建彩色格子icon，本教程中用到了智能對(duì)象和智能濾鏡，你會(huì)從中了解到智能濾鏡的強(qiáng)大作用

利用Photoshop創(chuàng)建彩色格子icon，本教程中用到了智能對(duì)象和智能濾鏡，你會(huì)從中了解到智能濾鏡的強(qiáng)大作用。好了，我們來(lái)學(xué)習(xí)一下吧，希望你會(huì)喜歡。
Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo)

　　第1步：
　　打開(kāi)Photoshop，Ctrl+N新建一個(gè)文檔，文檔尺寸可自定義。
1511688ae8a346188bd96f1586cf9fff 用PS創(chuàng)建彩色格子icon

　　第2步：
　　按住Alt鍵雙擊背景圖層，使其轉(zhuǎn)換為普通圖層。然后再次雙擊，打開(kāi)圖層樣式面板，為其添加顏色疊加樣式，顏色為#262523。
7345b3e6a65e476cb42878507a93fd3c 用PS創(chuàng)建彩色格子icon

　　繼續(xù)為其添加漸變疊加，數(shù)值如下：
d02075b9f72d46818a8a12bf32c46d0a 用PS創(chuàng)建彩色格子icon

　　再利用內(nèi)發(fā)光中的雜色功能來(lái)給背景添加一些雜色，當(dāng)然你也可以使用濾鏡中的添加雜色功能。
0a50ff434ab842c59cdcd03c481e19ee 用PS創(chuàng)建彩色格子icon

　　此時(shí)的背景：
658ecbe08008467aa50b0fcede3ed04e 用PS創(chuàng)建彩色格子icon

　　第3步：
　　新建一層，用白色大號(hào)柔邊畫(huà)筆在畫(huà)布中心點(diǎn)擊出白色亮光。
3088ea71bc4646aca510871387a11300 用PS創(chuàng)建彩色格子icon

　　Ctrl+T將其拉寬壓扁，如下圖所示。
2490e41e434642918beec65aaf42caa6 用PS創(chuàng)建彩色格子icon

　　將圖層不透明度調(diào)整為10-30%，這里可以根據(jù)自己的感覺(jué)來(lái)調(diào)整。
a0b70c6c86bf4e0ab9b2a17db484ee9b 用PS創(chuàng)建彩色格子icon

　　第4步：
　　接下來(lái)我們創(chuàng)建icon主體。利用圓角矩形工具在畫(huà)布中心點(diǎn)擊，在彈出的對(duì)話框中設(shè)置數(shù)值如下：
d9a75dd338e64f0bb1f621cf4bbdad00 用PS創(chuàng)建彩色格子icon

d9a75dd338e64f0bb1f621cf4bbdad00 用PS創(chuàng)建彩色格子icon

　　第5步：
　　在圓角矩形上方隨意繪制一個(gè)比其尺寸大一些的形狀，因?yàn)槲覀兒竺鏁?huì)將其轉(zhuǎn)換為剪貼蒙版，因此形狀可隨意繪制。
4d6ad0be5c70462abe28d0b079d3c351 用PS創(chuàng)建彩色格子icon

　　為創(chuàng)建的形狀添加角度漸變。
e51af720988c42b69954c1ef06bc8ba0 用PS創(chuàng)建彩色格子icon

　　然后按住Alt鍵在角度漸變與圓角矩形中間點(diǎn)擊鼠標(biāo)左鍵，將其轉(zhuǎn)換為剪貼蒙版。然后在圖層名稱上點(diǎn)擊右鍵，將其轉(zhuǎn)換為智能對(duì)象。
52ce87f7757e4f99808405dca65a35d2 用PS創(chuàng)建彩色格子icon