传智播客网页平面设计学院-网页设计-网页导航制作 2.doc_第1页
传智播客网页平面设计学院-网页设计-网页导航制作 2.doc_第2页
传智播客网页平面设计学院-网页设计-网页导航制作 2.doc_第3页
传智播客网页平面设计学院-网页设计-网页导航制作 2.doc_第4页
传智播客网页平面设计学院-网页设计-网页导航制作 2.doc_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

导航在网站设计中占有举足轻重的地位,导航是整个站点中(特别是门户站)视觉的焦点和中心,其影响力仅次于Banner!导航的成败直接影响了整个站点的表现,不管是企业站,还是Flash站点,都不应该轻视导航的设计!在这里我就大概讲一下质感类导航的制作方式!我们可以把导航的质感分为几层,例如高光,泛光,点光,投影等,也就是基本一个实物应该具备的一些效果,把他们综合到界面上,就可以比较好的展现出界面的质感,详细请看下图!当然这种效果的制作的方法很多,那么我就按着我的个人经验和制作习惯为大家讲解一下制作的步骤第一步:绘制背景1、选择圆角矩形工具绘制背景2、双击背景层弹出图层样式,给背景增加投影来体现一下质感第二步:增加高光效果1、按住CTRL键点击点击背景层小窗口把背景层的形状提取出来,绘制高光2、出现选区3、新建图层,命名高光 4、选择渐变工具,绘制高光5、快捷键ctrl+D去掉选区 点击矩形选择工具删除多余的部分显示最终效果6、 增加高光线步骤同上把中间多余的部分删掉第三步:增加泛光1、 选择椭圆选框工具绘制一个选区2、 选择渐变,这个步骤之前已经介绍,我们通过变形工具来进行压缩实现我们需要的泛光效果3、 给泛光增加滤镜,高斯模糊放到上面显示最终效果第四步:增加内透光1、制作步骤和增加泛光步骤基本一致,不用加滤镜,把下面的部分删除显示最终效果第五步:增加投影1、 把泛光层从新复制一层来做投影(命名投影层)2、 修改投影层样式,将颜色叠加颜色调成黑色显示最终效果第六步:增加logo投影及文字1、 导入logo图片调整大小2、选择logo层增加图层蒙版3、 选择渐变工具,将渐变调成黑白4、 把背景选区的形状点出,前面有介绍5、 ctrl+shift+I进行反选删除多余的部分6

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论