用PS做一个modern的网页.doc

用PS做一个modern的网页 在虚构的环境里设计一个完整的网站风格.首先要确定初始的网 页布局,然后再加入网页的元素.目的是为了创建一个有现代化感 ,清爽的网页布局编码做准备. 从别的网站中寻找灵感,来设计一个清爽而又干净的网站布局.这 个网站主要的特色是:用横向来分割布局.用色彩丰富的头部来介 绍网站的内容;用一个友好的欢迎消息来介绍事例;最后在页脚分 两列来填充页脚的资料. 一个好的设计大多来源于在纸上的构思.所以我们要养成在一张 纸上构图.你可以用铅笔,来自由的构造一个粗略的布局. 规画出一个线框也有助于我们了解一个网站的层次结构,并可以 深入的了解最佳设计的位置. 1.在PS中新建一个文件,设置如图.在设置网站的尺寸时,看下主 流的显示器是多大,这样可以让网站的整体设计更加的友好. 2.在文件中心部分添加辅助线,使其宽度为960px.然后再新建一 个基本的网格让项目对准(PS:木木也没有用过网格,知道的请补 一下谢谢.) 3.新建一个图层来做网页的导航.给其一个宽度,然后填充白色. 双击这个图层打开图层样式表,先择颜色渐色为:灰色渐变为白色 ,点确定. 4.新建一个图层来做头部展示的部位.先矩形选区画出给定的宽 度,然后填充渐变两个具有活力的颜色.再为其添加个内阴影让它 看起来更有深度. 5.细腻的纹理质感,能给一个设计带来画龙点眼的效果.选择头部 展区图层按crtl+