网页导航设计

 时间:2024-11-02 22:33:06

Photoshop是网页设计师的首选工具,网页导航设计是网页设计的主要组成部分。

网页导航设计

工具/原料

PhotoshopCS6软件

PC机

方法/步骤

1、新建一个空白文件,使用工具箱中“癣嗡赧箬圆角矩形”工具在属性栏中设置参数,半径为5像素颜色红色RGB为(255.0.0)如图所示。点击鼠标左键拖动绘制红色圆角矩形路径效果如图所示。

网页导航设计

2、设置激活按钮状态,使用工具箱中半径为5像素的“圆角矩形”工具,点击鼠标左键拖动绘制圆角矩形形状,如图所示。

网页导航设计

网页导航设计

3、单击图层“圆角矩形2”,确定它为当前图层,单略居承柘击图层面板中的“添加图层样式”按钮。分别设置投影效果,弹出“图层样式”对话框,图所示进行设置,效果如图所示。

网页导航设计

网页导航设计

网页导航设计

4、添加按钮间的分割线,使用“矩形选框工具”绘制与导航条同样到的矩形条、羽化值为:2px,创建一个新图层“图层1”,填充纯白色。如图所示。

网页导航设计

网页导航设计

网页导航设计

5、按快捷键<Ctrl+J>将“图层1”复制4次如图所示,使用“移动工具”将白色分割线的位置排列在每个按钮的位置如图所示。

网页导航设计

网页导航设计

6、最终效果如图所示。

教你学会NBA的跳投的训练,及比赛中的配合 如何打造人物IP PS中如何调整产品图的色相饱和度 怎么用Pipette工具来屏幕颜色拾取和识别颜色? 奶糖怎么填写邀请码
热门搜索
甜蜜蜜电影 6v电影网 粉碎机图片 美手图片 榆树盆景图片