ps2021怎么做漂亮的渐变按钮? ps按钮样式的设计方法
<p>ps2021中想要制作渐变按钮，该怎么制作渐变按钮呢？下面我们就来看看ps设计一款渐变按钮的技巧。</p><p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/200824/09260R33963.png"><p class="arc_down_title">Adobe Photoshop 2021 v22.5.7.859 ACR14.3 一键直装特别版</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>2.33GB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2022-05-13</li></ul>查看详情</div></p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330532.jpg" alt="" /></p>
<p>我们用【<strong>圆角矩形工具</strong>】画出一个360*100像素的圆角形状，如图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330533.jpg" alt="" /></p>
<p>我们按住圆角矩形的任意一个小圆点，把它往里移动，让形状的圆角更圆一些，如图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330534.jpg" alt="" /></p>
<p>接着，我们选中<strong>圆角矩形</strong>，在填充里面设置为自己喜欢的<strong>渐变颜色</strong>，如图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330535.jpg" alt="" /></p>
<p>接下来，我们把渐变颜色调整为30度，设置为反向效果，如图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330536.jpg" alt="" /></p>
<p>我们用【<span style="color: rgb(255, 0, 0);"><strong>文字工具</strong></span>】在渐变颜色的圆角矩形上面输入需要的文字，图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330537.jpg" alt="" /></p>
<p>接着，我们选中文字图层，然后给它添加一个黑色的投影，<strong>把不透明度调整20%、距离为2像素，大小为1像素，点击【确定】</strong>，如图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330538.jpg" alt="" /></p>
<p>文字添加好投影之后，如果我们想改变形状的颜色，把它复制一组移下来，如图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330539.jpg" alt="" /></p>
<p>我们选中形状，然后点击<span style="color: rgb(255, 0, 0);"><strong>圆角矩形工具</strong></span>，把填充更换成橙色的渐变颜色，可根据自己的需要调整角度即可，如图所示。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330540.jpg" alt="" /></p>
<p>最后，我们来看一下两种不同渐变颜色的按钮就做好了。</p>
<p align="center"><img src="https://img.jbzj.com/file_images/photoshop/202105/2021052710330541.jpg" alt="" /></p>
<p>以上就是ps按钮样式的设计方法，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐：</strong></p>
<p>ps怎么制作一款立体滑动的UI按钮?</p>
<p>ps怎么设计圆形的中间凸起的水晶按钮? </p>
<p> ps怎么设计一组按钮开关以及按下时候的状态? </p>
頁:
[1]