Photoshop设计立体滑动UI按钮的操作方法
作者:罪名发布时间:
一些用户们在使用Photoshop的时候,不是很熟悉其中是怎么设计立体滑动UI按钮?今日这篇文章就带来了Photoshop设计立体滑动UI按钮的操作方法。
Photoshop设计立体滑动UI按钮的操作方法
新建700*500PX白色画布,找一张好看的图片导入进来作为背景,当然也可以直接使用纯颜色或者自己制作
选择圆角矩形工具绘制一个388*108PX的圆角矩形,半径50PX,点击底下“创建新的填充或调整图层”按钮,选择渐变,参数设置如图,后鼠标双击图层添加描边和内阴影图层样式
CTRL+J复制上步图层,右键清除图层样式,鼠标双击图层重新添加描边和内阴影图层样式
选择圆角矩形工具绘制一个宽度合适,高度稍微比原来的大一点的圆角矩形,居中对齐,图层右键选择创建剪贴蒙版,点击底下“创建新的填充或调整图层”按钮,选择渐变,参数设置如图;然后鼠标双击图层添加外发光图层样式
选择圆角矩形工具绘制一个宽度合适,高度稍微比原来的大一点的圆角矩形,居中对齐,点击底下“创建新的填充或调整图层”按钮,选择渐变,参数设置如图;然后鼠标双击图层添加内阴影、外发光和投影图层样式
选择其它合适的工具绘制基本图形或者直接网上找素材导入进来,填充颜色#bbc4c9,然后鼠标双击图层添加投影图层样式
以上这里为各位分享了Photoshop设计立体滑动UI按钮的操作内容。有需要的朋友赶快来看看本篇文章吧。
复制本文链接攻略文章为游逗网所有,未经允许不得转载。
软件教程更多
相关资讯更多

- 在Word中编辑图片的几种方法分享
- 凉堇年♀2026-07-03 03:07:20

- 联想电脑管家一键更新驱动程序的方法
- 攻心2026-07-03 03:07:15

- 联想电脑管家使用教程:备份电脑驱动程序
- 昔日&2026-07-03 03:07:14

- WPS邮件合并的具体操作步骤
- 迟暮。2026-07-03 03:07:13

- 在抖音中拍同款上传图片的技巧分享
- 迷糊2026-07-03 03:07:11

- 在抖音中查找好友的具体步骤
- 忘殇2026-07-03 03:07:10

- 在咪咕视频中多屏同看的图文讲解
- 野仄2026-07-03 03:07:08

- 在抖音中找回账号密码的具体方法
- 颜面2026-07-03 03:07:07

- 在抖音中更改登录密码的具体步骤
- 杯与酒2026-07-03 03:07:07

- 在抖音中设置不感兴趣的方法分享
- 旧模样2026-07-03 03:07:05























