ps怎么制作一款立体滑动的UI按钮?
发布时间：2021-03-20 编辑：√無∑情— 内容来源：收集于网络
在很多地方我们都会看到按钮的图形，想要绘制一款立体滑动的按钮，该怎么设计呢？下面我们就来看详细的教程。
1、新建700*500PX白色画布，网上找一张好看的图片导入进来作为背景，当然你也可以直接使用纯颜色或者自己制作
2、选择圆角矩形工具绘制一个388*108PX的圆角矩形，半径50PX，点击底下“创建新的填充或调整图层”按钮，选择渐变，参数设置如图；然后鼠标双击图层添加描边和内阴影图层样式
3、CTRL+J复制上步图层，右键清除图层样式，鼠标双击图层重新添加描边和内阴影图层样式
4、选择圆角矩形工具绘制一个宽度合适，高度稍微比原来的大一点的圆角矩形，居中对齐，图层右键选择创建剪贴蒙版，点击底下“创建新的填充或调整图层”按钮，选择渐变，参数设置如图；然后鼠标双击图层添加外发光图层样式
5、选择圆角矩形工具绘制一个宽度合适，高度稍微比原来的大一点的圆角矩形，居中对齐，点击底下“创建新的填充或调整图层”按钮，选择渐变，参数设置如图；然后鼠标双击图层添加内阴影、外发光和投影图层样式
6、选择其它合适的工具绘制基本图形或者直接网上找素材导入进来，填充颜色#bbc4c9，然后鼠标双击图层添加投影图层样式
以上就是ps设计按钮的详细教程，希望大家喜欢，请继续关注57自学网相关教程。
网页按钮制作教程分类
热门教程
- ps中想要设计漂亮的玻璃按钮
- 怎么用PS制作按钮形状效果?
- 利用PS绘制非常有质感的立体按钮过程
- 使用PS快速绘制清新绿色的扁平化按钮
- PS鼠绘教程：绘制超精致《今日头条》立体图标
- 教你用Photoshop设计立体质感的盒子图标
- 用photoshop打造高光橘色水晶RSS按钮
- 教你用photoshop制作一款小巧的红色点击按钮
- 教你用photoshop制作一个浅蓝色高光按钮,ps高光按钮制作
- photoshop文件夹图标教程,ps电脑文件图标制作
- Photoshop简单制作漂亮质感的中国风按钮
- photoshop制作Itunes10图标,ps音乐图标教程
- 用PS制作简洁大气质感的圆形开关按钮图标的方法.ps开关按钮制作
- photoshop制作出逼真的动感雷达图标效果
- Photoshop制作颜色对半透明风格的网页导航条按钮过程
- photoshop利用钢笔和图层样式制作出护士图标效果
- PS路径和钢笔工具制作扁平化图标方法详解
- photoshop制作出黑色高光三维质感按钮
