Photoshop打造一枚漂亮的MSN水晶圖標(biāo)(7)
來源:作者:Sener 來源:PS聯(lián)盟
作者:bbs.16xx8.com
學(xué)習(xí):1043人次
本教程介紹水晶圖標(biāo)的簡(jiǎn)單制作方法。教程中漸變色用得較多,用來制作圖標(biāo)的主體色調(diào)。然后再逐個(gè)的加上高光和暗調(diào)即可。
最終效果
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034648.jpg)
1、新建一個(gè)500 * 500 像素的文件,背景填充白色,新建一個(gè)圖層,用鋼筆工具先勾出蝴蝶的半邊翅膀,如圖1。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034372.jpg)
<圖1>
2、按Ctrl + Enter把路徑轉(zhuǎn)為選區(qū),然后選擇漸變工具顏色設(shè)置如圖2,拉出圖3所示的徑向漸變,效果如圖4。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034357.jpg)
<圖2>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034298.jpg)
<圖3>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034308.jpg)
<圖4>
3、新建一個(gè)圖層,用橢圓選框工具拉出圖5所示的正圓,按Ctrl + Alt + D羽化,數(shù)值為20,確定后填充顏色:#FFF100,按Ctrl + D取消選區(qū),加上圖層蒙版用黑色畫筆擦出多余部分,效果如圖6。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034143.jpg)
<圖5>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034655.jpg)
<圖6>
4、按住Ctrl點(diǎn)圖層面板翅膀圖層調(diào)出圖層選區(qū),執(zhí)行:選擇 > 修改 > 收縮,數(shù)值為,如圖7,然后新建一個(gè)圖層填充白色按Ctrl + D取消選區(qū),選擇橢圓選框工具拉出圖8所示的橢圓,按Delete刪除,效果如圖9。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034790.jpg)
<圖7>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035346.jpg)
<圖8>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035113.jpg)
<圖9>
5、取消選區(qū)后加上圖層蒙版,選擇漸變工具顏色設(shè)置為黑白,由左下向右上拉線性漸變?nèi)鐖D10。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035301.jpg)
<圖10>
6、同樣的方法制作出其它的高光和暗調(diào),效果如圖11,12。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035549.jpg)
<圖11>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035750.jpg)
<圖12>
7、支持橙色的小翅膀,方法跟上面的一樣,顏色自己選區(qū),效果如圖13,14。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035278.jpg)
<圖13>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035720.jpg)
<圖14>
8、再制作綠色翅膀。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035738.jpg)
<圖15>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035602.jpg)
<圖16>
9、加上藍(lán)色翅膀,及身體部分,如圖17,18。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035453.jpg)
<圖17>
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934035919.jpg)
<圖18>
10、最后加上點(diǎn)拖影,完成最終效果。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096934034648.jpg)
<圖19>
x
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- Photoshop水晶圖標(biāo)
- MSN圖標(biāo)
學(xué)習(xí) · 提示
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!