平时浏览网页的时候多观察一下背景图片，不难发现基本都是纯色、渐变色和有纹理的图片居多。就拿纯色的背景来讲，看多了未免有些许单调，国外的很多设计师则喜欢用带有杂色颗粒的背景图片，添加杂色颗粒能很好地打破纯色背景的单调性，让网页看上去更具质感，同时带来一种新颖的感觉。

下面是一些国外网站使用杂色颗粒背景图片的效果，国内的网站好像有见过，但一时间想不起来……

下面是用PhotoShop简单制作一个杂色颗粒的网页背景的步骤：

1、新建一个100X100px的文档，背景图片由CSS平铺，不宜过小，否则容易看出背景图片重复，也不宜过大，要考虑背景图片载入时间。

2、新建一个图层，填充喜欢的底色，命名为底色。

3、再新建一个图层，填充黑色，命名杂色，在滤镜>杂色>添加杂色，选择高斯分布，单色。数量参数自己设置，选择自己喜欢的效果就行了。

4、在图层面板中选择杂色图层，图层混合模式中选择“滤色”，将黑色过滤掉，留下白色杂色颗粒，一张简单的白色杂色颗粒背景图案就完成了。

5、如果需要添加黑色的杂色颗粒，可以新建一个图层，填充白色，添加杂色，在图层混合模式中选择“正片叠底”，将白色过滤掉，留下黑色杂色颗粒。

以上是制作杂色颗粒背景图片的基本方法，比较简单，也可以在此基础上加上一些变化和修改，制作表现力更强的效果，比如使用渐变色、加一层面光或用此法处理一些素材图片，都有不错的效果。

目前处于学习阶段，望各位多多交流。