主题:  用Fireworks切割图形

rtzaa

职务:普通成员
等级:1
金币:21.0
发贴:1002
#12005/4/20 9:46:27
用Fireworks切割图形
来源/不详
文/Pcom.cn 2003-12-12



做过网页的朋友一定都知道:网站好,网页就得小。在不减少内容的情况下,网页当能够做得越小越好。而给网页瘦身最有效方法就是减小图片的尺寸,但当您不得不在网页中放入一大幅图象时,是否还有更好的解决之道呢?

切图就是一个好办法,为了保持图形的完整又不庞大,我们可将一整幅图片按照相近的色区切割成多个小图片,并将每个小图片保存为色深较浅的gif图形,这样可达到又漂亮又快捷的效果。

但传统的切图工作十分繁琐,许多设计者都是使用Photoshop类软件将图一片片分好,然后在分别保存为不同色深的gif图象,虽然可以使用action之类的自动执行命令集,但实际工作量依旧十分惊人,而且非常容易切错尺寸。

现在用了Fireworks就可以非常轻松地切割图片了,首先用Fireworks打开要切割地图形文件(File > Open),当图片打开后选择工具栏最右下方的切割工具(SliceTool),在图中按住鼠标左键任意画出想要的切割效果(注意不要将选区重叠),图中那些红线表示就是最后生成的表格分栏情况。

等全部的切割区域完成后选择“FILE > EXPORT”进入导出,在format 中选择gif,再根据图象的具体情况设置色深、调色板和透明色,然后按下“Next”。

最后再导出成HTML文件的对话框中指定保存的目录,在“slicing:”选项中选择“Use Slice Objects:”按照刚才划分出的切割情况来切图,并分别保存。在“Style选项”中选择“Generic”导出成标准的HTML源码。OK,如果要和Dreamwever一同使用的话,可以选择“Dreamweaver Library.lbi”将导出为DREAMWEAVER的一个模板,而“Dreamweaver”选项将导出成DREAMWEAVER作出来的网页源码。

就这样,仅几秒种的时间,就完成了一个非常专业的图形切割。怎么样,您是不是感受到了Fireworks的强大功能。