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

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

1、Billy Tamplin

2、DConstruct

3、Dribbble

二、創(chuàng)建方法

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

1、新建一個(gè)文檔（Ctrl+N），尺寸為200像素乘以200像素大小。尺寸不能太小，最小不小于75像素，以防止在網(wǎng)頁中平鋪后看出背景的重復(fù)性。也無需太大，因?yàn)槲覀冞€需要考慮到頁面載入的時(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、接下來我們要將”Noise Layer”轉(zhuǎn)換為智能物件（Smart Object），你可以通過在”Noise Layer” 上點(diǎn)擊右鍵，然后選擇”轉(zhuǎn)換為智能物件（Convert to Smart Object）”或者通過選擇菜單欄的”濾鏡（Filter）菜單中的”轉(zhuǎn)換為智能濾鏡（Convert for Smart Filters）”命令來完成。

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

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

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

本文作者王飛，感謝原作者。

本文由沈陽網(wǎng)站設(shè)計(jì)公司－沈陽易勢科技提供，如需轉(zhuǎn)載請注明出處。

沈陽易勢科技擁有專業(yè)設(shè)計(jì)團(tuán)隊(duì)為企業(yè)提供網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)平臺開發(fā)服務(wù)。