網(wǎng)頁設(shè)計當(dāng)中噪點和紋理的處理技巧

發(fā)布日期：2014-04-01

很多時候，一個偉大的頁面設(shè)計源于一些極小的細(xì)節(jié)，比如細(xì)微的紋理、陰影和平滑的外形。Photoshop中美化設(shè)計的工具不勝枚舉，但要找到最合適的卻絕非易事。受完美主義強(qiáng)迫癥的驅(qū)使，我們做了許多研究，覆蓋范圍相當(dāng)廣泛，幾乎挖掘每個技術(shù)工具的功能及弊端，然后才有如下來自完美主義強(qiáng)迫癥患者的Photoshop使用指南，下面金華微信平臺的網(wǎng)頁設(shè)計師們將細(xì)說如何使用其常用工具與技巧來進(jìn)行網(wǎng)站與用戶界面設(shè)計。

首先，我們先來研究下噪點和紋理，用戶界面設(shè)計中出現(xiàn)細(xì)微的噪點或紋理看起來或許會很棒，但要營造出這種最佳感覺的方法是什么呢?我們的目標(biāo)就是找到這其中的最佳方式，不僅要保證圖像的縮放質(zhì)量，同時也要易于應(yīng)用和編輯。為了找出最佳方法，我們用以下幾個標(biāo)準(zhǔn)來衡量：使用圖層數(shù)越少越好；如果調(diào)整文件大小，它的質(zhì)量是否得到保證；噪點能否置于顏色和漸變圖層樣式之上；該方法是否適用于所有紋理，而不只限于噪點。

針對有噪點的位圖圖層，也許給圖層添加紋理的最直接的方法就是新建一個常規(guī)的位圖圖層，進(jìn)行顏色填充，選擇濾鏡一雜色一添加雜色，然后應(yīng)用蒙版或矢量蒙版工具，使最終效果與添加雜色的部分一致。將雜色值調(diào)高，把圖層混合模式設(shè)置成Luminosity(亮度)，并降低透明度，這樣可以使雜色得到最佳控制的同時而不干擾下面的圖層。把雜色值設(shè)置成48％可以保證高動態(tài)范圍，而且不會消除噪點，高對比度會使雜色消失，這可不是我們想要的。

其實我們可以添加內(nèi)發(fā)光圖層樣式，將源設(shè)置為中心，大小設(shè)置為0，這樣你就可以用雜色滑塊給任意圖層添加紋理了。這個方法很有用，但前提是你還沒有將內(nèi)發(fā)光圖層樣式應(yīng)用在其他方面。雜色添加在顏色、漸變和圖案的圖層樣式之上，效果棒極了。可美中不足的是，這些雜色會導(dǎo)致下面的圖層要么變亮、要么變得黯淡。前面提到的位圖圖層方法可以添加高亮和陰影，同時兼顧平均亮度，在我看來要比這個方法好很多。雖然得走點彎路，創(chuàng)建一個漸變填充圖層，添加一個圖案圖層樣式，然后新建一個矢量蒙版，但這應(yīng)該是最好的方法了。

隨機(jī)推薦查看更多

企業(yè)郵箱

騰訊郵箱

網(wǎng)頁設(shè)計當(dāng)中噪點和紋理的處理技巧

隨機(jī)推薦查看更多

28

輕松切換至網(wǎng)易企業(yè)郵箱：桑橋網(wǎng)絡(luò)助您無憂轉(zhuǎn)移

14

企業(yè)郵箱服務(wù)商和企業(yè)郵箱經(jīng)銷商有什么區(qū)別？

09

從騰訊企業(yè)郵箱遷移到網(wǎng)易企業(yè)郵箱，是個好主意嗎？

22

騰訊企業(yè)郵箱收費標(biāo)準(zhǔn)一年多少錢？最全價格解讀與選型建議

20

桑橋網(wǎng)絡(luò)限時促銷：企業(yè)微信郵箱買贈最高享5折優(yōu)惠

25

杭州桑橋網(wǎng)絡(luò)：騰訊企業(yè)郵箱官方授權(quán)優(yōu)質(zhì)服務(wù)首選

網(wǎng)頁設(shè)計當(dāng)中噪點和紋理的處理技巧

隨機(jī)推薦查看更多

28

輕松切換至網(wǎng)易企業(yè)郵箱：桑橋網(wǎng)絡(luò)助您無憂轉(zhuǎn)移

14

企業(yè)郵箱服務(wù)商和企業(yè)郵箱經(jīng)銷商有什么區(qū)別？

09

從騰訊企業(yè)郵箱遷移到網(wǎng)易企業(yè)郵箱，是個好主意嗎？

22

騰訊企業(yè)郵箱收費標(biāo)準(zhǔn)一年多少錢？最全價格解讀與選型建議

20

桑橋網(wǎng)絡(luò)限時促銷：企業(yè)微信郵箱買贈最高享5折優(yōu)惠

25

杭州桑橋網(wǎng)絡(luò)：騰訊企業(yè)郵箱官方授權(quán)優(yōu)質(zhì)服務(wù)首選

企業(yè)郵箱服務(wù)商和企業(yè)郵箱經(jīng)銷商有什么區(qū)別？

從騰訊企業(yè)郵箱遷移到網(wǎng)易企業(yè)郵箱，是個好主意嗎？

騰訊企業(yè)郵箱收費標(biāo)準(zhǔn)一年多少錢？最全價格解讀與選型建議