用Photoshop制作一个圆形的音乐图标按钮
<p>今天小编为大家分享用Photoshop制作一个圆形的音乐图标按钮方法，教程比较基础，适合新手来学习，希望大家喜欢！</p><p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216153.jpg" /></p>
<p><strong>步骤</strong></p>
<p>打开PS软件，新建大小为900*600的画布。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216154.jpg" /></p>
<p>新建“<strong>图层1</strong>”，选择“<strong>椭圆工具</strong>”，在“<strong>图层1</strong>”上用鼠标点击一下，创建一个“<strong>圆形</strong>”。</p>
<p>记得选中“<strong>从中心</strong>”。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216155.jpg" /></p>
<p>复制“<strong>图层1</strong>”，将复制的图层明明为“<strong>图层2</strong>”，对“图层2”进行变形，让其比“<strong>图层1</strong>”小一圈。</p>
<p>ps.图层2填充“<strong>纯黑色</strong>”，“图层1”<strong>填充#3f3f3f</strong>。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216156.jpg" /></p>
<p>选中“<strong>图层1</strong>”为其添加“<strong>渐变叠加</strong>”。</p>
<p>渐变样式为“<strong>对称的</strong>”，具体参数看下图。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216157.jpg" /></p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216158.jpg" /></p>
<p>此时的图层和效果图如下。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216159.jpg" /></p>
<p>新建“<strong>图层3”，</strong>选中“<strong>椭圆选框工具</strong>”，创建“<strong>正圆选区</strong>”。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216160.jpg" /></p>
<p>选择“<strong>渐变工具</strong>”，打开“<strong>渐变编辑器</strong>”进行设置。</p>
<p>注意选择“<strong>径向渐变</strong>”后，在“<strong>图层3</strong>”中用鼠标填充渐变。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216161.jpg" /></p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216162.jpg" /></p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216163.jpg" /></p>
<p>新建“<strong>图层4</strong>”，使用“<strong>矩形选区工具</strong>”选择“<strong>从选区中减去</strong>”创建下图中“<strong>半圆形选区</strong>”</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216164.jpg" /></p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216165.jpg" /></p>
<p>使用“<strong>渐变工具</strong>”在“<strong>图层4</strong>”的选区中，填充颜色渐变。</p>
<p>将图层4的混合模式调整为“<strong>弱光</strong>”并调整其不透明度为50%.</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216166.jpg" /></p>
<p>选中“<strong>自定义工具</strong>”，在“<strong>形状</strong>”中选中“<strong>音乐符号</strong>”，放到合适的位置。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216167.jpg" /></p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216168.jpg" /></p>
<p>创建一个图层，命名为“<strong>阴影</strong>”，并把其调到紧挨着“<strong>背景</strong>”图层。</p>
<p>创建“<strong>椭圆选区</strong>”并填充黑色。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216169.jpg" /></p>
<p><strong>最后为“阴影”图层添加“高斯模糊”即可。</strong></p>
<p>“<strong>滤镜</strong>”→“<strong>模糊</strong>”→“<strong>高斯模糊</strong>”。</p>
<p align="center"><img alt="用Photoshop制作“音乐图标”按钮。" src="https://img.jbzj.com/file_images/Photoshop/201606/20160605114216170.jpg" /></p>
<p><strong><font color="#ff0000">注意事项</font></strong></p>
<p>Photoshop CC版本中，可以直接把图层转换为CSS文件——以便直接使用。</p>
<p>以上就是用Photoshop制作一个圆形的音乐图标按钮方法介绍，有兴趣的朋友可以参考上面步骤进行操作，希望大家喜欢本教程！</p>
頁:
[1]