網(wǎng)頁設(shè)計(jì)當(dāng)中噪點(diǎn)和紋理的處理技巧
?
很多時(shí)候,一個(gè)偉大的頁面設(shè)計(jì)源于一些極小的細(xì)節(jié),比如細(xì)微的紋理、陰影和平滑的外形。Photoshop中美化設(shè)計(jì)的工具不勝枚舉,但要找到最合適的卻絕非易事。受完美主義強(qiáng)迫癥的驅(qū)使,我們做了許多研究,覆蓋范圍相當(dāng)廣泛,幾乎挖掘每個(gè)技術(shù)工具的功能及弊端,然后才有如下來自完美主義強(qiáng)迫癥患者的Photoshop使用指南,下面
金華微信平臺的網(wǎng)頁設(shè)計(jì)師們將細(xì)說如何使用其常用工具與技巧來進(jìn)行網(wǎng)站與用戶界面設(shè)計(jì)。
?
?
?
?
?
?
首先,我們先來研究下噪點(diǎn)和紋理,用戶界面設(shè)計(jì)中出現(xiàn)細(xì)微的噪點(diǎn)或紋理看起來或許會(huì)很棒,但要營造出這種最佳感覺的方法是什么呢?我們的目標(biāo)就是找到這其中的最佳方式,不僅要保證圖像的縮放質(zhì)量,同時(shí)也要易于應(yīng)用和編輯。為了找出最佳方法,我們用以下幾個(gè)標(biāo)準(zhǔn)來衡量:使用圖層數(shù)越少越好;如果調(diào)整文件大小,它的質(zhì)量是否得到保證;噪點(diǎn)能否置于顏色和漸變圖層樣式之上;該方法是否適用于所有紋理,而不只限于噪點(diǎn)。
?
針對有噪點(diǎn)的位圖圖層,也許給圖層添加紋理的最直接的方法就是新建一個(gè)常規(guī)的位圖圖層,進(jìn)行顏色填充,選擇濾鏡一雜色一添加雜色,然后應(yīng)用蒙版或矢量蒙版工具,使最終效果與添加雜色的部分一致。將雜色值調(diào)高,把圖層混合模式設(shè)置成Luminosity(亮度),并降低透明度,這樣可以使雜色得到最佳控制的同時(shí)而不干擾下面的圖層。把雜色值設(shè)置成48%可以保證高動(dòng)態(tài)范圍,而且不會(huì)消除噪點(diǎn),高對比度會(huì)使雜色消失,這可不是我們想要的。
?
其實(shí)我們可以添加內(nèi)發(fā)光圖層樣式,將源設(shè)置為中心,大小設(shè)置為0,這樣你就可以用雜色滑塊給任意圖層添加紋理了。這個(gè)方法很有用,但前提是你還沒有將內(nèi)發(fā)光圖層樣式應(yīng)用在其他方面。雜色添加在顏色、漸變和圖案的圖層樣式之上,效果棒極了。可美中不足的是,這些雜色會(huì)導(dǎo)致下面的圖層要么變亮、要么變得黯淡。前面提到的位圖圖層方法可以添加高亮和陰影,同時(shí)兼顧平均亮度,在我看來要比這個(gè)方法好很多。雖然得走點(diǎn)彎路,創(chuàng)建一個(gè)漸變填充圖層,添加一個(gè)圖案圖層樣式,然后新建一個(gè)矢量蒙版,但這應(yīng)該是最好的方法了。