让我们一起来看看这个教程吧
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741231.jpg)
Step 1
我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741232.jpg)
Step 2
为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741234.jpg)
Step 3
让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩形,因为我们将添加一个渐变叠加)。
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741235.png)
我们将加强它如何给予它一些图层样式外观。 首先,套用阴影。
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741236.png)
内发光效果…
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741237.png)
斜面和浮雕…
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741238.png)
最后,一个渐变叠加
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741239.png)
Step 4
现在,让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具(U)。
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741240.jpg)
继续下去,并给它一些图层样式。 下面的图片以供参考使用
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741241.jpg)
为了确保它的垂直和对齐,选择这两个层次,其中包含按钮和箭头机构(概括地讲,我们只有两个层迄今)和对齐单击控制条垂直中心
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741242.jpg)
创建一个小的矩形,如在下面的图片1()。然后转到“编辑>变换>斜交>V:30
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741243.jpg)
给它同样的图层样式
![Photoshop制作的一个质感网页导航按钮](/UploadFiles/2021-04-17/20100615004741244.jpg)
上一页
12 下一页 阅读全文