使用Photoshop绘制一枚立体质感按钮
使用Photoshop绘制按钮效果在设计中非常常见。本教程将介绍如何制作简单的立体质感按钮。虽然效果图看起来很简单，但是需要运用图层样式叠加和图层混合模式等技巧，同时也需要处理细节部分。有兴趣的小伙伴们可以动手试试。
步骤一：新建文档和绘制背景
1. 新建一个800 x 600像素大小、72像素分辨率的空白文档，并绘制渐变背景。
步骤二：绘制按钮原形
2. 使用矩形工具绘制一个320 x 100像素的矩形，打开属性面板设置圆角为50像素。将该形状图层重命名为“按钮原形”，并复制一层隐藏备用。
步骤三：添加图层样式
3. 双击打开“按钮原形”的图层样式，增加内阴影、渐变叠加和投影样式。具体参数可参考下方图片中的设置。
步骤四：绘制亮部1
4. 使用矩形工具绘制一个280 x 40像素的矩形，填充白色。打开属性面板，设置上方两个圆角为30像素，下方两个圆角为10像素。将图层名称重命名为“亮部1”，并修改图层混合模式为柔光，不透明度设置为20%。
步骤五：绘制亮部2
5. 在“亮部1”图层上方新建一个图层，命名为“亮部2”。在该图层中填充白色，并添加蒙版。选择柔边圆黑色画笔，在蒙版中擦除上方和两侧的部分，只留下中间的部分。将图层混合模式改为柔光。
步骤六：绘制高光
6. 使用钢笔工具在按钮左上角绘制一个高光的形状，将图层命名为“高光”。复制一层并栅格化图层，执行滤镜-模糊-高斯模糊，模糊半径设置为2像素。将图层混合模式改为柔光，并隐藏原始的“高光”图层。
步骤七：添加更多高光
7. 载入“高光”图层的选区，缩小1像素并羽化1像素。新建一个图层，填充白色，并将图层不透明度降低为70%。再次载入“高光”图层的选区，缩小2像素并羽化2像素。再新建一个图层，填充白色。
步骤八：创建反光效果
8. 打开“按钮原形复制”的图层，将填充改为0。双击打开图层样式，添加渐变叠加样式。将混合模式设置为柔光，渐变类型选择径向渐变，角度设置为30度。调整合适的缩放大小后点击确定。复制一层以加强反光效果。
步骤九：整理图层
9. 选中按钮的所有图层，使用快捷键Ctrl G进行编组，并命名为“按钮”。隐藏按钮组，然后按下快捷键三键E进行图层盖印，再显示所有图层。
步骤十：添加倒影
10. 选中刚才盖印出来的图层，按下快捷键Ctrl T进行垂直翻转，并将其移动到按钮底部。交换图层顺序，使其置于“按钮”组的下方。添加图层蒙版，并使用渐变工具拉出倒影效果。
至此，立体质感按钮的效果制作完成。感谢大家的观看！
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
