阳光漫步 發表於 2021-4-8 09:02:52

ps怎么设计配色干净扁平化按钮? ps按钮矢量图的设计方法

<p>ps中想要绘制简洁大气的扁平化按,该怎么绘制配色干净大气的扁平化按钮呢?下面我们就来看看详细的教程。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/file_images/article/201910/201910240933002.png"><p class="arc_down_title">Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>1.93GB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2022-05-13</li></ul>查看详情</div></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412711.jpg" /></p>
<p>新建800*800PX白色画布,选择圆角矩形形状工具绘制一个450*160PX,<strong>半径80的圆角矩形,</strong>命名为按钮内部,鼠标双击添加内阴影、<strong>外发光图层样式</strong>,参数设置如图</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412712.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412813.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412814.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412815.jpg" /></p>
<p>选择<strong>圆角矩形形状工具</strong>绘制一个上下左右比按钮内部图层大5PX的圆角矩形,命名为按钮外部,放到按钮内部图层下方,添加<span style="color: #ff0000"><strong>渐变叠加</strong></span>图层样式,参数设置如图。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412816.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412817.jpg" /></p>
<p>选择圆角矩形形状工具在左侧绘制一个上下左比按钮内部图层小PX的圆角矩形,命名为移动按钮,添加<span style="color: #ff0000"><strong>渐变叠加和投影图层样式</strong></span>,参数设置如图。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412818.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412919.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412920.jpg" /></p>
<p><strong>CTRL+J</strong>复制一层,命名为立体效果,右键清除图层样式,<strong>CTRL+T</strong>等比例缩放到97,重新添加<strong>渐变叠加图层样式</strong>,参数设置如图。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412921.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412922.jpg" /></p>
<p>选择椭圆形状工具绘制一个大小合适的圆,移到适当位置,添加渐变叠加图层样式,参数设置如图。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808412923.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/202104/2021040808413024.jpg" /></p>
<p>以上就是ps按钮矢量图的设计方法,希望大家喜欢,请继续关注琼殿技术社区。</p>
<p><strong>相关推荐:</strong></p>
<p>ps怎么制作一款立体滑动的UI按钮?</p>
<p>ps怎么设计一款简单的圆形按钮图标?</p>
<p>ps怎么制作Web按钮? ps制作web按钮的教程</p>
頁: [1]
查看完整版本: ps怎么设计配色干净扁平化按钮? ps按钮矢量图的设计方法