以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  用Photoshop切图时为什么会生成Spacer.gif?  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=2555)

--  作者:admin
--  发布时间:2010/11/25 13:22:19
--  用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~~