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

核心提示： 第六步 新建一个图层组把两个边沿渐变矩形拖入其中，然后选定图层组，photoshop制作960网格系统的网页模板(3)，将不透明度设置为10%，图片看不清楚？请点击这里查看原图（大图），使用同样的蓝色，如果你熟悉色板，第七步 接下来加入两边的虚线效果，如果只需要在css中使用dashed边框

第六步

新建一个图层组把两个边沿渐变矩形拖入其中，然后选定图层组，将不透明度设置为10%。

　　图片看不清楚？请点击这里查看原图（大图）。

第七步

接下来加入两边的虚线效果。如果只需要在css中使用dashed边框，那么这个虚线效果在PS中是没有必要制作的。一个聪明的办法是使用图形变换工具；首先创建一个新图层，然后按Ctrl+T，然后把这个蓝色矩形稍微下移一些，然后连续按Ctrl+Shift+Alt+T。如果你感觉这个方法复杂了，可以手动的创建每个蓝色矩形。然后选定所有蓝色矩形，按Ctrl+E将它们合并。然后复制这个图层到右边，做成两个对称的边沿。

　　图片看不清楚？请点击这里查看原图（大图）。

第八步

现在加入网页标题和标识性语言，这里我使用到的字体是“Rockwell”。使用同样的蓝色。如果你熟悉色板，一个聪明的办法是分别新建一个蓝色、一个灰色色板以供后续使用。