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