分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作按钮图标教程

icon图标 学UI设计 767次浏览 0个评论

效果图:

PS制作按钮图标教程

新建文件,建立一个300*250像素的画布

PS制作按钮图标教程

设置前景色为灰色(R:216  G:217  B:217)设置好后,按下快捷键《ALT+Delete》为背景填充颜色

PS制作按钮图标教程

单击工具栏中的“椭圆工具”在选项栏中选择工具的模式为“形状”,再填充为蓝色(R:41 G:150   B:206)按住shift键绘制一个正圆。

PS制作按钮图标教程 PS制作按钮图标教程

双击学UI设计网图层,即可弹出图层样式,勾选“描边”设置参数,添加描边

PS制作按钮图标教程PS制作按钮图标教程

双击学UI设计网图层,即可弹出图层样式,勾选“内阴影”设置参数,添加内阴影

PS制作按钮图标教程

双击学UI设计网图层,即可弹出图层样式,勾选“内发光”设置参数,添加内发光

PS制作按钮图标教程

双击学UI设计网图层,即可弹出图层样式,勾选“渐变叠加”设置参数,添加渐变叠加

PS制作按钮图标教程

选择“椭圆工具”按钮,模式为“形状”,按住shift键绘制一个正圆,得到图层2,命名为:学UI设计网2,填充黑色。

PS制作按钮图标教程

双击学UI设计网2图层,即可弹出图层样式,勾选“渐变叠加”设置参数,添加渐变叠加

PS制作按钮图标教程

在工具栏中找到自定义工具,在“形状”模式下选择一个向上的形状,在这里你也可以选择其他的形状,绘制图形,并把此图层命名为学UI设计网3。即可完成,在这个过程中你如果还想精细的话,可以继续图层样式,今天就写到这里。

PS制作按钮图标教程

 


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!