当前位置: 首页 > 优图知识库  > PS教程 > PS基础教程

Photoshop中创建杂色背景图案教程

2019/1/3 15:25:32 人评论

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

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

一、设计作品

1、Billy Tamplin

Photoshop中创建杂色背景图案,52photoshop教程

2、DConstruct

Photoshop中创建杂色背景图案,52photoshop教程

3、Dribbble

Photoshop中创建杂色背景图案,52photoshop教程

4、Heyindy

Photoshop中创建杂色背景图案,52photoshop教程

5、Kennymeyers

Photoshop中创建杂色背景图案,52photoshop教程


_ueditor_page_break_tag_

二、创建方法

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

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

Photoshop中创建杂色背景图案,52photoshop教程

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

Photoshop中创建杂色背景图案,52photoshop教程

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

Photoshop中创建杂色背景图案,52photoshop教程

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

Photoshop中创建杂色背景图案,52photoshop教程

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

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

Photoshop中创建杂色背景图案,52photoshop教程

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

Photoshop中创建杂色背景图案,52photoshop教程

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


相关资讯

  • ps美容教程之画出纤长睫毛

    1、在工具栏上选择画笔工具,或按F5会出现一个画笔浮动面板,找到一个像草的形状。  2、睫毛的长短用直径来调节,睫毛的稀密用间距的百分比来调节,睫毛的形状用角度来调节,然后我们从左眼的上眼皮开始从左至

    2019/1/3 14:47:01
  • PS怎么绘制碎冰风格海报设计

    PS怎么绘制碎冰风格海报设计

    2019/1/3 14:47:01
  • Photoshop详细解析后期图像处理五个好习惯

    由于越来越多新同学的加入,很多对PS的操作完全不熟练,所以今天野郎打算分享五个PS很重要的操作习惯,这些习惯都非常的重要,下面让我们一起来看看吧。1、Ctrl+J复制背景图层:有看野郎教程的童鞋都有注

    2019/1/3 14:46:52
  • PS新手教程之利用快速蒙版建立局部选区

    有时候我们对照片,尤其是人像照片进行局部调色时,需要精准一点,比方说我们对模特的面部进行调色时,需要建立局部选区,那么有什么方法能够快速建立呢,我们就以下图为例说明一下如何用快速蒙版选中模特的面部,其

    2019/1/3 14:46:36