photoshop制作960网格系统的网页模板

《photoshop制作960网格系统的网页模板》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、photoshop制作960网格系统的网页模板　　在photoshop中学习制作基于960网格系统的网页模板，你将会学到图层效果和定位元素相关知识。　　最终效果预览　　　　图片看不清楚？请点击这里查看原图（大图）。　　第一步　　一般在Photoshop中制作网页模板的时候，我使用960网格系统。现而今这个网格系统在a无衬线字体创建菜单项。只需要输入一些大写的同色的字体。一般我喜欢把大写字体的字间距调大一点。选择字体，勾选窗口>字符，然后在字符面板中调整字间距。每个菜单项都在不同的图层中调整。123下一页[感谢阅读这篇文章，..，]　　　　图片看不清楚？请点击这里查看原图（大图）。　　第

2、十步　　把所有的菜单项加入一个图层组，复制一个副本，然后把色彩调为灰色，这样就有两个菜单组了，一个是蓝色的，一个是灰色的。这样做是为了在网页中产生一个鼠标悬停变色效果。每次同时只让一个菜单项可见，效果如图：　　　　图片看不清楚？请点击这里查看原图（大图）。　　第十一步　　如果站点需要RSS订阅功能，那么可以加入一个自定义的RSS订阅图标。首先创建一个蓝色矩形框，然后用Rock1，组中是第一条新闻项的所有元素。　　　　图片看不清楚？请点击这里查看原图（大图）。　　第十七项　　然后加入新闻内容字体，右上角加入一个日期，这些都是Item1图层组的元素。上一页123下一页[感谢阅读这篇文章，..，]

3、　　　　图片看不清楚？请点击这里查看原图（大图）。　　第十八步　　使用淡灰色画上一个矩形框作为新闻项的背景样式。　　　　图片看不清楚？请点击这里查看原图（大图）。　　第十九步　　复制2个图层组item1，把中间那个图层组的灰色背景去掉。　　　　图片看不清楚？请点击这里查看原图（大图）。　　第二十步　　我认为可以利用边框来放一个flickr组。首先放置一个类似于新闻样式的标题。然后加入尺寸为7575的图片。可以到上面提及的站点上下载缩略图，然后按照下面的样式排版。　　　　图片看不清楚？请点击这里查看原图（大图）。　　第二十一步　　选择所有缩略图，然后按Ctrl+E合并图层。然后图层选择混合选项

4、，按照下图设定：　　　　图片看不清楚？请点击这里查看原图（大图）。　　　　图片看不清楚？请点击这里查看原图（大图）。　　第二十二步　　在页面中加入一个带描边样式的广告栏。　　　　图片看不清楚？请点击这里查看原图（大图）。　　第二十三步　　接下来页脚区域加入一些额外信息，比如友情链接，客户，版权等。　　　　图片看不清楚？请点击这里查看原图（大图）。　　　　图片看不清楚？请点击这里查看原图（大图）。　　第二十四步　　最后一步需要在页面的各区域之间加入分割线，让页面看起来更有序一些。创建新图层，选择画笔工具，直径设置为1px，然后把前景色设置为中灰色，可以参照下图画线，记住按住shift哦。　　　

5、　图片看不清楚？请点击这里查看原图（大图）。上一页123[感谢阅读这篇文章，..，]