首页 > 设计 > 详细

Photoshop制作的一个质感网页导航按钮

时间：2015-12-08 15:46:49      阅读：177      评论：0      收藏：0      [点我收藏+]
让我们一起来看看这个教程吧
　　
技术分享


　　Step 1
　　我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px
　　
技术分享


　　Step 2
　　为了填补你的背景，选择渐变工具(G)的渐变编辑器打开了，并输入您的颜色值按下面的图像
　　
技术分享


　　
技术分享


　　Step 3
　　让我们创造了我们的按钮的机构。 使用圆角矩形工具(U)，现在只是创造了约320 × 95px，对5px半径和填充任何颜色(它的矩形，因为我们将添加一个渐变叠加)。
　　
技术分享



　　我们将加强它如何给予它一些图层样式外观。 首先，套用阴影。
　　
技术分享


　　内发光效果…
　　
技术分享


　　斜面和浮雕…
　　
技术分享


　　最后，一个渐变叠加
　　
技术分享


　　Step 4
　　现在，让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具(U)。
　　
技术分享



　　继续下去，并给它一些图层样式。 下面的图片以供参考使用
　　
技术分享


　　为了确保它的垂直和对齐，选择这两个层次，其中包含按钮和箭头机构(概括地讲，我们只有两个层迄今)和对齐单击控制条垂直中心
　　
技术分享


　　创建一个小的矩形，如在下面的图片1()。然后转到“编辑>变换>斜交>V：30
　　
技术分享


　　给它同样的图层样式
　　
技术分享


　　Step 5
　　使用自定义形状工具(U)创建一个约30 ×箭头。
　　
技术分享



　　给它一些图层样式根据下面的图像
　　
技术分享


　　Step 6
　　让我们创造我们的分离。 使用椭圆选框工具(M)，创建一个类似下面的选择。 设置你的前景色黑色(#000000)，然后单击转移+ Backspace键得到填补
　　
技术分享


　　为了使它看起来有点模糊。 滤器“>模糊”高斯模糊 – 半径：3.0px
　　
技术分享


　　请在它的左边部分的选择(见下面的参考)图像，然后按下删除
　　
技术分享


　　减少这层不透明度为：50%。
　　
技术分享



　　打开你的渐变编辑器并设置颜色值按下面的图像。
　　
技术分享


　　在选择分离器的层上添加单击图层蒙板。 然后拖动与梯度(我们刚刚成立的顶部)上下。
　　
技术分享


　　Step 7
　　创建另一个在左侧的三维形状，使用上面我们已经解释过相同的技术
　　
技术分享


　　Step 8
　　输入字体
　　
技术分享


　　应用一些图层样式给它。 Use the image below for reference.下面的图片以供参考使用。
　　
技术分享


　　得到最终效果
　　
技术分享

Photoshop制作的一个质感网页导航按钮

原文：http://www.jb51.net/photoshop/27567.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！