分享ps制作立体滑动UI按钮的详细操作。

想知道ps制作立体滑动UI按钮详细操作吗?下面就是手机方法网小编整理的ps制作立体滑动UI按钮的操作教程,赶紧来看看吧,希望能帮助到大家哦!

ps制作立体滑动UI按钮的详细操作

ps制作立体滑动UI按钮的详细操作

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

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

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

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

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

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

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

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

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

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

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

ps制作立体滑动UI按钮的详细操作截图

各位小伙伴们,看完上面的精彩内容,都清楚ps制作立体滑动UI按钮的详细操作了吧!

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

(0)
春天春天
上一篇 2024年4月20日 00:48
下一篇 2024年4月20日 00:48

相关推荐

  • 我来分享QQ拼音输入法中截图的操作教程方法。

    最近一些用户们在使用QQ拼音输入法的时候,不熟悉其中怎样截图?今日在这里就为你们带来了QQ拼音输入法中截图的详情介绍。 QQ拼音输入法中截图的操作教程 首先我们需要打开拼音输入法的…

    2024年5月10日
    090
  • 分享sql。

    sql server 2008 连接不上怎么办,相信很多使用该软件的朋友们对此都很感兴趣,下面就和大家来分享一下,希望可以帮助到大家。 sql server 2008连接错误的处理…

    2024年4月30日
    050
  • 我来教你photoshop制作五角星星的详细操作。

    五角星星大家都知道的吧。手机方法网小编今天带来的就是关于photoshop制作五角星星的操作,下面就一起来学习一下photoshop制作五角星星的操作方法吧,希望能够帮助到大家。 …

    2024年4月23日
    090
  • 今天分享刷机大师的详细卸载的操作方法。

    你们的电脑中是不是也安装了刷机大师呢?那么不想使用时应该如何卸载呢?在这里手机方法网小编就为你们呈现了刷机大师的详细卸载的操作方法。 刷机大师的详细卸载的操作方法 第一种方法: 1…

    2024年6月9日
    050
  • 教你360安全卫士设置防护弹窗为自动处理模式的详细操作。

    才安装360安全卫士的朋友可能不清楚设置防护弹窗为自动处理模式的操作,而今天笔者就讲解关于360安全卫士设置防护弹窗为自动处理模式的方法,相信大家通过学习,在以后的操作中一定会得心…

    2024年4月21日
    070
  • 分享Beyond。

    你们是不是也在使用Beyond Compare呢?不过你们晓得怎样导出孤立文件吗?今日在这里就为你们带来了BeyondCompare导出孤立文件的相关使用方法。 Beyond Co…

    2024年6月7日
    070
  • 今天分享Adobe。

    很多人不知道如何使用Adobe Indesigncs6制作可爱的圆点相框?今日为你们带来的文章是关于制作可爱的圆点相框的具体含义讲解,还有不清楚小伙伴和手机方法网小编一起去学习一下…

    2024年4月30日
    070
  • 说说Microsoft。

    你们晓得 Microsoft Visual Basic 6新建播放器的操作流程吗?下文是全部内容,大家可以学习一下。 Microsoft Visual Basic 6新建播放器的操…

    2024年5月10日
    050
  • 我来教你利用PS软件修改图片像素的具体操作教程方法。

    很多小伙伴使用Photoshop软件却还不会设置如何利用PS软件修改图片像素,所以下面呢,手机方法网小编就分享了如何利用PS软件修改图片像素的操作教程,一起去看看吧,相信对大家会有…

    2024年4月24日
    090
  • 说说solidworks2017建模椭圆盖零件的方法介绍。

    大家知道solidworks2017怎么建模椭圆盖零件吗?不知道没有关系,手机方法网小编今天介绍solidworks2017建模椭圆盖零件的方法,希望可以帮助到你哦。 solidw…

    2024年3月9日
    0110