当前位置:主页 > 图片处理 >

PS设计透明ICON图标【图】

  • 图片处理
  • 2022-11-05 12:06
  • ICON,图标,教程,铃铛,小,设计,透明,炫彩,PS

修图匠“PS设计透明ICON图标【图】”Photoshop图文教程内容:

 

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

 

 

 

 

 

 

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

 

 

 

 

 

温馨提示:以上“PS设计透明ICON图标【图】”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长