华军软件园:为用户提供海量热门软件、游戏等手机资源下载服务!

装机必备热门标签玩游戏装软件BT游戏H5游戏看教程专题游戏盒子手机版

华军软件园

所在位置:首页 > 资讯教程 > 系统教程 >  > 详情

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

文章来源:网络作者:基神发布时间:2026-05-30 10:01:04

360集合包
360集合包
360集合包,一键装机、快捷方便。
Ready

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

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

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

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

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

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

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

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

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

End
复制本文链接资讯文章为华军软件园所有,未经允许不得转载。
热门游戏MORE+
    相关资讯MORE+
      最新录入
      热门资讯
        新游新品榜
        手机游戏
        手机软件
        手游下载
        装机软件
        精选专题
        游戏排行榜