主题:  用PS切图时为什么会生成Spacer.gif?

fenger

职务:普通成员
等级:2
金币:1.0
发贴:402
#12004/6/16 17:31:03
用PS切图时为什么会生成Spacer.gif?



志比天高

职务:普通成员
等级:2
金币:8.0
发贴:460
#22004/6/16 17:50:22
用Photoshop切图时为什么会生成Spacer.gif?
出处:有风的日子设计论坛

首先让我们了解一下PS切图的原理,切图就是把一个大图片分割成N个小图片,然后生成一个和原图等大的表格,把小图片插入到这个表格的各个单元格里。表格是由行(横向)和列(纵向)组成的,每一个小格叫做单元格。我们也可以把同一方向相邻的几个单元格合并,形成一个大的单元格,这时我们就说这个大的单元格“跨几行”或“跨几列”,如图:



再看图2,假如我们把图片的左上角切成1、2、3、4四块,其中1、2两块的下沿是不齐平的,如图所示:



以行和列的概念来看,小图1跨了一、二两行,小图2在第一行里,小图3在第三行里,小图4则跨了二、三两行。如果只依靠这几个单元格来定位,势必非常复杂,而且容易混乱。这时,PS就会自动在表格的边上再加一列,其中分为N个单元格,每个单元格中都插入了一个叫Spacer.gif的图片。这个Spacer.gif是一个1×1的透明GIF图,图片宽度值(Width)为1个像素,高度值(Height)被设置成该单元格应该占有的高度。这样一来,每行表格的高度就被固定了,小图1所在单元格(跨一、二两行)的高度也就相应固定了。

那么切图的时候一定要借助Spacer.gif来定位吗?不一定,比如下面这幅图,虽然有一块跨了四行,但是那四行的高度已经被固定了,所以这里就不需要借助Spacer.gif来定位了。这时候,如果PS又多此一举的生成了填有Spacer.gif的一行(列),你就可以试着把那一行(列)删除了,不过删除的时候一定要小心谨慎哟,建议你在调整之前做个备份,以免弄乱表格时恢复不过来。



看完这篇教程,也许你对切图还是有点晕。别犯怵,多加练习吧,在反复的练习中摸索经验,渐渐的,你就会发现切图其实很easy~~(作者:阵风)


吾焰网页设计工作室 http://www.wefire.cn