亲宝软件园·资讯

展开

Photoshop设计透明ICON图标

大眼仔旭 人气:0

 

本教程主题使用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图标

 

 

 

 

 

加载全部内容

相关教程
猜你喜欢
用户评论