色艺社区 › 后期处理 › 用Photoshop轻松打造透明的MSN水晶图标

夜郎 发表于 2009-1-26 22:34:17

用Photoshop轻松打造透明的MSN水晶图标

用Photoshop轻松打造透明的MSN水晶图标教程，效果不错！大家值得学习一下。
先看看效果图:

http://www.sz41.com.cn/attachments/135120/images/2009126102685677801.jpg

一、新建130x130文档,72px
二、新建画一个圆制作头部，填充颜色#78B00A；如下图

http://www.sz41.com.cn/attachments/135120/images/2009126102689677802.jpg

三、复制第一部的层,ctrl t 自由变换，高度和宽度设为95%；设置渐变颜色，如下图：

http://www.sz41.com.cn/attachments/135120/images/20091261026823677803.jpg

再设置图层样式；如下图：

http://www.sz41.com.cn/attachments/135120/images/20091261026834677804.jpg

拉个径向渐变，如下图：

http://www.sz41.com.cn/attachments/135120/images/20091261026842777805.jpg

四、新建一层，用钢笔勾画出如下图:

http://www.sz41.com.cn/attachments/135120/images/20091261026850777806.jpg

设置渐变颜色，

http://www.sz41.com.cn/attachments/135120/images/20091261026859777807.jpg

渐变填充，如下图；

http://www.sz41.com.cn/attachments/135120/images/20091261026865777808.jpg

五、新建一层，继续用钢笔勾画轮廓，做出高光；如下图：

http://www.sz41.com.cn/attachments/135120/images/20091261026872777809.jpg

设置渐变颜色，如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610268787778010.jpg

然后填充，

http://www.sz41.com.cn/attachments/135120/images/200912610268807778011.jpg

六、新建一层，用钢笔勾画，如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610268857778012.jpg

设置渐变颜色；

http://www.sz41.com.cn/attachments/135120/images/200912610268907778013.jpg

拉个如下图的渐变；

http://www.sz41.com.cn/attachments/135120/images/200912610268957778014.jpg

七、新建一层，做反射光，做出如下图效果；

http://www.sz41.com.cn/attachments/135120/images/20091261026957778015.jpg
　　
http://www.sz41.com.cn/attachments/135120/images/200912610269128778016.jpg

八、制作体部，回到最底部新建一层，钢笔勾画轮廓；

http://www.sz41.com.cn/attachments/135120/images/200912610269218778017.jpg

填充颜色；（不要取消选区）

http://www.sz41.com.cn/attachments/135120/images/200912610269268778018.jpg

九、新建一层，选择-》收缩1px；然后填充如下图颜色；

http://www.sz41.com.cn/attachments/135120/images/200912610269308778019.jpg

十、新建一层，按ctrl g 与下层组合，用钢笔画出如下图，ctrl enter转为选区；然后羽化5px;再填充颜色，不要取消选区，
如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610269368778020.jpg

十一、新建一层，ctrl g 与下层组合，选择-》收缩2px;设置渐变颜色；

http://www.sz41.com.cn/attachments/135120/images/200912610269398778021.jpg

拉出如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610269488778022.jpg

十二、新建一层，用钢笔勾画出如下图效果；

http://www.sz41.com.cn/attachments/135120/images/200912610269618778023.jpg

然后转为选区，调整渐变颜色，拉出如下图效果：

http://www.sz41.com.cn/attachments/135120/images/200912610269698778024.jpg

十三、新建一层，继续用钢笔勾画如下图，

http://www.sz41.com.cn/attachments/135120/images/200912610269799778025.jpg

转为选区，拉出如下图效果；

http://www.sz41.com.cn/attachments/135120/images/200912610269899778026.jpg

十四、做出如下头部的反射光，稍微调整；如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610269979778027.jpg

十五、钢笔勾画出手部，如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610261059778028.jpg

转为选区，填充颜色（不要取消选区），如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102610129778029.jpg

收缩1px，新建一层，再填充黄色，如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102610199778030.jpg

十六、用涂抹、减淡、模糊工具做出如下图；

http://www.sz41.com.cn/attachments/135120/images/2009126102610269778031.jpg

十七、新建一层，钢笔勾画如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102610339778032.jpg

转为选区，做出如下图渐变；

http://www.sz41.com.cn/attachments/135120/images/2009126102610480778033.jpg

再新建一层，选择-》收缩1px;径向渐变填充如下图颜色；

http://www.sz41.com.cn/attachments/135120/images/2009126102610570778034.jpg

在新建一层,用勾画并转为选区做出如下图的效果:

http://www.sz41.com.cn/attachments/135120/images/2009126102610680778035.jpg

十八、新建一层到图的最底层，用钢笔勾画如下图；

http://www.sz41.com.cn/attachments/135120/images/2009126102610770778036.jpg

转为选区，填充#78B00A；如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102610860778037.jpg

新建一层，选择-》收缩1px;填充#F0FC00；

http://www.sz41.com.cn/attachments/135120/images/20091261026110778038.jpg

新建一曾，在选择-》收缩1px,设置渐变颜色，如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102611191778039.jpg

拉个径向渐变，如下图；

http://www.sz41.com.cn/attachments/135120/images/2009126102611281778040.jpg

十九、阴影部分：
画个椭圆，羽化5px;

http://www.sz41.com.cn/attachments/135120/images/2009126102611351778041.jpg

然后设置渐变，如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102611411778042.jpg

拉个径向渐变；

http://www.sz41.com.cn/attachments/135120/images/2009126102611481778043.jpg

二十、完成，效果图如下:

http://www.sz41.com.cn/attachments/135120/images/2009126102611571778044.jpg

meing 发表于 2009-6-28 19:45:15

很感谢这么详细的讲解！

李力李力 发表于 2015-4-8 23:01:42

十分专业

daith 发表于 2019-1-27 09:34:29

哦买嘎谢谢啊

查看完整版本: 用Photoshop轻松打造透明的MSN水晶图标