桌面图标设计—水晶按钮的制作技巧

来源：最后更新：22-03-22 07:12:43

导读：桌面图标设计—水晶按钮的制作技巧，我想大家对桌面图标设计一点都不会陌生，因为只要您用过电脑都应该知道。电脑就是用着一个个的图标设计来作为他的标记，来作为大家存储资料的一个识别。但是小编不知道大家是否知道水晶按钮是什么，是否知道水晶按钮的制作方法是什么样的。今天小编就想给大家介绍几种水晶按钮的制作方法，希望大家会喜欢。

　　我想大家对桌面图标设计一点都不会陌生，因为只要您用过电脑都应该知道。电脑就是用着一个个的图标设计来作为他的标记，来作为大家存储资料的一个识别。但是小编不知道大家是否知道水晶按钮是什么，是否知道水晶按钮的制作方法是什么样的。今天小编就想给大家介绍几种水晶按钮的制作方法，希望大家会喜欢。

　　首先打开Photoshop，新建一个文件，选择：文件→新建菜单命令，会出现如图所示的对话框。由于按钮的制作尺寸不需要太大，这里预设的宽度和高度分别为271、46。单位选择为像素，分辨率设置为72像素/英寸，颜色模式为RGB，这也是网页的规定颜色模式。

　　再按住矩形工具下面的小三角形展开工具，选择“圆角矩形工具”，然后在画布上画一个长110、宽32的圆角矩形，图像自动填充为前景色，单击图层→图层样式，选择投影，再如图的对话框中拔不透明度设置为5%（根据个人喜爱），距离设置为2像素。改变设置所生成的效果，可以在右侧预览串口中看到效果。

　　然后添加一个图层效果，单击“颜色叠加”，在“混合模式”中选择“颜色叠加”，根据个人喜好选取一个颜色（如R：255，G：0，B：51），单击确定，选择颜色后，把“不透明度”设置为57%。单击“内发光”，切换到相应的位置，选择一个内发光的颜色，与之前的“颜色叠加”操作一样，选择一个颜色（R：153，G：0，B：0），这是就出现了一个有边缘向内简便的效果。然后设置大小为10像素（改变这里的数值，就会改变由边缘向中心渐变效果的大小）。

　　下面来叠加真正的渐变，这个样式会使按钮出现一个深度感。单击“渐变叠加”，切换到相应的位置。选择“反向”，“角度”设置为90度，不透明度设置为78%。现在方形有了一个自上而下、由深及浅的渐变效果。

　　最后制作一个高亮反光。单击“斜面和浮雕”，切换到相对应的设置，改变设置选项——样式、深度、大小、软化，就会在方形上得到一个白色高光。为按钮添加文字，单击”文字“按钮，输入文字：唐人游”，字体根据个人喜欢，字号为18，文字距离为75，颜色为R：0，G：102，B：255。用移动工具，把文字放在按钮的合适位置上。再给文字做点修饰，单击“图层样式”，选择“图层叠加”叠加一个白色（R：255，G：255，B：255）。然后单击“外发光”，给文字作一个发光效果。这样就完成了水晶按钮的制作。