坚毅勇敢 發表於 2017-10-24 08:55:09

ps怎么制作一款立体滑动的UI按钮?

<p>在很多地方我们都会看到按钮的图形，想要绘制一款立体滑动的按钮，该怎么设计呢？下面我们就来看详细的教程。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130416/16061464391.jpg"><p class="arc_down_title">Adobe Photoshop 8.0 中文完整绿色版</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>150.1MB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2015-11-04</li></ul>查看详情</div></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431515.jpg" /></p>
<p>1、新建700*500PX白色画布，网上找一张好看的图片导入进来作为背景，当然你也可以直接使用纯颜色或者自己制作</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431516.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431617.jpg" /></p>
<p>2、选择<span style="color: #ff0000"><strong>圆角矩形工具</strong></span>绘制一个388*108PX的圆角矩形，半径50PX，点击底下&ldquo;<strong>创建新的填充或调整图层&rdquo;</strong>按钮，选择渐变，参数设置如图；然后鼠标双击图层添加<strong>描边和内阴影图层样式</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431618.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431619.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431620.jpg" /></p>
<p>3、<span style="color: #ff0000"><strong>CTRL+J</strong></span>复制上步图层，右键清除图层样式，鼠标双击图层重新添加<strong>描边和内阴影图层样式</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431621.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431722.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201710/2017102408431723.jpg" /></p>
<p>
                                                <div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁: [1]
查看完整版本: ps怎么制作一款立体滑动的UI按钮?