在網(wǎng)頁(yè)設(shè)計(jì)中創(chuàng)建背景材質(zhì)通常是根據(jù)設(shè)計(jì)方向展開(kāi)設(shè)計(jì)的第一步,也是確定設(shè)計(jì)基調(diào)的重要環(huán)節(jié)。雖然大多數(shù)情況下,網(wǎng)頁(yè)背景材質(zhì)是非常細(xì)微和低調(diào)的,但是由于整個(gè)背景的范圍較大,所以會(huì)給人強(qiáng)烈的心理感受。所以這篇文章中,網(wǎng)頁(yè)背景設(shè)計(jì)經(jīng)典四技法做一總結(jié),希望對(duì)于大家在設(shè)計(jì)中的開(kāi)頭步驟能夠給與幫助的參考。
一、使用現(xiàn)成的圖案來(lái)創(chuàng)建網(wǎng)頁(yè)背景材質(zhì)。
1、下載現(xiàn)成的圖案樣式,或者自己動(dòng)手創(chuàng)建圖案,關(guān)于如何自己創(chuàng)建圖案,之前我寫(xiě)的一篇文章《在Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案》以及《在Photoshop中創(chuàng)建不規(guī)則無(wú)縫拼接圖案》可以作為參考。下載完或者創(chuàng)建好圖案之后,在圖層樣式中選擇圖案疊加即可。雖然看起來(lái)是很簡(jiǎn)單的一個(gè)步驟,但是如果有了高質(zhì)量的圖案樣式,效果非常顯著。下面是我收集的一些經(jīng)典的圖案文件,其中包括五類(lèi)圖案樣式。
2、如果下載的圖案色調(diào)不符合設(shè)計(jì)要求的話,可以通過(guò)圖層混合模式來(lái)進(jìn)行調(diào)整。比如我們想要?jiǎng)?chuàng)建淺色的背景材質(zhì),但是手頭的圖案樣式是暗色的,如果圖案疊加的混合模式為正常的話,創(chuàng)建出來(lái)的效果如下圖:
但是我想用這款圖案做出淺色的背景來(lái),該怎么做呢?這時(shí)候就可以通過(guò)調(diào)整圖案疊加的混合模式來(lái)實(shí)現(xiàn)。在背景色不完全是白色的情況下,一般像上面的圖案,通過(guò)調(diào)整混合模式到亮光就能得到如下圖的效果。
3、還不滿意的話,比如想要亮度再稍微再亮一點(diǎn),還可以通過(guò)新建調(diào)整圖層來(lái)實(shí)現(xiàn)。在這個(gè)例子中,使用色階調(diào)整圖層就可以實(shí)現(xiàn)我們的設(shè)計(jì)目標(biāo)。你還可以通過(guò)添加黑白圖層來(lái)給整個(gè)背景材質(zhì)去色,通過(guò)色相飽和度圖層調(diào)整背景材質(zhì)的色相以及明暗值。
4、通過(guò)在圖案圖層上方新建一個(gè)顏色填充圖層,調(diào)整該圖層的圖層混合模式,我們可以給圖案圖層添加一定的顏色。比如加一點(diǎn)黃色進(jìn)去,或者加一點(diǎn)藍(lán)色。當(dāng)然這里我們依然可以通過(guò)添加色相以及飽和度調(diào)整圖層來(lái)給本來(lái)是灰度的材質(zhì)上色,具體方法就是在色相飽和度調(diào)整圖層的對(duì)話框中勾選著色框,然后調(diào)整色相的滑動(dòng)塊來(lái)實(shí)現(xiàn)。
二、應(yīng)用濾鏡來(lái)創(chuàng)建網(wǎng)頁(yè)材質(zhì)背景。
在使用濾鏡來(lái)給網(wǎng)頁(yè)背景添加材質(zhì)的方法中,最常見(jiàn)到的莫過(guò)于使用濾鏡中的添加雜色命令來(lái)實(shí)現(xiàn)需要的效果了。應(yīng)用步驟為,先將圖層轉(zhuǎn)轉(zhuǎn)為智能對(duì)象,目的是方便隨時(shí)調(diào)整濾鏡值。然后應(yīng)用濾鏡》雜色》添加雜色命令即可,非常簡(jiǎn)單。一般來(lái)說(shuō),添加雜色時(shí),濾鏡數(shù)值的設(shè)置非常低,一般使用1%就夠了,而且效果非常好,數(shù)值太大材質(zhì)看上去不夠自然。
三、使用筆刷來(lái)添加質(zhì)感。
使用筆刷來(lái)創(chuàng)建網(wǎng)頁(yè)背景材質(zhì)也很簡(jiǎn)單,一般的步驟是,將前景色調(diào)整為白色,選擇畫(huà)筆工具,調(diào)整好大小,在新建的圖層上隨機(jī)添加一些筆刷效果,通過(guò)多建幾個(gè)圖層,調(diào)整不同圖層的圖透明度可以讓添加的材質(zhì)看上去更自然和真實(shí)。之后將圖層的混合模式調(diào)整為疊加或者柔光讓筆刷效果和背景更好的融合。下面的圖片是添加了劃痕和做舊效果的筆刷后,未更改圖層混合模式之前和更改后的效果:
除了上面的做舊風(fēng)格常用到這種方法外,筆刷方法的應(yīng)用還常常出現(xiàn)在水彩風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,下面的這兩個(gè)設(shè)計(jì)教程充分展示了筆刷在創(chuàng)建背景材質(zhì)中的方法。
四、使用材質(zhì)圖片來(lái)創(chuàng)建網(wǎng)頁(yè)背景
比如我們要讓網(wǎng)頁(yè)背景看上去是紙質(zhì)的感覺(jué)。當(dāng)然可以通過(guò)添加不同層次的濾鏡效果模擬來(lái)實(shí)現(xiàn)類(lèi)似于紙張的材質(zhì),但是相較于直接把一張紙質(zhì)材質(zhì)的圖片拖到文檔中,通過(guò)調(diào)整圖層的混合模式以及上面提到的各種調(diào)整圖層來(lái)實(shí)現(xiàn)的話,后面的一種方法做出來(lái)的效果往往要更真實(shí)和自然。類(lèi)似的還有木質(zhì)的背景材質(zhì)的實(shí)現(xiàn)。
五、總結(jié)
實(shí)際上,在創(chuàng)建網(wǎng)頁(yè)背景材質(zhì)時(shí),上面講到的方法都會(huì)涉及到,只不過(guò)依據(jù)設(shè)計(jì)目標(biāo),有時(shí)只會(huì)用到其中的一種方法,比如雜色背景的話,應(yīng)用添加雜色的濾鏡命令往往就夠了,有時(shí)卻要復(fù)雜一些,可能上面的方法都會(huì)用得到。所以我們要依據(jù)總的設(shè)計(jì)目標(biāo)來(lái)選擇性的使用,但是這些方法不用說(shuō)都是網(wǎng)頁(yè)設(shè)計(jì)中必須要掌握的,這樣我們的設(shè)計(jì)手法才能靈活多變。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
文章標(biāo)題:網(wǎng)頁(yè)背景設(shè)計(jì)經(jīng)典四技法
當(dāng)前網(wǎng)址:http://redsoil1982.com.cn/news29/321379.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃、自適應(yīng)網(wǎng)站、品牌網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)