7.4.4 网站头部设计.pptVIP

7.4.4 网站头部设计 网页设计中网页头部是最重要的视觉元素，在很多博客网页中，它甚至是唯一的视觉元素，所以它的作用可以说是相当大的。网页头部必须与网站的风格配合，并能传达视觉上的信息，让人看一眼就知道这个网站提供什么产品或服务。 第一步：新建一个950px*370px像素大小的新文档，用参考线将画布分割成三部分，标志及名称区域高度97px，导航高度50px，banner高度223px。 第二步：打开房地产素材图片，用移动工具拖入画布，在图层面板改名为“banner”,新建一个图层，用矩形选框工具在画布头部画一个950px*97px的矩形选区，填充颜色为“#5d0f09”，然后双击该图层打开图层样式，勾选渐变叠加，混合模式为叠加，渐变效果为黑色到白色的线性过度。 第三步：打开白色透明花纹素材，移入画布。 第四步：参照上一讲的课程，绘制一个导航条，给导航条加上渐变叠加，加上竖分割线，导航上下各画一条1px的直线。 第五步：输入导航菜单，调整字体颜色和大小，调整文字间距。 第六步：选择自定义形状工具画一个形状代替标志，输入公司名称，调整字体、颜色和大小。 第七步：在顶部右边输入广告语并调整文字大小颜色等。 第八步：在Banner上输入广告语。 第九步：点菜单文件存储文件，保存为psd格式，方便后面修改，然后再点菜单存储为web和设备所用格式，保存为jpg格式文件供切片分割。 第十步：导入4副banner广告素材，分别输入不同的广告语，方便网站中Banner广告的切换显示。 * * 第十一步：对制作完成的网页头部切片输出。