Zhlw.com - 中华龙网

站长资讯通告:
搜索: 您的位置中华龙网 > 计算机网络 > 设计学院 > Fireworks > 文章列表

用Fireworks切割图形

作者:bear  来源:转载  发布时间:2006-3-16 10:09:54

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

  切图就是一个不错的方法,为了尽量保持图形的完整又不庞大,我们可以将一整幅图片按照相近的色区切割成多个小图片,并将每个小图片保存为色深较浅的gif图形。这样可以达到又漂亮又快捷的效果,您可以在http://www.novell.com/看到使用这个方法的实例。

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

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

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

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

        用户名: 验证码: 验证码,看不清楚?请点击刷新验证码 (注“”为必填内容。)


文章评论: [ 查看全部 ] 网友评论
关于本站 - 网站帮助 - 广告合作 - 友情连接 - 网站地图