网站设计 webdesign
当前位置:首页 > 网站建设专题 > 网站设计
在Photoshop中创建杂色背景图案
发布日期:2011-03-27 阅读次数:842 字体大小:

接上篇文章,这篇文章我们来说说如何在Photoshop中创建杂色背景图案。杂色背景图案看上去稀松平常,没什么出众的效果,但是如果将其应用到网页上以后就会发现这样的杂色背景给网页着实增色不少(如下图)。杂色虽然是很细微的效果,但却打破了单色背景的单调性,让网页看上去更富有质感。

一、设计作品

1、Billy Tamplin

billytamplin screenshot.jpg

2、DConstruct

dconstruct screenshot.jpg

3、Dribbble

dribbble screenshot.jpg

4、Heyindy

heyindy screenshot.jpg

5、Kennymeyers

kennymeyers screenshot.jpg

二、创建方法

那么如何在Photoshop中创建杂色背景图案呢?方法很简单,步骤如下:

1、新建一个文档(Ctrl+N),尺寸为200像素乘以200像素大小。尺寸不能太小,最小不小于75像素,以防止在网页中平铺后看出背景的重复性。也无需太大,因为我们还需要考虑到页面载入的时间。

new.jpg

2、选择矩形工具(U),画一个完全覆盖背景图层的矩形。命名为”Base Color”,我们这里选择颜色为#EBEBEB,当然你也可以选择任何你喜欢的颜色。

rectangle.jpg