400-114-0800

企业邮箱经销商/代理商

网建知识

您当前位置 > 首页 > 文章栏目:网建知识

 

网页设计当中噪点和纹理的处理技巧

发表时间:2014-04-01

 

很多时候,一个伟大的页面设计源于一些极小的细节,比如细微的纹理、阴影和平滑的外形。Photoshop中美化设计的工具不胜枚举,但要找到最合适的却绝非易事。受完美主义强迫症的驱使,我们做了许多研究,覆盖范围相当广泛,几乎挖掘每个技术工具的功能及弊端,然后才有如下来自完美主义强迫症患者的Photoshop使用指南,下面金华微信平台的网页设计师们将细说如何使用其常用工具与技巧来进行网站与用户界面设计。
 
 
 
QQ截图20140401131010.jpg
 
 
 
首先,我们先来研究下噪点和纹理,用户界面设计中出现细微的噪点或纹理看起来或许会很棒,但要营造出这种最佳感觉的方法是什么呢?我们的目标就是找到这其中的最佳方式,不仅要保证图像的缩放质量,同时也要易于应用和编辑。为了找出最佳方法,我们用以下几个标准来衡量:使用图层数越少越好;如果调整文件大小,它的质量是否得到保证;噪点能否置于颜色和渐变图层样式之上;该方法是否适用于所有纹理,而不只限于噪点。
 
针对有噪点的位图图层,也许给图层添加纹理的最直接的方法就是新建一个常规的位图图层,进行颜色填充,选择滤镜一杂色一添加杂色,然后应用蒙版或矢量蒙版工具,使最终效果与添加杂色的部分一致。将杂色值调高,把图层混合模式设置成Luminosity(亮度),并降低透明度,这样可以使杂色得到最佳控制的同时而不干扰下面的图层。把杂色值设置成48%可以保证高动态范围,而且不会消除噪点,高对比度会使杂色消失,这可不是我们想要的。
 
其实我们可以添加内发光图层样式,将源设置为中心,大小设置为0,这样你就可以用杂色滑块给任意图层添加纹理了。这个方法很有用,但前提是你还没有将内发光图层样式应用在其他方面。杂色添加在颜色、渐变和图案的图层样式之上,效果棒极了。可美中不足的是,这些杂色会导致下面的图层要么变亮、要么变得黯淡。前面提到的位图图层方法可以添加高亮和阴影,同时兼顾平均亮度,在我看来要比这个方法好很多。虽然得走点弯路,创建一个渐变填充图层,添加一个图案图层样式,然后新建一个矢量蒙版,但这应该是最好的方法了。

随机推荐查看更多