PS设计透明ICON图标


 

本教程主题使用Photoshop设计透明炫彩效果的小铃铛ICON图标。简单的东西,其实别小看一个小小的Icon,它里面包含的知识是非常多的,这个比较简单,高手路过。

最终效果:

Photoshop绘制立体炫彩效果的ICON图标

1、新建文件,新建空白图层,按Ctrl+R调出标尺,利用钢笔工具绘制路径,并转换成选区(Ctrl+Enter)。

Photoshop绘制立体炫彩效果的ICON图标

Photoshop绘制立体炫彩效果的ICON图标

2、使用渐变工具,为选区填充径向渐变,颜色代码如图。

Photoshop绘制立体炫彩效果的ICON图标

3、新建图层,用椭圆选框工具,绘制选区,并再为其制作径向渐变,颜色如图:

Photoshop绘制立体炫彩效果的ICON图标

 

 

 

 

4、保持选区不动,新建空白图层,填充白色,给选区羽化20个像素,再删除,如图:

Photoshop绘制立体炫彩效果的ICON图标

5、按Ctrl+J复制两层,加强下白色的效果,如图:

Photoshop绘制立体炫彩效果的ICON图标

6、新建图层,用画笔工具,选择合适的画笔大小,设置前景色为白色,单击,得到白色笔点,按Ctrl+T对其变形,如图:

Photoshop绘制立体炫彩效果的ICON图标

7、删除多余的部分,并再多复制几份,加强下高光效果。

Photoshop绘制立体炫彩效果的ICON图标

8、新建空白图层,填充白色,调整图层不透明度,删除不需要的部分制作高光,如图。

Photoshop绘制立体炫彩效果的ICON图标

9、用同样的方法制作出顶部的高光,效果如图。

Photoshop绘制立体炫彩效果的ICON图标

 

 

 

 

10、用减淡/加深工具对颜色再次进行调整,注意控制好曝光数值,调整立体,

Photoshop绘制立体炫彩效果的ICON图标

11、用同样的方法制作出上面的部分,如图

Photoshop绘制立体炫彩效果的ICON图标

12、注意高光的明暗对比,如图。

Photoshop绘制立体炫彩效果的ICON图标

13、为其简单添加一个投影,修改细节,用相应的ICON图标工具生成APP ICON即可。

Photoshop绘制立体炫彩效果的ICON图标

如果不喜欢颜色可以随意换。

最终效果!

Photoshop绘制立体炫彩效果的ICON图标

 

 

 

 

 

上一篇 下一篇

淘宝热销

  • Mistine小黄帽防晒霜乳SPF50泰版面部防紫外线隔离男女军训蜜丝婷

    【推荐理由】赠运费险

    【优惠券】20   【券后价】59.00

    【下单链接】18¥ CZ0001 G5fHdEqOsnB¥

    >>>>>> 马上打开

  • G7旗舰店越南进口美式纯黑咖啡粉速溶无糖0脂减燃正品学生提神

    【推荐理由】库存紧张,好评过万

    【优惠券】3    【券后价】26.90

    【下单链接】27¥ CZ0001 zb0bdEqLV7G¥

    >>>>>> 马上打开