10大优享服务
62项会员特权

Photoshop制作按钮图标流程

发布时间:2021-12-01 12:45:41     阅读次数:14760次     评论数:0次
    现在手机的只能度很高,一般可以按照自己喜好更换手机桌面上的按钮图标。如果你也厌倦了手机上现有的按钮图标,想设计出自己中意的按钮图标,那就更我来学吧。按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交了数据,“命令”服务器去做了一件事。而链接则是带你去另一个页面,从功能属性上而言,它是看,而非是做。

步骤1: 

创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。


步骤2: 

双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。 


 步骤3: 

参照下图,复制圆形图层,并调整到合适大小。 

Photoshop制作按钮图标流程

 步骤4: 

双击刚复制好的新图层,打开图层样式窗口,去掉所有前面设置的效果(渐变叠加、斜面和浮雕效果)。选择“描边”,在“填充类型”下来菜单中选择“渐变”,将渐变颜色设置为白色,透明度从100%至0%。其他设置参照下图。 

Photoshop制作按钮图标流程

步骤5: 
选择“横排文字工具”(T)创建一个文字图层,使文字图层在最顶层。3lian.com,选中文字图层,打开图层样式窗口。选择“颜色叠加”将文字颜色设置成白色,然后选择“内阴影”,参照下图进行设置。
Photoshop制作按钮图标流程
步骤6: 

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


步骤7: 
选择“多边形工具”(U),参照下图修改设置,创建一个星形徽章。像步骤3一样复制该图层并且调整大小。 
不需要从新设置图层样式,只需要从我们刚才制作的图标中复制图层样式,然后粘贴到现在的图层中就可以了。做法:选择我们刚才创建的图层Blue Circle,右键选择“拷贝图层样式”。然后选择刚创建的星形徽章图层,右键选择“粘贴图层样式”。 
我们需要修改的地方就是在“渐变叠加”中修改渐变颜色。 
总结: 
这是一种非常简单的制作3D风格按钮图标的方法。你可以自己更改一些样式,例如:颜色叠加、渐变叠加等。避免在命令按钮上同时使用文本标签和图形。同时使用文本和图标往往会增加不必要的视觉混乱,且无法帮助用户更好地理解。仅当图形用于增进理解的时候才考虑同时使用文本和图形,例如当用于命令的是标准符号或它能够帮助用户形象地了解该命令的结果等等。否则,首先考虑文本,或者单独使用图形。如果你有按钮图标设计需求,来一品威客网发任务,一品威客网有专业的按钮图标设计人员正在一品威客网接单。



本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录