查看旧版所有文章

有风的日子,网页设计爱好者的家园

旧版

您现在访问的是有风的日子旧版!新版地址为:http://www.hellowind.com
有风的日子现已全面升级!新标识,新域名,新架构,新布局,新平台,不变的承诺——有风的日子,网页设计爱好者的家园
为网页设计、平面设计、多媒体设计及摄影爱好者提供资讯、博客、相册、论坛等多方位服务...

用Photoshop切图时为什么会生成Spacer.gif?

来源:有风的日子设计论坛    发表于2004-4-14 16:27:09

关键字:Photoshop, 切图, Spacer

首先让我们了解一下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~~(作者:阵风)