跟大家讲讲怎么用PS做网页设计平面图。第一次写教程。例子用KUGOU的首页。（不是我设计的）
1.新建文件，我定义的大小是1022PX*800PX
2.拉出辅助线
3。做导航条，此导航条底部有一条为了增加质感的1px的白色线条，用直线工具和钢笔工具描边都可以。。（具体看我发的源文件）
导航条就是做一个矩形选区，填充一个渐变。或者用图层样式里面的渐变叠加。
导航条中间的分割线做法很多。做法一，画2条宽1PX的竖线，一条蓝色，一条白色
用椭圆选框工具羽化一下，羽化的像素2PX左右吧。自己多试试
做法二，用钢笔工具做一条路径，画笔描边，画笔的大小为1px，勾选模拟压力选项。
4左边广告的制作
蓝色的部分，先做一个圆角矩形。半径为4PX，自己去试试看。
注意橘黄色的部分为了增加质感有一个黄色的线条，用钢笔工具做一个90°的角，把头部羽化一下即可，方法上面说过了。
5，水晶按钮
做法看我的源文件，不过说了。
5右边新闻
画一个矩形选框。然后用画笔描边
标题后面的底色的做法
做一个矩形选框填充淡蓝到白色的渐变。
就说到这里吧，这是我做网页平面图用到的一些方法。例子用了KOGOU的首页
我做网页平面图的习惯不怎么好。(*^__^*) 嘻嘻……。
网页里面的框框什么最好的用矢量的形状图层做，这样方便修改！！
我一般就喜欢用喜欢用选区描边做。
说到这里吧，具体的看我的源文件。第一次写教程。
源文件
kugou.psd
[
本帖最后由 serm 于 2008-5-18 14:41 编辑 ]
