当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计现代企业产品主题网站教程(4)

Photoshop设计现代企业产品主题网站教程(4)

创建导航

11 选择横排文字工具(T),字体大小设定为11-12px左右。然后在标题和标示右边加入导航文字;没菜单项之间留出等宽的边距。

Creating the Navigation

 

12 在每个菜单项之间使用矩形选框工具(M)做一个1px宽的分割线;长度跨越整个头部。用#CECECE颜色填充(G)这1px的线条。效果如下图。

Creating the Navigation

 

13 现在,我们在每个菜单项中加入鼠标悬停动态效果(hover)。我已经给其中一个菜单项加入颜色表示鼠标悬停时的效果。使用多边形套索工具(L)按住shift,创建一个三角形,以保证每条线都是直的。

Creating the Navigation

 

14 用#00315C这个颜色填充选定的三角形区域

Creating the Navigation

  • 共8页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 下一页
  • 上一篇:Photoshop打造Windows 7风格网站导航条
    下一篇:教你做一个简单但好看的网页(第一集)

    图集推荐

    • 灵感
    • 美图