當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>背景壁紙>教程內(nèi)容

ps中創(chuàng)建雜色背景圖案(3)

來源:未知 作者:飛魚的聲納 學(xué)習(xí):13416人次

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

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

1、Billy Tamplin

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

2、DConstruct

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

3、Dribbble

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

4、Heyindy

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

5、Kennymeyers

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

 

二、創(chuàng)建方法

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

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

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

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

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

3、再新建一個圖層,命名為”Noise Layer”。

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

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

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

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ù)值來調(diào)整濾鏡的效果而不用一遍一遍重新做。接下來,我們選擇濾鏡(Filter)>雜色(Noise)>添加雜色(Add Noise)命令來給文檔添加雜色,數(shù)量選擇4.8%,高斯散布,勾選單色選項(xiàng)框。完成之后,點(diǎn)擊確定。

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

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

Photoshop中創(chuàng)建雜色背景圖案,PS教程,16xx8.com教程網(wǎng)

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
燭紅駱2018-03-23 12:10
好喜歡這個網(wǎng)站
天似夢2017-05-29 12:52
這里就是ps教程論壇?
黑暗中強(qiáng)顏歡笑2017-05-28 08:16
好喜歡這個網(wǎng)站
焦慮狀況2017-05-28 01:15
在這里學(xué)到好多東西

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!