Photoshop制作按钮图标流程

Photoshop制作按钮图标流程

现在手机的灵活性很高，一般可以根据自己的喜好改变手机桌面上的按钮图标。 如果你也厌倦了手机上现有的按钮图标，想设计自己喜欢的按钮图标，那么就让我向你学习吧。 按钮代表“做某事”，即点击按钮代表操作一个功能，做这件事情是有后果的，而且不容易恢复。 绝大多数是提交表格。 从技术上讲，这类按钮的作用是向后台提交数据，“命令”服务器做某事。 一个链接会将您带到另一个页面。 从功能属性来看，是看，不是做。

步骤1：

创建一个新文件，选择“椭圆工具”（U），画一个圆。 用任何颜色填充圆圈，稍后它会被图层样式覆盖。

第2步：

双击圆形图层，打开图层样式窗口手机按钮图标，选择“渐变叠加”，渐变色使用蓝色和淡蓝色，在“样式”下拉框中选择“径向”。 最后设置角度并为渐变叠加添加斜角和浮雕，如下图所示。 提示：将渐变叠加移动到圆圈的顶部：打开图层样式窗口并选中渐变叠加选项。 按住按钮调整渐变。

第 3 步：

参考下图，复制圆形图层并调整到合适的大小。

步骤4：

双击刚刚复制的新图层，打开图层样式窗口，移除之前设置的所有效果（渐变叠加、斜面和浮雕）。 选择“描边”，从“填充类型”下拉菜单中选择“渐变”，并将渐变颜色设置为白色，不透明度从 100% 到 0%。 其他设置见下图。

第 5 步：

选择横排文字工具 (T) 创建一个文字图层并将文字图层放在最上面。 ，选择文字图层，打开图层样式窗口。 选择“Color ”将文字颜色设置为白色，然后选择“Inner ”，如下图设置。

第 6 步：

合并以上三层并将图层命名为“Blue”。

第 7 步：

选择多边形工具 (U) 并按下图所示修改设置以创建星形徽章。 复制该图层并按照步骤 3 调整其大小。

不需要重新设置图层样式，只需要复制我们刚刚制作的图标的图层样式，然后粘贴到当前图层即可。 方法：选中我们刚刚创建的图层Blue，右击选择“复制图层样式”。 然后选择刚刚创建的星徽图层，右键单击并选择“粘贴图层样式”。

我们需要修改的是修改“渐变叠加”中的渐变颜色。

总结：

这是制作 3D 风格按钮图标的一种非常简单的方法。 您可以自己更改一些样式手机按钮图标，例如：颜色叠加、渐变叠加等。避免在命令按钮上同时使用文本标签和图形。 同时使用文本和图标往往会增加不必要的视觉混乱，并且无助于用户更好地理解。 仅当图形用于增强理解时才使用文本和图形，例如当标准符号用于命令或帮助用户可视化命令结果等时。否则，首先考虑文本，或单独使用图形. 如果您有按钮图标设计需求，来一品微客网发送任务，一品微客网有专业的按钮图标设计师在一品微客网接单。