Photoshop中创建杂色背景图案

YY君绯大人

YY君绯大人

2016-02-16 02:35

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop中创建杂色背景图案教程,希望对大家能有一点小小的帮助。

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

一、设计作品

1、Billy Tamplin

Photoshop中创建杂色背景图案,PS教程,图老师教程网

2、DConstruct

Photoshop中创建杂色背景图案,PS教程,图老师教程网

3、Dribbble

Photoshop中创建杂色背景图案,PS教程,图老师教程网

4、Heyindy

Photoshop中创建杂色背景图案,PS教程,图老师教程网

5、Kennymeyers

Photoshop中创建杂色背景图案,PS教程,图老师教程网

二、创建方法

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

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

Photoshop中创建杂色背景图案,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop中创建杂色背景图案,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop中创建杂色背景图案,PS教程,图老师教程网

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

Photoshop中创建杂色背景图案,PS教程,图老师教程网

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

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

Photoshop中创建杂色背景图案,PS教程,图老师教程网

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

Photoshop中创建杂色背景图案,PS教程,图老师教程网

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

展开更多 50%)
分享

猜你喜欢

Photoshop中创建杂色背景图案

PS PS基础
Photoshop中创建杂色背景图案

Photoshop中创建多种样式的网格背景图案

PS PS基础
Photoshop中创建多种样式的网格背景图案

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

简单背景图案

PS PS教程
简单背景图案

Photoshop简单制作可爱的背景图案

电脑网络
Photoshop简单制作可爱的背景图案

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作针织毛衣纹理背景图案

PS PS基础
Photoshop制作针织毛衣纹理背景图案

Photoshop给图案背景图片更换颜色

PS PS基础
Photoshop给图案背景图片更换颜色

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出湖边婚纱照片冷色效果

Photoshop调出湖边婚纱照片冷色效果

Photoshop中创建内容盒阴影效果

Photoshop中创建内容盒阴影效果
下拉加载更多内容 ↓