|
Photoshop制作美丽的左侧导航按钮
来源：网页教学网 作者：不详
本教程介绍异常美丽的导航图示按钮制作方式。按钮的效果异常大气及精美，利用图示图形来制作提示效果，感觉异常的生动。
最终效果 |
| 1、首先我们在PS里新建一文件，大小为
500x500px，白色背景。 |
| 2、使用圆角矩形（半径为10px），绘制我们的质感图标的轮廓。 |
| 3、随后我们使用钢笔工具为每条边的中点增加一个矢量点，随后用直接选择工具将四条边的中点向外拖动一点距离，目的是让图形轮廓感觉更圆润。 |
| 6、按ctrl+j复制图层，将复制出的图层上的图层样式全部去掉，然后按ctrl+t将复制出的图层缩小到原来的94%左右。 |
| 8、再次按ctrl+j复制图层，去掉其上的图层样式，随后按ctrl+t缩小到原来的93%大小，之后用直接选择工具拖动上面的矢量路径节点，使其变成如下外形： |
| 9、随后栅格化图层（在图形上按鼠标右键选栅格化图层），并将其填充为白色： |
| 10、从右向左制作渐变效果，并设置不透明度，使其能出现如下效果： |
| 13、现在完成了图形的制作，我们将来制作右边的文字按钮，先用圆角工具，颜色为黑色，半径为7px，制作如下区域，只需要保证区域不要超过我们的图形轮廓高度。 |
| 16、为文字增加图层样式，使文字效果与左边的图标效果相似。 |
| 17、在大标题下增加小文字，颜色为#1d70e1。 |
| 19、我们上面只是介绍了导航中的
一个按钮的做法，下图为完整版的导航按钮，这里使用的不同颜色一样色调，看上去依然十分的协调！ |
返回类别: Photoshop教程
上一教程: MM专用 Photoshop照片美化处理教程
下一教程: PS鼠绘时尚银发美女
您可以阅读与"Photoshop制作美丽的左侧导航按钮"相关的教程:
· Photoshop制作简朴的水晶导航按钮
· Photoshop制作美丽的绿色水晶导航按钮
· PS技巧如何制作漂亮的倒影
· PS技巧教你制作漂亮的波兰
· 经典 用Photoshop创作漂亮的鲜橙
|
首页
会员中心
