• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)頁背景材質(zhì)的選擇

網(wǎng)頁背景材質(zhì)的選擇

網(wǎng)頁設(shè)計師 于2019-07-15 10:21發(fā)表 閱讀次數(shù) 2304次

在網(wǎng)頁設(shè)計中創(chuàng)建背景材質(zhì)通常是根據(jù)設(shè)計方向展開設(shè)計的第一步，也是確定設(shè)計基調(diào)的重要環(huán)節(jié)。這篇文章中，我會就網(wǎng)頁背景材質(zhì)創(chuàng)建過程中常用到的方法做一總結(jié)，希望對于大家在設(shè)計中的開頭步驟能夠給與幫助的參考。雖然大多數(shù)情況下，網(wǎng)頁背景材質(zhì)是非常細微和低調(diào)的，但是由于整個背景的范圍較大，所以會給人強烈的心理感受。 　　一、應(yīng)用濾鏡來創(chuàng)建網(wǎng)頁材質(zhì)背景。 　　在使用濾鏡來給網(wǎng)頁背景添加材質(zhì)的方法中，最常見到的莫過于使用濾鏡中的添加雜色命令來實現(xiàn)需要的效果了。應(yīng)用步驟為，先將圖層轉(zhuǎn)轉(zhuǎn)為智能對象，目的是方便隨時調(diào)整濾鏡值。然后應(yīng)用濾鏡>雜色>添加雜色命令即可，非常簡單。一般來說，添加雜色時，濾鏡數(shù)值的設(shè)置非常低，一般使用1%就夠了，而且效果非常好，數(shù)值太大材質(zhì)看上去不夠自然。具體設(shè)置如下圖所示： 　　雜色背景效果如下圖： 　　二、使用筆刷來添加質(zhì)感。 　　使用筆刷來創(chuàng)建網(wǎng)頁背景材質(zhì)也很簡單，一般的步驟是，將前景色調(diào)整為白色，選擇畫筆工具，調(diào)整好大小，在新建的圖層上隨機添加一些筆刷效果，通過多建幾個圖層，調(diào)整不同圖層的圖透明度可以讓添加的材質(zhì)看上去更自然和真實。之后將圖層的混合模式調(diào)整為疊加或者柔光讓筆刷效果和背景更好的融合。下面的圖片是添加了劃痕和做舊效果的筆刷后，未更改圖層混合模式之前和更改后的效果： 　　除了上面的做舊風(fēng)格常用到這種方法外，筆刷方法的應(yīng)用還常常出現(xiàn)在水彩風(fēng)格的網(wǎng)頁設(shè)計過程中，下面的這兩個設(shè)計教程充分展示了筆刷在創(chuàng)建背景材質(zhì)中的方法。 　　四、使用材質(zhì)圖片來創(chuàng)建網(wǎng)頁背景 　　比如我們要讓網(wǎng)頁背景看上去是紙質(zhì)的感覺。當然可以通過添加不同層次的濾鏡效果模擬來實現(xiàn)類似于紙張的材質(zhì)，但是相較于直接把一張紙質(zhì)材質(zhì)的圖片拖到文檔中，通過調(diào)整圖層的混合模式以及上面提到的各種調(diào)整圖層來實現(xiàn)的話，后面的一種方法做出來的效果往往要更真實和自然。類似的還有木質(zhì)的背景材質(zhì)的實現(xiàn)?！对赑hotoshop中創(chuàng)建一個游戲界面窗口》這篇文章很好的闡釋了這種背景材質(zhì)設(shè)計方法以及上面幾種方法的綜合運用。 　　下面的截圖展示了木質(zhì)背景材質(zhì)的效果： 　　五、總結(jié) 　　實際上，在創(chuàng)建網(wǎng)頁背景材質(zhì)時，上面講到的方法都會涉及到，只不過依據(jù)設(shè)計目標，有時只會用到其中的一種方法，比如雜色背景的話，應(yīng)用添加雜色的濾鏡命令往往就夠了，有時卻要復(fù)雜一些，可能上面的方法都會用得到。所以我們要依據(jù)總的設(shè)計目標來選擇性的使用，但是這些方法不用說都是網(wǎng)頁設(shè)計中必須要掌握的，這樣我們的設(shè)計手法才能靈活多變。 　　三、使用現(xiàn)成的圖案來創(chuàng)建網(wǎng)頁背景材質(zhì)。 　　1、下載現(xiàn)成的圖案樣式，或者自己動手創(chuàng)建圖案，關(guān)于如何自己創(chuàng)建圖案，之前我寫的一篇文章《在Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案》以及《在Photoshop中創(chuàng)建不規(guī)則無縫拼接圖案》可以作為參考。下載完或者創(chuàng)建好圖案之后，在圖層樣式中選擇圖案疊加即可。雖然看起來是很簡單的一個步驟，但是如果有了高質(zhì)量的圖案樣式，效果非常顯著。下面是我收集的一些經(jīng)典的圖案文件，其中包括五類圖案樣式。 　　下載 　　2、如果下載的圖案色調(diào)不符合設(shè)計要求的話，可以通過圖層混合模式來進行調(diào)整。比如我們想要創(chuàng)建淺色的背景材質(zhì)，但是手頭的圖案樣式是暗色的，如果圖案疊加的混合模式為正常的話，創(chuàng)建出來的效果如下圖： 　　但是我想用這款圖案做出淺色的背景來，該怎么做呢？這時候就可以通過調(diào)整圖案疊加的混合模式來實現(xiàn)。在背景色不完全是白色的情況下，一般像上面的圖案，通過調(diào)整混合模式到亮光就能得到如下圖的效果。 　　3、還不滿意的話，比如想要亮度再稍微再亮一點，還可以通過新建調(diào)整圖層來實現(xiàn)。在這個例子中，使用色階調(diào)整圖層就可以實現(xiàn)我們的設(shè)計目標。你還可以通過添加黑白圖層來給整個背景材質(zhì)去色，通過色相飽和度圖層調(diào)整背景材質(zhì)的色相以及明暗值。 　　4、通過在圖案圖層上方新建一個顏色填充圖層，調(diào)整該圖層的圖層混合模式，我們可以給圖案圖層添加一定的顏色。比如加一點黃色進去，或者加一點藍色。當然這里我們依然可以通過添加色相以及飽和度調(diào)整圖層來給本來是灰度的材質(zhì)上色，具體方法就是在色相飽和度調(diào)整圖層的對話框中勾選著色框，然后調(diào)整色相的滑動塊來實現(xiàn)。 　　《在Photoshop中創(chuàng)建一個布紋材質(zhì)的網(wǎng)頁》可以作為這種方法的參考教程。

