在Photoshop中创建杂色背景图案
发布人:一全科技 来源:飞鱼的声纳 发布于:2011-03-28 22:37:58 浏览:1172

辽宁12选5走势图表 www.jc1o.cn 接上篇文章,这篇文章我们来说说如何在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

3、再新建一个图层,命名为”Noise Layer”。

noise layer.jpg

4、选择矩形选区工具(M),在”Noise Layer”上画一个覆盖整个文档的选区。然后在菜单栏选择Edit》Fill命令,或在文档上点击右键选择Fill命令,将选区填充为白色。之后按下”Ctrl+D”快捷键取消选区。

fill white.jpg

5、接下来我们要将”Noise Layer”转换为智能物件(Smart Object),你可以通过在”Noise Layer” 上点击右键,然后选择”转换为智能物件(Convert to Smart Object)”或者通过选择菜单栏的”滤镜(Filter)菜单中的”转换为智能滤镜(Convert for Smart Filters)”命令来完成。

将图层转换为智能物件的原因是智能物件应用滤镜后,你随时可以更改滤镜的参数值来调整滤镜的效果而不用一遍一遍重新做。接下来,我们选择滤镜(Filter)》杂色(Noise)》添加杂色(Add Noise)命令来给文档添加杂色,数量选择4.8%,高斯散布,勾选单色选项框。完成之后,点击确定。

add noise.jpg

6、将”Noise Layer”的图层混合模式更改为”图层叠加(Multiply)”,这样滤掉了白色后,背景颜色就显现出来了。现在你可以更改”Base Layer”图层的颜色为任何你喜欢的颜色。

multiply.jpg

以上就是杂色背景图层的基本样式,你可以将它保存下来直接用作网页的背景图片。当然你还可以按照下面文章中介绍的方法做一些修改和变化,设计出不同颜色和感觉的杂色背景图片。

参考文章:

《Create Your Own Sexy Background Patterns (Part 2: Noise Patterns) 》

《Noise Texture in Photoshop》

  • 为什么说一直辛苦劳作的农民没有富起来?而不说一直勤劳的农民没有富起来? 2019-06-15
  • 刘红:关注乳腺健康 做好体检预防工作 2019-06-11
  • 中国伊斯兰教协会“四进”清真寺活动启动 2019-06-05
  • 我国社会组织正成为全球治理体系中的新生力量 2019-06-05
  • 林肯全新Navigator领航员正式上市 售112.80万元起 2019-05-27
  • “川商走进新经济”第一场活动落幕 2019-05-14
  • 还加上制裁伊朗引起价格飙升的石油战 2019-05-14
  • 青海:52个客运站卫生间将全面改造 2019-05-12
  • 依规治党和依法治国结合的典范 2019-05-12
  • 内蒙古水利厅厅长付万惠接受纪律审查和监察调查 2019-05-11
  • 传销就是利用这种劣根性。 2019-05-08
  • 女性之声——全国妇联 2019-04-22
  • 不忘初心继续前进——七集政论专题片 2019-04-21
  • 百姓故事:摔跤吧!女孩 2019-04-16
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-04-16
  • 533| 533| 864| 96| 374| 851| 248| 883| 64| 112|