PS绘制通用的图标按钮

2016-04-05 15:11 25 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐PS绘制通用的图标按钮,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - ps鼠绘 】

PS绘制通用的图标按钮

  先来看看制作出的效果吧!

PS绘制通用的图标按钮 图老师教程

  下面是具体的制作步骤介绍:

  一、新建一个600*400像素的文件,并填充你喜欢的颜色,这里我填充的颜色是#b90010.

  二、新建一个图层,使用椭圆选区工具,画出一个圆形选区,并填充白色。

  图1

  三、双击这一图层的缩略图,对出现的图层样式对话框作如下设置。

Tulaoshi.Com

  图2

  图3

PS绘制通用的图标按钮(2)

  图4

  设置完成之后的效果如下图:

  图5

  四、复制当前图层(ctrl+J),图层-图层样式-清除图层样式。然后编辑-自由变换(ctrl+T),按住shift和alt键将圆形调整的小一些,如下图。

TuLaoShi.com  图6

PS绘制通用的图标按钮(3)

  五、按下enter键取消变形工具,然后双击这一图层的缩略图,对出现的图层样式对话框中的描边进行如下调整,并将这一图层的填充调整为0.

  图7

  效果图下图:

  图8

  六、新建一个图层,选择画笔工具,设置为硬边圆,大小为10像素,画出下图的效果。

  图9

  七、双击这一图层的缩略图,对起重工的渐变叠加作如下设置。

  图10

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)

  效果如下图:

  tuLaoShi.com图11

PS绘制通用的图标按钮(4)

  八,选择最上面的两个图层,ctrl+E合并,然后将其的不透明底降低到35%。

  图12

  九、这一步要注意,选择合并之后的图层,然后选择-载入选区,在跳出的对话框中直接点击确定,就会出现如下效果。

  图13

  现在选择我们的图层1,也就是你做了3中图层样式的那一层,选择了之后按下Delete键,就出现如下效果。

  图14

  十、现在,选择除了背景层意外的所有图层,合并(ctrl+E)。然后用套索工具选择除大概如下图的区域。

  图15图老师

  选好之后,点击选择-修改-羽化,羽化半径为5个像素左右。

  十一、现在我们在选择的选区中使用橡皮擦工具,将橡皮擦的不透明度改为30%,大小为50像素的柔边圆,然后轻轻的擦除一点我们的选区,做出半透明的效果,这样我们的按钮就制作好了!

  现在, 你只需要更换背景图层的颜色或者图案就会出现不通过的效果了,很漂亮,是吗?喜欢的别忘了给个好评哦,纯手工的教程哦。。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)

来源:https://www.tulaoshi.com/n/20160405/2124608.html

延伸阅读
标签: PS
PS绘制设计回形针图标   绘制设计回形针图标 tulaoShi.com
PS绘制精致西装图标 PS绘制精致西装图标 tulaoshi.com
PS绘制质感快递图标 PS绘制质感快递图标     图老师        注 :更多请关注photoshop教程栏目,图老师PS教程群:181754111欢迎你的加入
标签: PS PS教程
编者按:今天的教程简单好上手,挑个20分钟就可以轻松搞定,特别适合练手。对了,现在安卓手机(微博最新版)也可以发图片评论了呦,把你的练习成果晒出来,图老师小编用私人号给你点赞 效果图: 第二步: 在画布上新建一个正圆,填充白色,然后把圆整成这个样子。【加斜面和浮雕、加内阴影、加渐变】 编者注:以下步骤全是先...
photoshop绘制按钮图标一枚

经验教程

936

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部