• 网络学院
  • IT资讯
  • 操作系统
  • 网络技术
  • 软件应用
  • 办公软件
  • 编程技术
  • 网站架设
  • 数据库类
  • 平面设计
  • 多媒体类
  • 游戏资讯
  • 教学论文
  • 认证考试
photoshop教程:精致的网站导航设计
  站点:
  • 首 页
  • 最新软件
  • 文章教程
  • 国内软件
  • 国外软件
  • 绿色软件
  • 源码下载
  • 字体下载
photoshop教程:精致的网站导航设计
软件发布 photoshop教程:精致的网站导航设计
网络软件 系统工具 应用软件 联络聊天 图形图像 多媒体类 行业软件 游戏娱乐 编程开发 安全相关 教育教学 数码软件 绿软下载
热门软件: QQ 瑞星 pplive e话通 木马克星 千千静听 office2000 五笔字根 Photoshop 视频分割
返回文章教程首页 >> 平面设计 >> Photoshop >> photoshop教程:精致的网站导航设计

photoshop教程:精致的网站导航设计

添加时间: 2008-9-5 9:22:56  作者: m4er  阅读次数:38   来源: 蓝色理想

        设计工具为PS CS3,先看做好的效果图:

  photoshop教程:精致的网站导航设计

  设计步骤如下:

  第一步:

  用形状工具或者选框工具设计出菜单的背景来,如下图:

  photoshop教程:精致的网站导航设计

  第二步:

  新建一个图层,用缩放工具放大到1000%,用画笔在这个新建图层上画出一条适当长度的1px竖线,颜色为#ffffff;如下图:

  photoshop教程:精致的网站导航设计

  第三步:

  给这个图层加"渐变叠加"这个混合选项,设置如下:

  photoshop教程:精致的网站导航设计

  photoshop教程:精致的网站导航设计

  1处的颜色为白色竖线的下端附近的背景颜色值,2处的颜色为白色竖线的上端附近的背景颜色值,3处的颜色为#d7d7d7。

  效果如下:

  photoshop教程:精致的网站导航设计

  第四步:

  复制这个图层,用箭头工具将复制的图层向左移动1px,修改渐变参数,如下图:

  photoshop教程:精致的网站导航设计

  效果如下:

  photoshop教程:精致的网站导航设计

  100%比例下的效果如下:

  photoshop教程:精致的网站导航设计

  剩下的工作就是加上文字与复制图层及排版的问题了,这里不细说了。

 

上下文章:

 

上一篇文章: Photoshop合成教程:通道转蒙板打造海的女儿 下一篇文章: Photoshop调色教程:打造MM清秀靓丽肤色

相关文章:

  • 用Photoshop打造性感美女素描线稿
  • 视频网站:冬天来了 春天还很远
  • 夹缝生存裁员风起 专业博客网站寻路
  • 国内视频网站掀裁员潮 集体瘦身应对金融海啸
  • 亚马逊悄然推出音频及视频“导购”网站

相关软件:

  • 恶意网站HOSTS屏蔽文件 2008.10.20
  • API拦截教程 V1.0
  • 网站流量魔法师 2008C
  • 超级DIY设计器 V7.0 测试版
  • 网站流量专家 V4.6
  • EliteReport报表设计软件 v1.1 build 20060612

 

快速导航

  • 网络学院
  • 精品汇聚
  • 字体下载
  • 教程下载
  • ASP源码
  • PHP源码
  • Net源码
  • JSP 源码

平面设计分类导航

  • Photoshop
  • CorelDraw
  • Illustrator
  • PhotoImpact
  • LiveMotion
  • Golive

本类经典文章推荐

  • PS用LAB模式为花草调出漂亮怀旧色...
  • PS调色教程:教你调出婚片温柔暖色...
  • Photoshop用光与影表现3D立体字效...
  • 美不胜收 Photoshop设计令人惊艳分...
  • PS教程:打造非主流都市风格海报
  • ps教程:教你用Photoshop制作出:...
  • Photoshop教程:打造漂亮爱心情人...
  • PS调出照片的流行淡黄色
  • Photoshop打造人物油光粉嫩的肤色
  • Photoshop打造法力超强的女魔法师

Photoshop阅读排行

  • Photoshop字体特效
  • Photoshop打造非主流MM个性照片
  • Photoshop图层样式实现真实水滴
  • 用photoshop创建霓虹灯效果
  • 用Photoshop制作钻石字
  • 运用Photoshop打造照片朦胧梦幻效...
  • PHOTOSHOP字体设计-雕刻效果
  • 用Photoshop制作网页中外壳界面
  • photoshop抠图:巧抠美发换背景
  • photoshop技巧167条(3)

平面设计阅读总排行

  • Photoshop字体特效
  • Photoshop打造非主流MM个性照片
  • Photoshop图层样式实现真实水滴
  • 用photoshop创建霓虹灯效果
  • 用Photoshop制作钻石字
  • 运用Photoshop打造照片朦胧梦幻效...
  • PHOTOSHOP字体设计-雕刻效果
  • 用Photoshop制作网页中外壳界面
  • photoshop抠图:巧抠美发换背景
  • photoshop技巧167条(3)

广告位置

字母检索 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 回到顶部

关于我们 | 版权声明 | 免责条款 | 广告联系 | 软件发布 | 下载帮助 | 下载排行 | 网站地图 | 特别鸣谢 | 友情连接

copyright; 2005-2008 D9soft.com 第九软件网 版权所有