网页导航设计

 时间:2026-04-22 23:05:27

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

网页导航设计

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

网页导航设计

网页导航设计

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

网页导航设计

网页导航设计

网页导航设计

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

网页导航设计

网页导航设计

网页导航设计

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

网页导航设计

网页导航设计

6、最终效果如图所示。

  • 教你学会NBA的跳投的训练,及比赛中的配合
  • 如何打造人物IP
  • PS中如何调整产品图的色相饱和度
  • 怎么用Pipette工具来屏幕颜色拾取和识别颜色?
  • 奶糖怎么填写邀请码
  • 热门搜索
    漳州东山岛旅游景点 千岛湖旅游攻略自驾游 南京旅游景点推荐 高邮旅游景点 哈尔滨雪乡旅游 昆明周边旅游景点 江苏有哪些旅游景点 冬天旅游好去处 西宁旅游包车 好运角旅游度假区