技術(shù)資訊

精致的網(wǎng)頁背景素材大全

2014-11-19 08:36:34

在現(xiàn)如今的時(shí)代里，網(wǎng)頁設(shè)計(jì)中創(chuàng)建背景材質(zhì)，這樣我們通常會(huì)根據(jù)設(shè)計(jì)方向展開設(shè)計(jì)的第一步，也是確定設(shè)計(jì)基調(diào)的重要環(huán)節(jié)之一，雖然大多數(shù)情況下，網(wǎng)頁背景材質(zhì)是非常細(xì)微和低調(diào)的，但是由于整個(gè)背景的范圍較大，所以會(huì)給人強(qiáng)烈的心理感受。所以這篇文章中，我會(huì)就網(wǎng)頁背景材質(zhì)創(chuàng)建過程中常用到的方法做一總結(jié)，希望對于大家在設(shè)計(jì)中的開頭步驟能夠給與幫助的參考。

一、應(yīng)用濾鏡來創(chuàng)建網(wǎng)頁材質(zhì)背景。

在使用濾鏡來給網(wǎng)頁背景添加材質(zhì)的方法中，最常見到的莫過于使用濾鏡中的添加雜色命令來實(shí)現(xiàn)需要的效果了。應(yīng)用步驟為，先將圖層轉(zhuǎn)轉(zhuǎn)為智能對象，目的是方便隨時(shí)調(diào)整濾鏡值。然后應(yīng)用濾鏡>雜色>添加雜色命令即可，非常簡單。一般來說，添加雜色時(shí)，濾鏡數(shù)值的設(shè)置非常低，一般使用1%就夠了，而且效果非常好，數(shù)值太大材質(zhì)看上去不夠自然。具體設(shè)置如下圖所示：

二、使用筆刷來添加質(zhì)感。

使用筆刷來創(chuàng)建網(wǎng)頁背景材質(zhì)也很簡單，一般的步驟是，將前景色調(diào)整為白色，選擇畫筆工具，調(diào)整好大小，在新建的圖層上隨機(jī)添加一些筆刷效果，通過多建幾個(gè)圖層，調(diào)整不同圖層的圖透明度可以讓添加的材質(zhì)看上去更自然和真實(shí)。之后將圖層的混合模式調(diào)整為疊加或者柔光讓筆刷效果和背景更好的融合。下面的圖片是添加了劃痕和做舊效果的筆刷后，未更改圖層混合模式之前和更改后的效果：

三、使用現(xiàn)成的圖案來創(chuàng)建網(wǎng)頁背景材質(zhì)。

1、下載現(xiàn)成的圖案樣式，或者自己動(dòng)手創(chuàng)建圖案，關(guān)于如何自己創(chuàng)建圖案，之前我寫的一篇文章《在Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案》以及《在Photoshop中創(chuàng)建不規(guī)則無縫拼接圖案》可以作為參考。下載完或者創(chuàng)建好圖案之后，在圖層樣式中選擇圖案疊加即可。雖然看起來是很簡單的一個(gè)步驟，但是如果有了高質(zhì)量的圖案樣式，效果非常顯著。下面是我收集的一些經(jīng)典的圖案文件，其中包括五類圖案樣式。

2、如果下載的圖案色調(diào)不符合設(shè)計(jì)要求的話，可以通過圖層混合模式來進(jìn)行調(diào)整。比如我們想要?jiǎng)?chuàng)建淺色的背景材質(zhì)，但是手頭的圖案樣式是暗色的，如果圖案疊加的混合模式為正常的話，創(chuàng)建出來的效果如下圖：

3、還不滿意的話，比如想要亮度再稍微再亮一點(diǎn)，還可以通過新建調(diào)整圖層來實(shí)現(xiàn)。在這個(gè)例子中，使用色階調(diào)整圖層就可以實(shí)現(xiàn)我們的設(shè)計(jì)目標(biāo)。你還可以通過添加黑白圖層來給整個(gè)背景材質(zhì)去色，通過色相飽和度圖層調(diào)整背景材質(zhì)的色相以及明暗值。

四、總結(jié)

實(shí)際上，在創(chuàng)建網(wǎng)頁背景材質(zhì)時(shí)，上面講到的方法都會(huì)涉及到，只不過依據(jù)設(shè)計(jì)目標(biāo)，有時(shí)只會(huì)用到其中的一種方法，比如雜色背景的話，應(yīng)用添加雜色的濾鏡命令往往就夠了，有時(shí)卻要復(fù)雜一些，可能上面的方法都會(huì)用得到。所以我們要依據(jù)總的設(shè)計(jì)目標(biāo)來選擇性的使用，但是這些方法不用說都是網(wǎng)頁設(shè)計(jì)中必須要掌握的，這樣我們的設(shè)計(jì)手法才能靈活多變

上一篇：淘寶網(wǎng)店如何做SEO優(yōu)化

下一篇：如何利用博客做網(wǎng)站優(yōu)化