網(wǎng)頁背景材質(zhì)的選擇相關(guān)標簽：做網(wǎng)站，建設(shè)網(wǎng)站，網(wǎng)站設(shè)計，設(shè)計網(wǎng)站

相關(guān)熱點推薦

十大嚴重的網(wǎng)站設(shè)計錯誤 優(yōu)化站內(nèi)搜索－讓用戶更 如果你被上個網(wǎng)絡(luò)公司傷 做網(wǎng)站公司哪一家比較好 網(wǎng)站建設(shè)的準備工作 中小企業(yè)行之有效的網(wǎng)絡(luò) 2019年百度排名的算 網(wǎng)站為什么要改版你知道 網(wǎng)頁設(shè)計與平面設(shè)計的差 信息架構(gòu)的流程引入 如何設(shè)計廣告的用戶體驗 當設(shè)計師遇上前端開發(fā) 網(wǎng)頁設(shè)計中的圖層疊加混 提高內(nèi)容類網(wǎng)站的粘度要 網(wǎng)站推廣、網(wǎng)站宣傳的作 如何讓蜘蛛頻繁爬行你的 青島高端網(wǎng)站建設(shè)公司 制作自己的網(wǎng)站 如何按照百度做網(wǎng)站優(yōu)化 交互設(shè)計之出路選擇原則 交互設(shè)計之蘋果系統(tǒng)iO 網(wǎng)站優(yōu)化中讓帖子置頂?shù)?/b> 網(wǎng)頁制作之“事不過三” 企業(yè)網(wǎng)絡(luò)營銷的成功策略 如何做網(wǎng)站的搜索引擎優(yōu) 免費的方式來提高你網(wǎng)站 自助建站的優(yōu)勢 網(wǎng)站設(shè)計可用性的重要之 成功的網(wǎng)站是怎么煉成的 網(wǎng)站大改版=壯烈的死亡 聊聊app前端開發(fā)過程 提高網(wǎng)站人氣建議 網(wǎng)站中視覺元素的設(shè)計 談網(wǎng)絡(luò)廣告發(fā)展的趨勢 目前個性化搜索的不足點 從個人網(wǎng)站策略體會企業(yè) 淺談中小企業(yè)網(wǎng)站運營維 網(wǎng)頁設(shè)計師必讀 標題、描述和關(guān)鍵詞的選 頁面設(shè)計中的層次感

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