相信很多朋友都遇到过以下问题,就是Photoshop设计立体滑动UI按钮的操作方法 。。针对这个问题,今天本站小编就搜集了网上的相关信息,给大家做个Photoshop设计立体滑动UI按钮的操作方法 。的解答 。希望看完这个教程之后能够解决大家Photoshop设计立体滑动UI按钮的操作方法 。的相关问题 。
一些用户们在使用Photoshop的时候,不是很熟悉其中是怎么设计立体滑动UI按钮?今日这篇文章就带来了Photoshop设计立体滑动UI按钮的操作方法 。
Photoshop设计立体滑动UI按钮的操作方法

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


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



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



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


【小编分享Photoshop设计立体滑动UI按钮的操作方法】

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



以上这里为各位分享了Photoshop设计立体滑动UI按钮的操作内容 。有需要的朋友赶快来看看本篇文章吧 。
推荐阅读
- 分享PPT怎样实现多张图片快速排版
- 我来分享wps怎样绘制直角三角形图形
- 小编分享MathType编辑短除法的操作步骤
- 分享wps图片怎样查看尺寸
- 我来分享华为手机如何修改自动锁屏时间。
- 小编教你免费小说大全如何设置阅读偏好。
- 小编教你QQ如何关掉直播消息通知。
- 小编分享淘宝特价版7天提款机活动如何玩。
- 我来分享wps怎样设置文字和下划线之间间距
- 分享wps2019表格怎样合并后启用所有数据连接
