這篇文章我們來(lái)說(shuō)說(shuō)如何在Photoshop中創(chuàng)建雜色背景圖案。雜色背景圖案看上去稀松平常，沒(méi)什么出眾的效果，但是如果將其應(yīng)用到網(wǎng)頁(yè)上以后就會(huì)發(fā)現(xiàn)這樣的雜色背景給網(wǎng)頁(yè)著實(shí)增色不少(如下圖)。雜色雖然是很細(xì)微的效果，但卻打破了單色背景的單調(diào)性，讓網(wǎng)頁(yè)看上去更富有質(zhì)感。

一、設(shè)計(jì)作品

1、Billy Tamplin

2、DConstruct

3、Dribbble

4、Heyindy

5、Kennymeyers

二、創(chuàng)建方法

那么如何在Photoshop中創(chuàng)建雜色背景圖案呢?方法很簡(jiǎn)單，步驟如下：

1、新建一個(gè)文檔(Ctrl+N)，尺寸為200像素乘以200像素大小。尺寸不能太小，最小不小于75像素，以防止在網(wǎng)頁(yè)中平鋪后看出背景的重復(fù)性。也無(wú)需太大，因?yàn)槲覀冞€需要考慮到頁(yè)面載入的時(shí)間。

2、選擇矩形工具(U)，畫一個(gè)完全覆蓋背景圖層的矩形。命名為”Base Color”，我們這里選擇顏色為#EBEBEB，當(dāng)然你也可以選擇任何你喜歡的顏色。

3、再新建一個(gè)圖層，命名為”Noise Layer”。

4、選擇矩形選區(qū)工具(M)，在”Noise Layer”上畫一個(gè)覆蓋整個(gè)文檔的選區(qū)。然后在菜單欄選擇Edit>Fill命令，或在文檔上點(diǎn)擊右鍵選擇Fill命令，將選區(qū)填充為白色。之后按下”Ctrl+D”快捷鍵取消選區(qū)。

5、接下來(lái)我們要將”Noise Layer”轉(zhuǎn)換為智能物件(Smart Object)，你可以通過(guò)在”Noise Layer” 上點(diǎn)擊右鍵，然后選擇”轉(zhuǎn)換為智能物件(Convert to Smart Object)”或者通過(guò)選擇菜單欄的”濾鏡(Filter)菜單中的”轉(zhuǎn)換為智能濾鏡(Convert for Smart Filters)”命令來(lái)完成。

將圖層轉(zhuǎn)換為智能物件的原因是智能物件應(yīng)用濾鏡后，你隨時(shí)可以更改濾鏡的參數(shù)值來(lái)調(diào)整濾鏡的效果而不用一遍一遍重新做。接下來(lái)，我們選擇濾鏡(Filter)>雜色(Noise)>添加雜色(Add Noise)命令來(lái)給文檔添加雜色，數(shù)量選擇4.8%，高斯散布，勾選單色選項(xiàng)框。完成之后，點(diǎn)擊確定。

6、將”Noise Layer”的圖層混合模式更改為”圖層疊加(Multiply)”，這樣濾掉了白色后，背景顏色就顯現(xiàn)出來(lái)了。現(xiàn)在你可以更改”Base Layer”圖層的顏色為任何你喜歡的顏色。

以上就是雜色背景圖層的基本樣式，你可以將它保存下來(lái)直接用作網(wǎng)頁(yè)的背景圖片。當(dāng)然你還可以按照下面文章中介紹的方法做一些修改和變化，設(shè)計(jì)出不同顏色和感覺(jué)的雜色背景圖片。