網(wǎng)頁設(shè)計(jì)中建樹布景材質(zhì)凡是是按照設(shè)計(jì)標(biāo)的目的睜開設(shè)計(jì)的第一步，也是確定設(shè)計(jì)基調(diào)的主要環(huán)節(jié)。雖然年夜年夜都情形下，網(wǎng)頁布景材質(zhì)長短常細(xì)微和低調(diào)的，可是因?yàn)檎麄�布景典型圍較年夜，所以會給人強(qiáng)烈的心理感應(yīng)感染。所以這篇文章中，我會就網(wǎng)頁布景材質(zhì)建樹過程中常用到的體例做一總結(jié)，但愿對于巨匠在設(shè)計(jì)中的開首軌范能夠授與輔佐的參考。

　　一、使用現(xiàn)成的圖案來建樹網(wǎng)頁布景材質(zhì)。

　　1、下載現(xiàn)成的圖案聵式，或者自己脫手建樹圖案，關(guān)于若何自己建樹圖案，之前我寫的一篇文章《在Photoshop中建樹多種樣式的網(wǎng)格布景圖案》以及《在Photoshop中建樹犯警則無縫拼接圖案》可以作為參考。下載完或者建樹好圖案之后，在圖財(cái)揭捉?式中選擇圖案疊加即可。雖然看起來是很簡單的一個軌范，可是如不美觀有了高質(zhì)量的圖案聵式，效不美觀很是顯著。下面是我收集的一些經(jīng)典的圖案文件，其中搜羅五類圖案聵式。

　　下載：http://startwmlife.com/wp-content/uploads/2012/03/background-patterns.zip

　　2、如不美觀下載的圖案色調(diào)不合適設(shè)計(jì)要求的話，可以經(jīng)由過程圖層同化模式來進(jìn)行調(diào)整。好比我們想要建樹淺色的布景材質(zhì)，可是手頭的圖案聵式是暗色的，如不美觀圖案疊加的同化模式為正常的話，建樹出來的效不美觀如下圖：

　　可是我想用這款圖案做出淺色的布景來，該怎么做呢?這時辰就可以經(jīng)由過程調(diào)整圖案疊加的同化模式來實(shí)現(xiàn)。在布景色不美全是白色的情形下，一般像膳縵沔的圖案，經(jīng)由過程調(diào)整同化模式到亮光就能獲得如下圖的效不美觀。

　　3、還過錯勁的話，好比想要亮度再稍微再亮一點(diǎn)，還可以經(jīng)由過程新建調(diào)整圖層來實(shí)現(xiàn)。在這個例子中，使用色階調(diào)整圖層就可以實(shí)現(xiàn)我們的設(shè)計(jì)方針。你還可以經(jīng)由過程添加口角圖層來給整個布景材質(zhì)去色，經(jīng)由過程色相飽和度圖層調(diào)整布景材質(zhì)的色相以及明暗值。

　　4、經(jīng)由過程在圖案圖層上方新建一個顏色填充圖層，調(diào)整該圖層的圖層同化模式，我們可以給圖案圖層添加必然的顏色。好比加一點(diǎn)黃色進(jìn)去，或者加一點(diǎn)藍(lán)色。當(dāng)然這里我們依然可以經(jīng)由過程添加色相以及飽和度調(diào)整圖層來給原本是灰度的材質(zhì)上色，具體體例就是在色相飽和度調(diào)整圖層的對話框中勾選著色框，然后調(diào)整色相的滑動塊來實(shí)現(xiàn)。

　　《在Photoshop中建樹一個布紋材質(zhì)的網(wǎng)頁》可以作為這種體例的參考教程。

　　二、應(yīng)用濾鏡來建樹網(wǎng)頁材質(zhì)布景。

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

　　雜色布景效不美觀如下圖：

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

　　使用筆刷來建樹網(wǎng)頁布景材質(zhì)也很簡單，一般的軌范是，將前景色調(diào)整為白色，選擇畫筆工具，調(diào)整好巨細(xì)，在新建的圖層上隨機(jī)添加一些筆刷效不美觀，經(jīng)由過程多建幾個圖層，調(diào)整分歧圖層的圖透明度可以讓添加的材質(zhì)看上去更自然和真實(shí)。之后將圖層的同化模式調(diào)整為疊加或者柔光讓筆刷效不美觀和布景更好的融合。下面的圖片是添加了劃痕和做舊效不美觀的筆刷后，未更改圖層同化模式之前和更改后的效不美觀：

　　除了膳縵沔的做舊氣概常用到這種體例外，筆刷體例的應(yīng)用還經(jīng)常呈此刻水彩氣概的網(wǎng)頁設(shè)計(jì)過程中，下面的這兩個設(shè)計(jì)教程充拭魅展示了筆刷在建樹布景材質(zhì)中的體例。

　　《在Photoshop中建樹一個水彩氣概的網(wǎng)頁設(shè)計(jì)》

　　《建樹一個作舊的，半透明的小我網(wǎng)頁》

　　四、使用材質(zhì)圖片來建樹網(wǎng)頁布景

　　好比我們要讓網(wǎng)頁布景看上卻是紙質(zhì)的感受。當(dāng)然可以經(jīng)由過程添加分歧條理的濾鏡效不美觀模擬來實(shí)現(xiàn)近似于紙張的材質(zhì)，可是相較于直接把一張紙質(zhì)材質(zhì)的圖片拖到文檔中，經(jīng)由過程調(diào)整圖層的同化模式以及膳縵沔提到的各類調(diào)整圖層來實(shí)現(xiàn)的話，后面的一種體例做出來的效不美觀往往要更真實(shí)和自然。近似的還有木質(zhì)的布景材質(zhì)的實(shí)現(xiàn)。《在Photoshop中建樹一個游戲界面窗口》這篇文章很好的闡釋了這種布景材質(zhì)設(shè)計(jì)體例以及膳縵沔幾種體例的綜合運(yùn)用。

　　推薦閱讀

　　軟文，形軟而意不軟

軟文，其本意說的通俗一點(diǎn)就是文字廣告。與以往的硬廣告分歧，依托于中國的文化精髓的文字彼此組合形成各種讓酬報(bào)之贊嘆的語句。現(xiàn)在，越來越多的企業(yè)單元在收集上的廣告進(jìn)行了更多的投放，也無不為軟文打開了巨年夜>>>詳細(xì)閱讀

本文標(biāo)題：<b>創(chuàng)建網(wǎng)頁背景材質(zhì)時常用到的4種方法</b>

地址：http://www.sdlzkt.com/a/22/20120323/43479.html

 1/2    1  2 下一頁