photoshop设计制作圆形高光蓝黑色质感开关按钮

一起ps吧   发布时间:2012-03-20 10:49:44   作者:佚名   我要评论
本ps教程学习如何用photoshop的自定义形状工具和图层样式及蒙版等制作高光蓝黑色开关按钮。
先看效果图

高光质感 按钮 蒙版 描边 ps教程

新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。

高光质感 按钮 蒙版 描边 ps教程

新建图层画一黑色正圆。

高光质感 按钮 蒙版 描边 ps教程

添加图层样式。

高光质感 按钮 蒙版 描边 ps教程

高光质感 按钮 蒙版 描边 ps教程

效果如下。

高光质感 按钮 蒙版 描边 ps教程

复制一层,清除图层样式,将此层缩小。

高光质感 按钮 蒙版 描边 ps教程

再复制一层,颜色改为白色,稍微缩小一点点,不透明度改为10%。

高光质感 按钮 蒙版 描边 ps教程

复制这个白色层,添加蒙版黑白斜线渐变。

高光质感 按钮 蒙版 描边 ps教程

不透明度20%,左上角出现了微弱的高光部分。

高光质感 按钮 蒙版 描边 ps教程

新建图层画一个小的白色正圆。

高光质感 按钮 蒙版 描边 ps教程

减法模式画出月牙形状。

高光质感 按钮 蒙版 描边 ps教程

效果如下,同样方法画出对面的月牙。

高光质感 按钮 蒙版 描边 ps教程

同样方法画出另一个高光。

高光质感 按钮 蒙版 描边 ps教程

同样方法减法模式画出右下角月牙。

高光质感 按钮 蒙版 描边 ps教程

新建图层用白色柔角笔刷点一下,之后图层模式改为柔光,复制一层挪到右下角。

高光质感 按钮 蒙版 描边 ps教程

新建图层,百度下载形状或用钢笔画一个,填充#03baf5。

高光质感 按钮 蒙版 描边 ps教程

加深减淡工具处理一下。

高光质感 按钮 蒙版 描边 ps教程

添加外发光样式。

高光质感 按钮 蒙版 描边 ps教程

效果如下。

高光质感 按钮 蒙版 描边 ps教程

新建图层,调出Logo选区,白色描边1像素,图层模式改为叠加。

高光质感 按钮 蒙版 描边 ps教程

效果如下。

高光质感 按钮 蒙版 描边 ps教程

新建图层用白色笔刷点一下,群组,之后模式改为颜色减淡,你也可以改变颜色。

高光质感 按钮 蒙版 描边 ps教程

再添加个阴影,最终效果如下,本ps教程结束。

高光质感 按钮 蒙版 描边 ps教程

相关文章

  • PS怎么绘制圣诞按钮?PS绘制圣诞快乐按钮教程

    今天的教程是教给大家做一个非常有圣诞氛围的圣诞快乐按钮,充满浓浓的圣诞节日气息,小伙伴们还不快快打开PS一起来学习
    2021-06-16
  • ps2021怎么做漂亮的渐变按钮? ps按钮样式的设计方法

    ps2021怎么做漂亮的渐变按钮?ps中想要设计一款领券的按钮,如果添加渐变色会更加显眼,该怎么设计渐变色按钮呢?下面我们就来看看ps按钮样式的设计方法,详细请看下文介绍
    2021-05-27
  • 如何设计蓝色金属按钮?用PS设计蓝色科技金属质感按钮教程

    很多人人物游戏按钮只能用AI才能设计,其实不然,一些按钮不只可以用AI设计,PS照样可以,今天我们就教大家制作一个蓝色科技金属质感的“play”按钮,一起来学习吧
    2021-05-18
  • ps怎么设计配色干净扁平化按钮? ps按钮矢量图的设计方法

    ps怎么设计配色干净扁平化按钮?很多时候我们会看到各种按钮,想要设计一款颜色干净清爽的扁平化按钮,该怎么操作呢?下面我们就来看看ps按钮矢量图的设计方法,需要的朋友
    2021-04-08
  • 怎么用PS制作按钮形状效果?

    怎么用PS制作按钮形状效果?下面这边文章主要为大家讲述了用PS制作按钮形状效果的教程,感兴趣的小伙伴来学习吧
    2020-12-15
  • ps怎么设计圆形的不锈钢金属按钮图标?

    ps怎么设计圆形的不锈钢金属按钮图标?ps中想要设计一款圆形的按钮,该怎么设计这个按钮矢量图呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-06-30
  • PS怎么设计可爱的按钮?

    PS怎么设计可爱的按钮?ps中想要设计一款可爱的按钮,该怎么设计呢?下面我们就来看看ps设计按钮的教程,需要的朋友可以参考下
    2018-10-30
  • ps怎么设计逼真的玻璃质感按钮?

    ps怎么设计逼真的玻璃质感按钮?ps中想要设计一款漂亮的玻璃按钮,该怎么设计逼真透明的玻璃按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-09-23
  • ps怎么设计创意的圆形按钮?

    ps怎么设计创意的圆形按钮?ps中想要设计按钮,该怎么设计创意的按钮图标呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-08-09
  • PS怎么设计左右轮播图的按钮?

    PS怎么设计左右轮播图的按钮?网页中经常能见到多张图片轮播的效果,会有左右按钮,该怎么设计这个按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-08-09

最新评论