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

發(fā)表時間：2014-04-01

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

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

針對有噪點的位圖圖層，也許給圖層添加紋理的最直接的方法就是新建一個常規(guī)的位圖圖層，進行顏色填充，選擇濾鏡一雜色一添加雜色，然后應(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)該是最好的方法了。

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

隨機推薦查看更多

24

阿里企業(yè)郵箱大揭秘：優(yōu)勢功能全解析，讓辦公更高效更輕松

19

阿里企業(yè)郵箱的卓越功能與優(yōu)勢：為何選擇桑橋網(wǎng)絡(luò)代理？

26

阿里企業(yè)郵箱好在哪？詳解優(yōu)勢與功能，讓你的辦公更高效快樂！

06

喬根網(wǎng)絡(luò) 喬根網(wǎng)絡(luò)科技喬根網(wǎng)絡(luò)官方網(wǎng)站金華市喬根網(wǎng)絡(luò)科技有限公司

03

騰訊企業(yè)郵箱專業(yè)版價格騰訊企業(yè)郵箱專業(yè)版購買

18

企業(yè)郵箱代理商桑橋網(wǎng)絡(luò)的騰訊企業(yè)郵箱為什么又便宜又好用？

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

隨機推薦查看更多

24

阿里企業(yè)郵箱大揭秘：優(yōu)勢功能全解析，讓辦公更高效更輕松

19

阿里企業(yè)郵箱的卓越功能與優(yōu)勢：為何選擇桑橋網(wǎng)絡(luò)代理？

26

阿里企業(yè)郵箱好在哪？詳解優(yōu)勢與功能，讓你的辦公更高效快樂！

06

喬根網(wǎng)絡(luò) 喬根網(wǎng)絡(luò)科技 喬根網(wǎng)絡(luò)官方網(wǎng)站 金華市喬根網(wǎng)絡(luò)科技有限公司

03

騰訊企業(yè)郵箱專業(yè)版價格 騰訊企業(yè)郵箱專業(yè)版購買

18

企業(yè)郵箱代理商桑橋網(wǎng)絡(luò)的騰訊企業(yè)郵箱為什么又便宜又好用？

阿里企業(yè)郵箱大揭秘：優(yōu)勢功能全解析，讓辦公更高效更輕松

阿里企業(yè)郵箱的卓越功能與優(yōu)勢：為何選擇桑橋網(wǎng)絡(luò)代理？

阿里企業(yè)郵箱好在哪？詳解優(yōu)勢與功能，讓你的辦公更高效快樂！

喬根網(wǎng)絡(luò) 喬根網(wǎng)絡(luò)科技喬根網(wǎng)絡(luò)官方網(wǎng)站金華市喬根網(wǎng)絡(luò)科技有限公司

騰訊企業(yè)郵箱專業(yè)版價格騰訊企業(yè)郵箱專業(yè)版購買