ps制作网格线(ps如何制作网格图案)

本文主要介绍ps制作网格线(ps如何制作网格)，下面跟着东辰网详细了解一下吧。

至于网格设计，一般看起来比较整洁规范，有时候看起来比较专业。但网格设计相对复杂，往往需要精确的测量和列的划分。960网格系统/960网格系统，这是一套工具，让您快速创建网格设计。它被称为960，这意味着模板的宽度是960像素。之所以用960像素作为标准，是因为960像素的灵活性很高。今天，我们将教你如何制作一个960网格系统的)

960网格系统的特点是将960像素的网页分为12栏布局和16栏布局。12列版式将总宽度分为12部分，每部分宽度为60px，而16列版式分为16部分，每部分宽度为40px，每部分的左右边距为10px，这样每列就产生了20px的间隙。

先看最终效果图

根据960网格系统的定义，我们找到一个960像素，12个相等的部分，每个部分的左右边距为10px。图片缩小到这里。做的时候可以按照960像素裁剪。可以从960网格系统官网下载排版资料。(见960网格系统)

创建一个新的层，其大小是10个相等的部分填充在中间，距离其余两个层5个像素等份在左边和右边。充满了黑色。

然后新建一个图层，左右各添加一个白色到黑色的渐变。效果如下:

删除中间的黑层。

接下来，删除中间所有的十等份。当然可以隐藏中间的十等份，下面的操作可以参考这十等份来调整位置。

添加一条垂直虚线。制作网页时，可以使用虚线边框来制作这种虚线。这里ps只是为了效果。

完成文字和导航，导航的位置可以参照前面十等分布局。

为了让读者知道它在哪个页面上，我们将当前标签更改为不同的颜色。

添加RSS阅读标签的图片。

。

插入标题，文本

好吧，让我们s对应十等份的位置！

基色和副本

在右侧添加一张75*75像素的图片。

让s给这些图片加一个像素天蓝色边框，我们可以在剪切网页的时候直接写CSS。

再加句话，我们自己也可以做960网格系统！

这个例子其实做起来很简单，主要是根据960网格系统的布局，来把握每个元素的定位。

至于网格设计，通常看起来比较整洁规范。有时候看起来更专业。但网格设计相对复杂，往往需要精确的测量和列的划分。960网格系统/960网格系统，这是一套工具，让您快速创建网格设计。它被称为960，这意味着模板的宽度是960像素。之所以用960像素作为标准，是因为960像素的灵活性很高。今天，我们将教你如何制作一个960网格系统的)

960网格系统的特点是将960像素的网页分为12栏布局和16栏布局。12列版式将总宽度分为12部分，每部分宽度为60px，而16列版式分为16部分，每部分宽度为40px，每部分的左右边距为10px，这样每列就产生了20px的间隙。

先看最终效果图

根据960网格系统的定义，我们找到一个960像素，12个相等的部分，每个部分的左右边距为10px。图片缩小到这里。做的时候可以按照960像素裁剪。可以从960网格系统官网下载排版资料。(见960网格系统)

创建一个新的层，其大小是10个相等的部分填充在中间，距离其余两个层5个像素等份在左边和右边。充满了黑色。

然后新建一个图层，左右各添加一个白色到黑色的渐变。效果如下:

删除中间的黑层。

接下来，删除中间所有的十等份。当然可以隐藏中间的十等份，下面的操作可以参考这十等份来调整位置。

添加一条垂直虚线。制作网页时，可以使用虚线边框来制作这种虚线。这里ps只是为了效果。

完成文字和导航，导航的位置可以参照前面十等分布局。

为了让读者知道它在哪个页面上，我们将当前标签更改为不同的颜色。

添加RSS阅读标签的图片。

。

插入标题，文本

好吧，让我们s对应十等份的位置！

基色和副本

在右侧添加一张75*75像素的图片。

让s给这些图片加一个像素天蓝色边框，我们可以在剪切网页的时候直接写CSS。

再加句话，我们自己也可以做960网格系统！

这个例子其实做起来很简单，主要是根据960网格系统的布局，来把握每个元素的定位。

了解更多ps制作网格线(ps如何制作网格图)相关内容请关注东辰网。