今天分享Photoshop设计立体滑动UI按钮的操作方法。

一些用户们在使用Photoshop的时候,不是很熟悉其中是怎么设计立体滑动UI按钮?今日这篇文章就带来了Photoshop设计立体滑动UI按钮的操作方法

Photoshop设计立体滑动UI按钮的操作方法

Photoshop设计立体滑动UI按钮的操作方法

新建700*500PX白色画布,找一张好看的图片导入进来作为背景,当然也可以直接使用纯颜色或者自己制作

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

选择圆角矩形工具绘制一个388*108PX的圆角矩形,半径50PX,点击底下“创建新的填充或调整图层”按钮,选择渐变,参数设置如图,后鼠标双击图层添加描边和内阴影图层样式

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

CTRL+J复制上步图层,右键清除图层样式,鼠标双击图层重新添加描边和内阴影图层样式

选择圆角矩形工具绘制一个宽度合适,高度稍微比原来的大一点的圆角矩形,居中对齐,图层右键选择创建剪贴蒙版,点击底下“创建新的填充或调整图层”按钮,选择渐变,参数设置如图;然后鼠标双击图层添加外发光图层样式

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

选择圆角矩形工具绘制一个宽度合适,高度稍微比原来的大一点的圆角矩形,居中对齐,点击底下“创建新的填充或调整图层”按钮,选择渐变,参数设置如图;然后鼠标双击图层添加内阴影、外发光和投影图层样式

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

选择其它合适的工具绘制基本图形或者直接网上找素材导入进来,填充颜色#bbc4c9,然后鼠标双击图层添加投影图层样式

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

Photoshop设计立体滑动UI按钮的操作方法截图

以上这里为各位分享了Photoshop设计立体滑动UI按钮的操作内容。有需要的朋友赶快来看看本篇文章吧。

本文来自投稿,不代表手机方法网立场,如若转载,请注明出处:https://www.welqi.com/284114.html

(0)
春天春天
上一篇 2024年6月19日 12:15
下一篇 2024年6月19日 12:16

相关推荐

  • 分享几何画板制作同心圆的轨迹的详细方法。

    亲们或许不知道几何画板怎样制作同心圆的轨迹的详细操作,那么今天手机方法网小编就讲解几何画板制作同心圆的轨迹的详细方法哦,希望能够帮助到大家呢。 几何画板制作同心圆的轨迹的详细方法 …

    2024年6月16日
    000
  • 小编教你photoshop。

    各位使用photoshop cs6的同学们,你们知道photoshopcs6出现钢笔压力失效的具体处理方法吗?在这篇教程内手机方法网小编就为各位呈现了photoshop cs6出现…

    2024年6月9日
    020
  • 小编教你WPS输入目录省略号的简单操作。

    手机方法网小编今天带来的是WPS输入目录省略号的简单操作,下面就跟手机方法网小编来学习WPS输入目录省略号的操作步骤吧,希望能够帮助到大家。 WPS输入目录省略号的简单操作 如果是…

    2024年4月21日
    050
  • 我来分享按键精灵更改脚本启动快捷键的具体操作方法。

    同学们你们是不是也在使用按键精灵软件呢?不过你们晓得按键精灵中是怎么更改脚本启动快捷键的呢?以下流程就带来了按键精灵更改脚本启动快捷键的具体操作方法。 按键精灵更改脚本启动快捷键的…

    2024年6月7日
    050
  • 分享win11键盘设置在哪里。

    很多用户升级了win11预览版系统,想必有很多小伙伴还不清楚win11键盘设置在哪里,下面手机方法网小编就为大家详细的介绍一下,大家感兴趣的话就一起来了解下吧! win11键盘设置…

    2024年7月19日
    010
  • 我来分享WPS论文的目录怎么自动生成。

    使用WPS编辑文字的时候,如果我们写的是像论文一样的文字文档,此时我们就需要在文档中添加一个目录索引,那么WPS怎么自动生成目录呢?下面手机方法网小编就为大家带来具体操作方法,想知…

    2024年7月19日
    000
  • 说说千牛工作台设置自动快捷回复的操作方法。

    想要使用千牛工作台设置自动快捷回复,你们都知道操作的方法吗?下文就为你们带来了千牛工作台设置自动快捷回复的具体操作方法。 千牛工作台设置自动快捷回复的操作方法 首先点击如图打开千牛…

    2024年6月9日
    020
  • 分享爱剪辑如何添加冷色特效。

    近日有一些小伙伴咨询手机方法网小编关于爱剪辑如何添加冷色特效呢?下面就为大家带来了爱剪辑冷色色调美化特效添加方法分享,有需要的小伙伴可以来了解了解哦。 爱剪辑如何添加冷色特效 爱剪…

    2024年6月19日
    010
  • 分享win7系统打开pdf文件出现关联错误的解决操作。

    很多小伙伴还不会win7系统打开pdf文件出现关联错误的解决操作,所以下面呢,手机方法网小编就分享了win7系统打开pdf文件出现关联错误的处理教程,一起去看看吧,相信对大家会有帮…

    2024年4月20日
    030
  • 小编分享BarTender导入文本文档的图文步骤。

    当前有许多朋友会被BarTender导入文本文档的操作困惑住,为此,下面手机方法网小编就带来了BarTender导入文本文档的图文教程,感兴趣的朋友就跟手机方法网小编一起来学习一下…

    2024年6月13日
    010