文档详情

PHOTOSHOP中完美添加1PX大小分割线技巧

平***
实名认证
店铺
DOC
272.29KB
约3页
文档ID:11887947
PHOTOSHOP中完美添加1PX大小分割线技巧_第1页
1/3

PHOTOSHOP完美添加 1PX 大小分割线的技巧在网页设计中细节的处理十分重要,经常观摩外国佬的网站,发现优秀的网站设计在细节方面的处理都是照顾十分周全的今天的小技巧很简单,却可以很好的增强整个网站的细节,且对提升你的网站设计水平也有帮助这些技巧都围绕一个词,就是“像素化”,简单地说就是一些 1px,2px的小线1.像素分隔线(1)分隔线,请看下图,为 Pixel2L 的导航栏图中红圈中的线已经按钮之间的分隔线,有凹进去的感觉,形成一种很好的分隔线的感觉我把这张图放大 300 倍,我们看看其中原理看到这些分隔线,都是有 2 条相邻的 1px 直线构成,一条颜色较背景色更深,一条较浅具体操作方法:①选取铅笔工具(不要选错为画笔),大小调为 1px 选取一个较背景色更深的颜色,如图中的深蓝色,按住 Shift 画出一条直线 ②选取一个较浅的颜色,再画一条直线PS 画线过程可以放大画布( Z)以便观察效果比单色的分隔线要好很多接下来再看一些使用这个分隔线技巧的例子:tutorial92.像素边缘首先看一张没有加“像素边缘”的原图:接下来是加上“像素边缘”的原图:看出来区别了吗?没关系,接下来请看放大下的图片:可以看到在黑色块的下面画了一条 1px 的纯白色线。

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

下载提示
相似文档
正为您匹配相似的精品文档