原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！ 最终效果
1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120
2.复制圆角矩形图层并缩小
3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。
4.这是是具体的简便颜色设置
5.给上边的矩形添加样式
6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图
7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果
8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影。
9.加上文字。
10.最后添加一个色相饱和度可以调成自己喜爱的颜色。
来源：网页教学网 作者：不详 本教程介绍非常漂亮的导航图示按钮制作方法。按钮的效果非常大气及精美，利用图示图形来制作提示效果，感觉非常的生动。 最终效果
1、首先我们在PS里新建一文件，大小为 500x500px，白色背景。
2、使用圆角矩形（半径为10px），绘制我们的质感图标的轮廓。
3、随后我们使用钢笔工具为每条边的中点增加一个矢量点，随后用直接选择工具将四条边的中点向外拖动一点距离，目的是让图形轮廓感觉更圆润。
4、为轮廓使用图层样式。
5、加上样式后的效果。
6、按ctrl+j复制图层，将复制出的图层上的图层样式全部去掉，然后按ctrl+t将复制出的图层缩小到原来的94%左右。
7、随后为复制出的图层添加如下新样式：
8、再次按ctrl+j复制图层，去掉其上的图层样式，随后按ctrl+t缩小到原来的93%大小，之后用直接选择工具拖动上面的矢量路径节点，使其变成如下形状：
9、随后栅格化图层（在图形上按鼠标右键选栅格化图层），并将其填充为白色：
10、从右向左制作渐变效果，并设置不透明度，使其能出现如下效果：
11、使用自定义形状工具，选中一个形状：
12、为之前的质感轮廓添加一个图形，颜色为白色：
13、现在完成了图形的制作，我们将来制作右边的文字按钮，先用圆角工具，颜色为黑色，半径为7px，制作如下区域，只需要保证区域不要超过我们的图形轮廓高度。
14、为其增加图层样式。
15、添加文字。
16、为文字增加图层样式，使文字效果与左边的图标效果相似。
17、在大标题下增加小文字，颜色为#1d70e1。
18、为小文字添加阴影样式：
19、我们上面只是介绍了导航中的 一个按钮的做法，下图为完整版的导航按钮，这里使用的不同颜色相同色调，看上去依然十分的协调！
文档评论（0）