網頁設計中建樹布景材質凡是是按照設計標的目的睜開設計的第一步，也是確定設計基調的主要環節。雖然年夜年夜都情形下，網頁布景材質長短常細微和低調的，可是因為整個布景典型圍較年夜，所以會給人強烈的心理感應感染。所以這篇文章中，我會就網頁布景材質建樹過程中常用到的體例做一總結，但愿對于巨匠在設計中的開首軌范能夠授與輔佐的參考。
一、使用現成的圖案來建樹網頁布景材質。
1、下載現成的圖案聵式，或者自己脫手建樹圖案，關于若何自己建樹圖案，之前我寫的一篇文章《在Photoshop中建樹多種樣式的網格布景圖案》以及《在Photoshop中建樹犯警則無縫拼接圖案》可以作為參考。下載完或者建樹好圖案之后，在圖財揭捉?式中選擇圖案疊加即可。雖然看起來是很簡單的一個軌范，可是如不美觀有了高質量的圖案聵式，效不美觀很是顯著。下面是我收集的一些經典的圖案文件，其中搜羅五類圖案聵式。
下載：http://startwmlife.com/wp-content/uploads/2012/03/background-patterns.zip
2、如不美觀下載的圖案色調不合適設計要求的話，可以經由過程圖層同化模式來進行調整。好比我們想要建樹淺色的布景材質，可是手頭的圖案聵式是暗色的，如不美觀圖案疊加的同化模式為正常的話，建樹出來的效不美觀如下圖：
可是我想用這款圖案做出淺色的布景來，該怎么做呢?這時辰就可以經由過程調整圖案疊加的同化模式來實現。在布景色不美全是白色的情形下，一般像膳縵沔的圖案，經由過程調整同化模式到亮光就能獲得如下圖的效不美觀。
3、還過錯勁的話，好比想要亮度再稍微再亮一點，還可以經由過程新建調整圖層來實現。在這個例子中，使用色階調整圖層就可以實現我們的設計方針。你還可以經由過程添加口角圖層來給整個布景材質去色，經由過程色相飽和度圖層調整布景材質的色相以及明暗值。
4、經由過程在圖案圖層上方新建一個顏色填充圖層，調整該圖層的圖層同化模式，我們可以給圖案圖層添加必然的顏色。好比加一點黃色進去，或者加一點藍色。當然這里我們依然可以經由過程添加色相以及飽和度調整圖層來給原本是灰度的材質上色，具體體例就是在色相飽和度調整圖層的對話框中勾選著色框，然后調整色相的滑動塊來實現。
《在Photoshop中建樹一個布紋材質的網頁》可以作為這種體例的參考教程。
二、應用濾鏡來建樹網頁材質布景。
在使用濾鏡來給網頁布景添加材質的體例中，最常見到的莫過于使用濾鏡中的添加雜色呼吁來實現需要的效不美觀了。應用軌范為，先將圖層轉轉為智能對象，目的是便利隨時調整濾鏡值。然后應用濾鏡>雜色>添加雜色呼吁即可，很是簡單。一般來說，添加雜色時，濾鏡數值的設置很是低，一般使用1%就夠了，而且效不美觀很是好，數值太年夜材質看上去不夠自然。具體設置如下圖所示：
雜色布景效不美觀如下圖：
三、使用筆刷來添加質感。
使用筆刷來建樹網頁布景材質也很簡單，一般的軌范是，將前景色調整為白色，選擇畫筆工具，調整好巨細，在新建的圖層上隨機添加一些筆刷效不美觀，經由過程多建幾個圖層，調整分歧圖層的圖透明度可以讓添加的材質看上去更自然和真實。之后將圖層的同化模式調整為疊加或者柔光讓筆刷效不美觀和布景更好的融合。下面的圖片是添加了劃痕和做舊效不美觀的筆刷后，未更改圖層同化模式之前和更改后的效不美觀：
除了膳縵沔的做舊氣概常用到這種體例外，筆刷體例的應用還經常呈此刻水彩氣概的網頁設計過程中，下面的這兩個設計教程充拭魅展示了筆刷在建樹布景材質中的體例。
《在Photoshop中建樹一個水彩氣概的網頁設計》
《建樹一個作舊的，半透明的小我網頁》
四、使用材質圖片來建樹網頁布景
好比我們要讓網頁布景看上卻是紙質的感受。當然可以經由過程添加分歧條理的濾鏡效不美觀模擬來實現近似于紙張的材質，可是相較于直接把一張紙質材質的圖片拖到文檔中，經由過程調整圖層的同化模式以及膳縵沔提到的各類調整圖層來實現的話，后面的一種體例做出來的效不美觀往往要更真實和自然。近似的還有木質的布景材質的實現。《在Photoshop中建樹一個游戲界面窗口》這篇文章很好的闡釋了這種布景材質設計體例以及膳縵沔幾種體例的綜合運用。
推薦閱讀
軟文，其本意說的通俗一點就是文字廣告。與以往的硬廣告分歧，依托于中國的文化精髓的文字彼此組合形成各種讓酬報之贊嘆的語句。現在，越來越多的企業單元在收集上的廣告進行了更多的投放，也無不為軟文打開了巨年夜>>>詳細閱讀
地址：http://www.brh9h.cn/a/22/20120323/43479.html
網友點評
精彩導讀
科技快報
品牌展示