photoshop按钮的制作过程及注意事项实例解析

  发布时间:2016-08-04 09:43:28   作者:实用性生活指南   我要评论
这篇教程是向脚本之家的朋友分享photoshop按钮的制作过程及注意事项方法,教程比较基础,但很实用,值得大家学习,推荐到脚本之家,来看看吧

在网页制作过程中,通过photoshop制作按钮是几乎都要接触到的事情,如何能在短时间内做出出色的效果,对于制作人员来说是很关键的,下面小编就为大家介绍photoshop按钮的制作过程及注意事项实例,教程很实用,有需要的朋友可以参考本文,来看看吧!

步骤

1、打开软件 新建背景

打开photoshop软件,新建一500px*500px以白色为背景色的图片。

photoshop按钮制作教程(步骤附图)

2、打开标尺 寻找中心点

(1)按快捷键ctrl+r打开“标尺”工具。

(2)鼠标点击标尺并分别向下向右拖动,遇到“绊”了一下的时候停下,这里就是中心点。

photoshop按钮制作教程(步骤附图)

3、选框工具 制作按钮底层选区

(1)新建图层1,打开椭圆选框工具,以横向中心线上的某一点为中心为圆心,按shift+alt画出正圆。

(2)以同样的快捷键,以另一点为中心画出正圆。

(3)点选矩形选框工具,以小圆的直径为矩形选框的高度链接大小俩圆。

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

4、渐变工具 底层选区添加颜色

(1)按alt+delete键给选区填充前景色。

(2)双击图层1空余部分打开图层样式对话框,点选“渐变叠加”一栏,在对话框中设置渐变颜色、线性渐变。

(3)再次双击图层1空余部分打开图层样式对话框,点选“描边...”一栏,设置大小为1px,颜色为灰色。

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

5、缩小选区 复制上一图层效果

(1)新建图层2,点击“选择”、“修改”打开“缩小”对话框,设置缩小量为10px,然后以前景色进行填充。

(2)右击图层1“效果”位置,点击选择“拷贝图层样式”后,右击图层2点击选择黏贴图层样式。

(3)双击图层2空余部分打开图层样式对话框,点选“渐变叠加”一栏,设置方向为反向。

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

photoshop按钮制作教程(步骤附图)

相关文章

  • 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

最新评论