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

图标制作,用Photoshop设计不锈钢主题的图标按钮

  • 2022-12-24 18:38:27
  • 来源/作者:互联网/佚名
  • 己被围观

本教程通过Photoshop制作一款具有不锈钢质感的网页按钮图标,除了详细制作方法以外,教程中也给出同学们制作思路,整篇教程用到图层样式的地方较多,同学们一起来练习下吧。

6、接下来是内阴影的:

图标制作,用Photoshop设计不锈钢主题的图标按钮

7、这是整个旋钮当中的最关键一步,其实也就最简单的精要就这一步(添加一个不锈钢渐变,也就是普通的灰白渐变,直接用灰色和白色调出来即可 详细图如下):

图标制作,用Photoshop设计不锈钢主题的图标按钮

图标制作,用Photoshop设计不锈钢主题的图标按钮

8、然后是给个投影,参数经供参考,推荐新手不要太过于纠结数值,合适就好:

图标制作,用Photoshop设计不锈钢主题的图标按钮

9、为了利于观察,把背景换成黑色按照教程做完上面的步骤你就会发现得到如下效果了:

图标制作,用Photoshop设计不锈钢主题的图标按钮

10、然后让我们再来画一个椭圆稍小一点的放在上面就可以,PS如果你的前景色是黑色那么就会出来一个黑色的圆形,其实我是直接Ctrl+j复制一层然后删掉图层样式的,这么偷懒我是不是很聪明哈哈哈。

11、接下来就会看到这样的情况,哦,这里说一下,最好呢,吧绘制的椭圆的填充色去掉,我这里是黑色,施加图层样式;PS当然也可以后面再去掉图层填充,一定要先去掉填充为0。

图标制作,用Photoshop设计不锈钢主题的图标按钮

12、现在继续给 “椭圆2 副本”添加图层样式,如图所示,渐变参考下图:

图标制作,用Photoshop设计不锈钢主题的图标按钮

图标制作,用Photoshop设计不锈钢主题的图标按钮

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条