E库技术学院--您的网络技术顾问! 网站首页素材图片库设计原稿网页模板网站赏析下载中心明星图库E库论坛  
E库技术学院
设为首页
加入收藏
我要投稿
E库首页学院首页 ┊ 图形图象 ┊ 网页设计 ┊ 网络编程 ┊ 数据库 ┊ 服务器 ┊ 建站技术 ┊ 业界新闻 ┊ 作者专栏 ┊ 常用范文 ┊ 预留栏目
  当前位置:学院首页>>图形图象教程>>Fireworks教程>>Fireworks教程一 切割图形
Fireworks教程一 切割图形
[ 来源:《索易电子刊物》 | 作者:Arky | 时间:2005-8-12 3:29:00 | 浏览:人次 ]
收藏到新浪ViVi收藏到365KEY收藏到我摘 ┊ 双击滚屏 单击停止

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

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

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

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

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

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

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

“Fireworks教程一 切割图形”教程到此结束==>||
 相关教程
Fireworks制作LOG
Fireworks4图像优化
Fireworks教程二制作具有动态效果的切图
乒乓球拍制作技巧
Fireworks网页切片应用详解
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

投稿作者: Arky  信息来源: 《索易电子刊物》 录入时间: 2005-8-12 3:29:00
投稿信箱: web#iecool.com
设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 会员投稿
E库技术学院 © 2004-2005 Edu.IEcool.Com  浙ICP备05015070号