Photoshop中创建杂色背景图案

2016-02-16 02:35 101 1 收藏

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

【 tulaoshi.com - PS 】

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

一、设计作品

1、Billy Tamplin

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

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教程,图老师教程网

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

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

(本文来源于图老师网站,更多请访问http://www.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教程,图老师教程网

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

来源:http://www.tulaoshi.com/n/20160216/1566991.html

延伸阅读
PS鼠绘梅花背景图案的古装美女 教程作者展示了一幅较为忧伤的古典插画。不断飘落的花瓣增加了女孩忧伤的心思,散乱的头发及忧郁的眼神,告www.tulaoshi.com诉我们她真正期盼他的回归。。。作者整个鼠绘的过程都描述的非常详细,过程图也非常丰富,喜欢鼠绘,尤其是喜欢古典鼠绘的朋友可以尝试一下。最终效果 局部放大图 ...
标签: 电脑入门
①启动Excel2007,单击菜单栏--页面布局,找到页面设置选项卡下的背景按钮,单击它。 ②这时弹出一个界面,我们打开本地精美的图片。 ③单击确定之后,图片应用到表格中,如下图所示。 ④具体的效果依据你插入图片的效果而定,图片越清晰,那就效果越好。
图案纹理是设计师常用的素材之一,而无缝纹理通常用作背景,比如网页、微博、个人空间等等,今天我们分享22个漂亮的无缝图案纹理素材,即使用来做装饰也很不错,希望大家喜欢。 下面是素材的详细信息。 8 Free Seamless Vector Topographic Map Pattern 类似地图上的图案纹理,布满很多不同形状的轮廓线,这类的纹理设计也是很特别的,加上漂...
矢量图的好处就是彻底解决了受像素所限制的高清画质显示,但与此同时,矢量图却也表现得较为呆板。要平衡这对矛盾,我们需要的就是在写实性上下功夫。矢量图,毋庸置疑,一定要自己亲自作画。今天,我们就和大家一起来练习矢量图作画当中的写实技巧,创作对象是一张奶酪背景图案,来学吧。 一、观察 先选一张真实的奶酪照片,认真研究一下照...
Patterns是设计师经常需要的素材之一。这个小小的素材可以瞬间改变设计的整体布局,在设计师中使用的很频繁和流行。对于不熟悉的朋友其实也间接的运用过这个功能。比如我们的微博背景图,很多朋友就是用小图平铺整个屏幕的。Patterns也类似一样的原理。可以让你的设计打底更完美和迅速。今天我们要分享的就是45个免费有用的高质量矢量Patterns...

经验教程

174

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部