当前位置:首页 > 设计在线 > 平面动画 > Photoshop > Photoshop打造精致的MSN透明水晶图标

Photoshop打造精致的MSN透明水晶图标

点击次数:26 次 发布日期:2008-11-27 02:34:22 作者:源代码网
源代码网推荐

源代码网整理以下  本文用Photoshop画一个精致的MSN透明水晶图标教程,效果非常不错,值得大家一试。

源代码网整理以下  先看看效果图:

源代码网整理以下   用Photoshop轻松打造透明的MSN水晶图标

源代码网整理以下  一、在Photsohop中新建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水晶图标


源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华