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