沈陽(yáng)網(wǎng)站設(shè)計(jì)，易勢(shì)為您量身打造！

      這篇文章我們來(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

二、創(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)了?，F(xiàn)在你可以更改”Base Layer”圖層的顏色為任何你喜歡的顏色。

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

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

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

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