Photoshop是网页设计师的首选工具,网页导航设计是网页设计的主要组成部分。
工具/原料
PhotoshopCS6软件
PC机
方法/步骤
1、新建一个空白文件,使用工具箱中“癣嗡赧箬圆角矩形”工具在属性栏中设置参数,半径为5像素颜色红色RGB为(255.0.0)如图所示。点击鼠标左键拖动绘制红色圆角矩形路径效果如图所示。
2、设置激活按钮状态,使用工具箱中半径为5像素的“圆角矩形”工具,点击鼠标左键拖动绘制圆角矩形形状,如图所示。
3、单击图层“圆角矩形2”,确定它为当前图层,单略居承柘击图层面板中的“添加图层样式”按钮。分别设置投影效果,弹出“图层样式”对话框,图所示进行设置,效果如图所示。
4、添加按钮间的分割线,使用“矩形选框工具”绘制与导航条同样到的矩形条、羽化值为:2px,创建一个新图层“图层1”,填充纯白色。如图所示。
5、按快捷键<Ctrl+J>将“图层1”复制4次如图所示,使用“移动工具”将白色分割线的位置排列在每个按钮的位置如图所示。
6、最终效果如图所示。