欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是通过网络精心收集筛选的最优节选：“Photoshop绘制用作页面背景的网页图案”，请注意：文中所谈及的内容不代表本站的真正观点，也请不要相信各种联系方式。下面是关于网络上Photoshop绘制用作页面背景的网页图案的整理详细信息
本文发布时间:2016-04-14 16:31 编辑:勤奋者
精选教程
1、创建一个7像素乘7像素大小的文档，之所以选择7像素大小是因为我们要在文档中间画一条垂直线，使用奇数可以保证两边的空白同等大小。然后使用放大镜工具将文档放大到2000%。
2、新建一个图层，选择单列选区工具（M），居中选取1个像素宽的垂直选区，颜色填充为#F3F3F3。再新建一个图层，居中选取1个像素宽的水平选区，颜色仍然填充为#F3F3F3。
3、接下来将其保存为图案。选择编辑（Edit）>自定义图案（Difine Pattern）命令。之后就可以在图层样式（Layer Style）中的图案叠加（Pattern Overlay）中选择做好的图案样式使用了。
这样就完成了网格图案的基本样式。你还可以通过调整新建文档的大小，比如5个像素让网格密集一些，或者11个像素让网格稀疏一些。无论怎样，你都要记住，非常细微的图案效果平铺到整个网页页面的也会看上去比之前强烈得多，所以一定要挑选柔和的色彩。
实际上，将之前的十字网格图案旋转45°就是对角交叉线图案，但是这次我们要使用8像素乘以8像素大小的文档，为什么不是之前的7个像素呢？想一想就知道只有偶数像素大小的图案才可能让两条对角线的交点处于文档的中心点。所以这次我们要使用偶数像素大小的文档。
1、新建一个文档（Ctrl+N），8像素乘以8像素大小，使用放大镜工具将其放大至2000%。
2、新建一个图层，选择线条工具（U），将十字光标放置于文档的左上角，按住Shift键，向右下角方向画一条1像素宽的对角线，颜色选择#F3F3F3，再新建一个图层，从右下角向左上角画一条对角线，颜色任然为#F3F3F3。
3、和上面一样，选择编辑（Edit）>自定义图案（Difine Pattern）命令将其保存为图案。在图层样式（Layer Style）中的图案叠加（Pattern Overlay）中选择已经保存的图案样式应用到大幅文档中。
和上面的十字网格图案一样，你也可以调整线条之间的间距和线条颜色来获得让你满意的效果。
这就更简单了，只需要将上面对角交叉线图案的其中一条线去掉保存为自定义图案就可以了。
你还可以通过改变线条间的间距、线条的粗细以及线条的方向来创建不同样式的单向对角线图案。如下图：
到此为止，我们要给大家介绍的三种不同样式的网格背景图案就完成了。接下来如果你还想让这些图案有些变化，还可以给它们添加一些颜色和材质。添加颜色很简单，只需要给图案背景填充颜色就可以了。需要注意的是，颜色要柔和，对比度不要太强烈，一点点颜色就可以了。添加材质相对来说就要复杂一些，因为这些图案最终作为网页背景被平铺到整个页面之后，很难让人看不出来材质的重复，就像《在Photoshop中创建不规则无缝拼接图案》中简单平铺的绿草地糟糕的效果一样，这也正是无缝拼接技术在相对复杂的图案上所发挥的作用。以下有三点关于创建材质图案的要点：
让图案稍微大一些，这样平铺以后相对不容易看出来材质的重复性。但是还要留意图案的文件大小对于页面载入时间的影响。
图案的材质要低调一些，不要太突兀，有一点点感觉就可以了。
使用无缝拼接技术让图案的材质更不容易察觉。
接下来我们用一个例子来说明如何创建能够应用于网页背景的材质图案。
1、新建一个99像素乘以99像素大小的文档。新建一个图层，画出一个覆盖整个文档的矩形，给矩形应用之前我们创建的对角交叉线图案样式。
2、将文档放大到200%，新建图层，使用和背景色颜色相同的画笔工具，选择有细微材质的笔触随机在图案上点击几次直到得到让你满意的效果。切记效果不要太强烈。之后就可以将此材质图案保存为自定义图案应用于网页页面了。
详细操作
1十字网格图案1、创建一个7像素乘7像素大小的文档，之所以选择7像素大小是因为我们要在文档中间画一条垂直线，使用奇数可以保证两边的空白同等大小。然后使用放大镜工具将文档放大到2000%。
2、新建一个图层，选择单列选区工具（M），居中选取1个像素宽的垂直选区，颜色填充为#F3F3F3。再新建一个图层，居中选取1个像素宽的水平选区，颜色仍然填充为#F3F3F3。
3、接下来将其保存为图案。选择编辑（Edit）>自定义图案（Difine Pattern）命令。之后就可以在图层样式（Layer Style）中的图案叠加（Pattern Overlay）中选择做好的图案样式使用了。
这样就完成了网格图案的基本样式。你还可以通过调整新建文档的大小，比如5个像素让网格密集一些，或者11个像素让网格稀疏一些。无论怎样，你都要记住，非常细微的图案效果平铺到整个网页页面的也会看上去比之前强烈得多，所以一定要挑选柔和的色彩。
实际上，将之前的十字网格图案旋转45°就是对角交叉线图案，但是这次我们要使用8像素乘以8像素大小的文档，为什么不是之前的7个像素呢？想一想就知道只有偶数像素大小的图案才可能让两条对角线的交点处于文档的中心点。所以这次我们要使用偶数像素大小的文档。
1、新建一个文档（Ctrl+N），8像素乘以8像素大小，使用放大镜工具将其放大至2000%。
2、新建一个图层，选择线条工具（U），将十字光标放置于文档的左上角，按住Shift键，向右下角方向画一条1像素宽的对角线，颜色选择#F3F3F3，再新建一个图层，从右下角向左上角画一条对角线，颜色任然为#F3F3F3。
3、和上面一样，选择编辑（Edit）>自定义图案（Difine Pattern）命令将其保存为图案。在图层样式（Layer Style）中的图案叠加（Pattern Overlay）中选择已经保存的图案样式应用到大幅文档中。
和上面的十字网格图案一样，你也可以调整线条之间的间距和线条颜色来获得让你满意的效果。
这就更简单了，只需要将上面对角交叉线图案的其中一条线去掉保存为自定义图案就可以了。
你还可以通过改变线条间的间距、线条的粗细以及线条的方向来创建不同样式的单向对角线图案。如下图：
到此为止，我们要给大家介绍的三种不同样式的网格背景图案就完成了。接下来如果你还想让这些图案有些变化，还可以给它们添加一些颜色和材质。添加颜色很简单，只需要给图案背景填充颜色就可以了。需要注意的是，颜色要柔和，对比度不要太强烈，一点点颜色就可以了。添加材质相对来说就要复杂一些，因为这些图案最终作为网页背景被平铺到整个页面之后，很难让人看不出来材质的重复，就像《在Photoshop中创建不规则无缝拼接图案》中简单平铺的绿草地糟糕的效果一样，这也正是无缝拼接技术在相对复杂的图案上所发挥的作用。以下有三点关于创建材质图案的要点：
让图案稍微大一些，这样平铺以后相对不容易看出来材质的重复性。但是还要留意图案的文件大小对于页面载入时间的影响。
图案的材质要低调一些，不要太突兀，有一点点感觉就可以了。
使用无缝拼接技术让图案的材质更不容易察觉。
接下来我们用一个例子来说明如何创建能够应用于网页背景的材质图案。
1、新建一个99像素乘以99像素大小的文档。新建一个图层，画出一个覆盖整个文档的矩形，给矩形应用之前我们创建的对角交叉线图案样式。
2、将文档放大到200%，新建图层，使用和背景色颜色相同的画笔工具，选择有细微材质的笔触随机在图案上点击几次直到得到让你满意的效果。切记效果不要太强烈。之后就可以将此材质图案保存为自定义图案应用于网页页面了。
用户类似问题：
问题1：如何用photoshop制作网页背景图？
看你要做什么图咯。 >>详细
问题2：急，用PS做网页设计页面的时候，整个页面的小版块...
这一般是网页自动获取数据生成的。如果要使用PS来做的话也是可以的，不过做出来是图片效果没有直接生成的看着舒服。 >>详细
问题3：请问用photoshop怎么制作这个网页背景？一定加分~！
200分我给你作。 >>详细
问题4：我在ps那里制作了一张图片想用在DW做整个网页的背...
要把图片上传到相应文件夹，然后用作背景图 >>详细
问题5：网页制作或ps高手帮忙:在网页中插入图片.如何使图...
用PS把图片弄成透明的再保存为GIF格试，在网页中就可以是透明的了。 还有个办法就是用CSS里的虑镜功能，使图片的白色透明。 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-