WEB开发网
开发学院图形图像PhotoShop Photoshop在网页设计中加强像素化细节技巧 阅读

Photoshop在网页设计中加强像素化细节技巧

 2009-05-20 13:33:29 来源:WEB开发网   
核心提示:看出来区别了吗?没关系,接下来请看放大下的图片:可以看到在黑色块的下面画了一条1px的纯白色线,Photoshop在网页设计中加强像素化细节技巧(2),而这条线让下面的白色块的边缘不再平淡无奇,而有一种灯光反射(高亮)的效果,那都是很多细节来构成的,这些细节尽管你觉得看不到,使得白色块的边缘更加突出,而方法跟第1个技巧

看出来区别了吗?没关系,接下来请看放大下的图片:

可以看到在黑色块的下面画了一条1px的纯白色线。而这条线让下面的白色块的边缘不再平淡无奇,而有一种灯光反射(高亮)的效果。使得白色块的边缘更加突出。而方法跟第1个技巧是一样的,就是用铅笔工具画1px的线。需要注意颜色的选择,一般选择比背景色更浅的颜色,才能制造高亮的效果。

3.像素阴影

这是3个技巧里面最容易实现的,但它一样特别实用,甚至经常会用到。照例我们先看图片:

可以看出在有阴影下,文字立体感得到加强,特别在文字的背景较复杂,比较多噪点时使用该技巧会使文件比较突出。

而加上阴影方法很简单,只需双击图层名称,添加“投影”的图层样式。然后按下图设置参数:

也就是把距离与大小调为“1”。接下来我们看看一些使用该技巧的例子:

总结一下  :以上这些技巧都是我自己看来学来的,在这里希望需要的人可以学会它。这些1px的线很多人会说,用户根本就不会去注意,就是瞪大眼都看不到。是的,这的确没错。但是我认识很多好的设计,能经得时间与多人的考验,那都是很多细节来构成的。这些细节尽管你觉得看不到,但是它却为成功的设计打下坚实的基础。

上一页  1 2 

Tags:Photoshop 网页设计 加强

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接