17 12
发新话题
打印

[PhotoShop] MSN水晶图标设计教程

MSN水晶图标设计教程

版权说明:此教程为 justin_h 原创   原始出处:zcool社区

先看看效果图:



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



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



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



拉个径向渐变,如下图:





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



设置渐变颜色,



渐变填充,如下图;




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




设置渐变颜色,如下图:




然后填充,





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




设置渐变颜色;




拉个如下图的渐变;





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








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




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




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




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




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




拉出如下图:



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





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




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




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




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





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



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





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





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





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





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




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



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





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





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



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


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



拉个径向渐变,如下图;



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




然后设置渐变,如下图:




拉个径向渐变;



二十、完成,效果图如下:
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

很实用~~之前也参考过这个教程~~

TOP

哈哈 以前看过这个教程的 就照着画了个
附件: 您所在的用户组无法下载或查看附件

TOP

回复 3# 的帖子

满不错的啊~呵呵  感觉上面的几点高光有点硬,不太自然。
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

光感很棒~

喜欢

TOP

呵,好可爱的图标~~~~好复杂的步骤。。。。。

TOP

光感相当很不错,要好好学习

铸造中国GUI!!

TOP

光感很好. 好通透哦.赞一个.

...

TOP

同上 很通透的感觉 ctrl+g 与下层组合这一步的作用是什么?

TOP

回复 9# 的帖子

ctrl+g组合,为了下层的图不超出相结合的层的范围内

TOP

想问问楼主啊 路径做的填充涂层 和 选区做的填充涂层有什么不一样啊?

TOP

回复 11# 的帖子

直接建立选区填充:得到的是位图图像,在无旋转\缩放的情况下,不存在锯齿的问题.但在像素很有限的情况下,进行缩放和旋转操作,会使图层变模糊.边缘产生锯齿,有时甚至是不规则的凹凸边缘.在比较大的分辨率和选区情况下,影响比较小;

绘制路径,然后使用填充路径命令填充后得到的图像仍是位图图像,与在选区中填充是一样的;

绘制路径,然后使用图层面板下方的新建填充或调整图层按钮填充路径,得到一个矢量图层,这种图层可以进行任意缩放和旋转操作,都不会导致模糊.

——这就是两者之间的异同。

TOP

太棒了~~  学习学习·~~~  木哈哈

TOP

很漂亮啊。。。。。

TOP

怎么到我就看不到了?郁闷中......................

TOP

 17 12
发新话题