当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

PS设计透明ICON图标(4)

来源:思缘设计 作者:大眼仔旭 学习:4856人次

 

本教程主题使用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,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!