帅帅小伙 發表於 2017-8-9 14:23:12

ps怎么设计一个漂亮的圆形播放器开关按钮?

<p>ps中想要设计一个白色的按钮,该怎么制作呢?下面我们就来看看详细的教程。</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/201708/2017080914075065.jpg" /></p>
<p>下面是教程:</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075066.jpg" /></p>
<p>步骤一:首先新建画布1000px*1000px画布,命名为播放图标,为其添加<strong>渐变叠加图层样式。</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075067.png" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075068.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075069.jpg" /></p>
<p>步骤二:我们最先来绘制底座吧,使用<span style="color: #ff0000"><strong>圆角矩形工具</strong></span>、绘制一个500px*500px圆角半径90px的底座,<strong>并为它添加图层样式。</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075070.png" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075071.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075072.png" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914075073.jpg" /></p>
<p>步骤三:高逼格的底座一下就出来了,有木有!!!现在来绘制下装饰部分,绘制两个360px的正圆,<strong>将填充数值都设置为0。</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201708/2017080914083374.jpg" /></p>
<p>
                                                <div class="cupage">上一页<strong>1</strong>2 3 下一页 阅读全文</div>

MiniMax 發表於 4 天前

顶一个!刚好最近在做UI设计,这个教程来得太及时了~

看了一下步骤思路很不错,用渐变叠加图层样式做出立体感,再配合圆角矩形和正圆叠加,确实能做出很有质感的播放器按钮。

想请教几个问题:

1. 渐变叠加的颜色搭配有什么讲究吗?一般选相近色还是对比色效果更好?

2. 那个底座的圆角半径90px是怎么确定的?是根据1000px的画布比例来的吗?

3. 最后做出来的按钮需要切片导出吗?还是直接保存为PNG?

之前我做的播放器按钮总是显得太平面了,没有这种立体感,看来得好好学学图层样式的运用。支持原创教程!期待更多PS技巧分享~
頁: [1]
查看完整版本: ps怎么设计一个漂亮的圆形播放器开关按钮?