下载

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

PConline 2022-08-08 11:01:40
网络辅助

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

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

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

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

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

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

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

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

    

打开太平洋知科技,阅读体验更佳
前往太平洋知科技APP查看原文,阅读体验更佳
继续评论
前往APP
制作海报

网友评论

写评论
APP内评论,得金币,兑好礼

相关推荐

小红书网页版首页入口  小红书网页版登录入口网址【详解】

小红书网页版首页入口 小红书网页版登录入口网址【详解】

网络辅助 0

腾讯会议网页版入口   腾讯会议网页登录入口【详解】

腾讯会议网页版入口 腾讯会议网页登录入口【详解】

网络辅助 0

抖音小店网页版登录入口  抖音小店商家入口网址【详解】

抖音小店网页版登录入口 抖音小店商家入口网址【详解】

网络辅助 0

WPS工具栏灰色无法使用怎么办【详解】

WPS工具栏灰色无法使用怎么办【详解】

网络辅助 0

原神无相之草位置介绍 原神无相之草位置攻略【详解】

原神无相之草位置介绍 原神无相之草位置攻略【详解】

游戏攻略 0

Win11 22h2版本为何更新错误【详解】

Win11 22h2版本为何更新错误【详解】

网络辅助 0

新浪微博网页版入口   新浪微博网页版网址分享【详解】

新浪微博网页版入口 新浪微博网页版网址分享【详解】

网络辅助 0

支付宝正式接入鸿蒙生态,探索原子化服务的更多场景

支付宝正式接入鸿蒙生态,探索原子化服务的更多场景

厂商专区 0

原神草神怎么配队 原神纳西妲配队推荐【详解】

原神草神怎么配队 原神纳西妲配队推荐【详解】

游戏攻略 0

向日葵远程控制怎么用  向日葵远程控制的使用方法【详解】

向日葵远程控制怎么用 向日葵远程控制的使用方法【详解】

网络辅助 0