Photoshop制作网页：从零设计一个漂亮的网页12 - 网页设计.docx

画个直角的长方形？)为了使激活的按钮更加明显，我们将给它添加一个时尚的背景。为了达到这样的效果我们把形。设置其有1

画个直角的长方形？)为了使激活的按钮更加明显，我们将给它添加一个时尚的背景。为了达到这样的效果我们把

形。设置其有1像素的灰色边。做到这里，我们的设计就完成了。最后总结我希望你喜欢本教程并且从中或多或少

分而为它郑家一个更好的角效果。用直接选取工具单击这个图形的路径，单击垂直点然后按住shift键往下拉

用变形工具稍微旋转。重复这个操作几次不要忘记整理图层，这里新建图层夹把图层归类。我认为这一个部分要比

你是否曾经想过设计一个漂亮的网页，但是却不知道怎样入手？说实话，几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页，我就希望自己有技术创作这样的设计作品。

今天我可以这么做了，而且我将教你怎么做这样的设计！从根本上，对于这种设计你需要一点photoshop的操作技能和观察细节的能力。通过以下的教程，我将会指出其中极细微的细节之处，而这些细节讲使你的网页设计漂亮起来。打开photoshop,我们开始啦！

较大的，因此我把范围限定在主区域上的一个大的盒子里面。首先创建一个大的淡灰色的大概高220像素的长方形。设置其有

较大的，因此我把范围限定在主区域上的一个大的盒子里面。首先创建一个大的淡灰色的大概高220像素的长方

形。设置其有1像素的灰色边。做到这里，我们的设计就完成了。最后总结我希望你喜欢本教程并且从中或多或少

用变形工具稍微旋转。重复这个操作几次不要忘记整理图层，这里新建图层夹把图层归类。我认为这一个部分要比

一个阴影：在切换菜单的后面如上图所示画一个深灰色的长方形。点击图层区底部的小图标给该层增加一个蒙版。

正文

先看效果图

一个阴影：在切换菜单的后面如上图所示画一个深灰色的长方形。点击图层区底部的小图标给该层增加一个蒙版。一层，设置该层模式为叠加，重复第五步的效果添加的操作。在添加了一些按钮和漂亮的条纹之后，头部区域就是像上面那样子的。不要方剂把图层都放在’header

一个阴影：在切换菜单的后面如上图所示画一个深灰色的长方形。点击图层区底部的小图标给该层增加一个蒙版。

一层，设置该层模式为叠加，重复第五步的效果添加的操作。在添加了一些按钮和漂亮的条纹之后，头部区域就是

像上面那样子的。不要方剂把图层都放在’header层’文件夹里面。:)第十九步最终效果图里面你会看到

第一步—下载960网格模板

我一直以来做的设计几乎全部是基于

我一直以来做的设计几乎全部是基于960网格模板的.因此在我们开始创作之前，先下载这个模板.你能在960.gs上找到这些模板.下载之后解压zip里面关于PSD的模板.你会发现有两种规格:一个是12栏式的而另一个是16栏式的.他们的区别就像名字所说的，一个是按12栏分布一个按16栏.更详细的介绍一下吧,如果你的设计里面分3个区块你就选择12栏式的,那是因为12能被3整除;同理假如你的设计分四个区块,你可以选12栏式或者16栏式，那时因为12和16都可以被4整除.你会发现这个技巧将用于下面教程.

第二步—构造你想象的结构

在内容区域里面有很漂亮的切换页。为了创建这种切换页我们需要实现额外的一些操作，这是很有必要的。首先用圆角长方形工具创建一个高70px圆角半径为

在内容区域里面有很漂亮的切换页。为了创建这种切换页我们需要实现额外的一些操作，这是很有必要的。首先用

圆角长方形工具创建一个高70px圆角半径为10px的图形（注意要画路径图），现在我们不要底部圆角的部

现在我们回到层结构那里提早做一些工作.创建一个空的层文件夹并命名为”topbar”移.动所有的图层到

图层）使部分黑色去掉。结果，我们创建了一个比较好看的阴影效果。再给它加上细微的阴影效果。复制这一层并这个文件夹里面（包括logo,条纹

图层）使部分黑色去掉。结果，我们创建了一个比较好看的阴影效果。再给它加上细微的阴影效果。复制这一层并

这个文件夹里面（包括logo,条纹,搜索框,注册按钮，导航和背景）.为了让两个图片更加突出，可以新建

一个阴影：在切换菜单的后面如上图所示画一个深灰色的长方形。点击图层区底部的小图标给该层增加一个蒙版。

一层，设置该层模式为叠加，重复第五步的效果添加的操作。在添加了一些按钮和漂亮的条纹之后，头部区域就是

用变形工具稍微旋转。重复这个操作几次不要忘记整理图层，这里新建图层夹把图层归类。我认为这一个部分要比像上面那样子的。不要方剂把图层都放在’header层’文件夹里面。

用变形工具稍微旋转。重复这个操作几次不要忘记整理图层，这里新建图层夹把图层归类。我认为