当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > 用Photoshop轻松打造透明的MSN水晶图标

Photoshop
Photoshop CS3入门:动画面板怎么打开
PS教程:为网页制作一个漂亮的文件夹图标
Photoshop教程:紫红色调学生妹妹
Photoshop鼠绘和蔼可亲的老奶奶
Photoshop教程:性感红发美女
Photoshop入门教程:图层混合模式
初学者想学习Photoshop的几个途径
Photoshop教程:制作简洁的蓝色导航框
Photoshop制作网站教程:简洁商业网站
Photoshop实例教程:设计商业数码网站
PS曲线为照片快速美白实例教程
PhotoShop曲线给偏色照片校正色彩
Photoshop经典教程:照片转手绘教程
Photoshop实例:创建常见的网站导航按钮
PS把PSD网站模板切图为XHTML+CSS的网页
Photoshop调色教程:性感美女靓丽质感肌肤
Photoshop绘制精美质感的电视机图标
PS抠图实例:红色婚纱照片抠图教程
Photoshop制作DVD电影商店网站模板
Photoshop教程:简洁的有光泽的网站导航

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 357 ::
收藏到网摘: n/a

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

先看看效果图:

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

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

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

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

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

再设置图层样式;如下图:

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

拉个径向渐变,如下图:

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

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

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

设置渐变颜色,

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

渐变填充,如下图;

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

五、新建一层,继续用钢笔勾画轮廓,做出高光;如下图:

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

设置渐变颜色,如下图:

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

然后填充,

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

六、新建一层,用钢笔勾画,如下图:

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

设置渐变颜色;

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

拉个如下图的渐变;

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

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

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

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

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

填充颜色;(不要取消选区)

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

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

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

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

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

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

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

拉出如下图:

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

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

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

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

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

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

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

转为选区,拉出如下图效果;

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

十四、做出如下头部的反射光,稍微调整;如下图:

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

十五、钢笔勾画出手部,如下图:

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

转为选区,填充颜色(不要取消选区),如下图:

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

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

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

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

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

十七、新建一层,钢笔勾画如下图:

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

转为选区,做出如下图渐变;

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

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

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

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

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

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

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

转为选区,填充#78B00A;如下图:

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

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

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

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

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

拉个径向渐变,如下图;

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

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

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

然后设置渐变,如下图:

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

拉个径向渐变;

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

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

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