当前位置:首页 > PS教程 > 网页设计

PS绘制通用的图标按钮

  • 2022-12-24 23:44:19
  • 来源/作者:互联网/佚名
  • 己被围观

先来看看制作出的效果吧! 下面是具体的制作步骤介绍: 一、新建一个600*400像素的文件,并填充你喜欢的颜色,这里我填充的颜色是#b90010. 二、新建一个图层,使用椭圆选区工具,画出一个圆形选区,并填充白色。 图1 三、双击这一图层的缩略图,对出现的图层样式对话框作如下

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

  图7

  效果图下图:

  图8

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

  图9

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

  图10

  效果如下图:

  图11

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

  图12

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

  图13

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

  图14

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

  图15

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

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

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条