Fireworks 多边形切片的妙用

  平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的。但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了,以下我就详细介绍多变切片工具的使用方法!

  1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如图所示:

  2.回到第一桢,在工具栏找到多边型工具(K),如果所示:

  3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示:

  4.然后选中切片,点击右键,在弹出菜单中选中“添加交换图像行为”,如图所示:

  5.在弹出菜单中,选择当前切片的第二桢,如图所示:

  6.然后选择导出网页,保存类型为“HTML和图像”,如图所示:

  7.其它的按钮依次类推,所作的效果如图所示:

  注意的问题:
  1.多边形切片工具不能切出圆形切片,如原图比较复杂,可多切几个边,或在dw中在进行热区形状编辑;
  2.多边形工具的边数多少决定生成文件的大小,所以除非特殊需要,尽量控制多边形的边数;
  为了方便大家学习我提供了源文件下载:

时间: 2024-09-24 06:41:11

Fireworks 多边形切片的妙用的相关文章

Fireworks多边形切片的妙用图文讲解

  本教程向大家介绍了如何利用Fireworks 多边形切片工具制作导航条重叠时的效果,方法很简单也很实用,主要希望大家通过本教程,能熟练掌握多边形工具的使用方法,转发过来,希望对大家有所帮助! 平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的.但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多边行切片工具的好处就显现出来了,以下我就详细介绍多边形工具的使用方法! 1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如

Fireworks多边形切片的妙用

平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的.但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了,以下我就详细介绍多变切片工具的使用方法! 1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如图所示: 2.回到第一桢,在工具栏找到多边型工具(K),如果所示: 3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示: 4.然后选中切片,点击右键,在弹出菜单中选中"添加交换图像行

Fireworks多边形切片工具的使用

平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的.但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了,以下我就详细介绍多变切片工具的使用方法! 1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如图所示: 2.回到第一桢,在工具栏找到多边型工具(K),如果所示: 3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示:

Fireworks网页切片应用详解

网页|详解 我们这里所说的切片(Slice)就是将一幅大图像分割为一些小的图像切片,然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来,成为一幅完整的图像.这样做可以减低图像的大小,减少网页的下载时间,并且能创造交互的效果,如翻转图像等,还能将图像的一些区域用html来代替.Fireworks在网页切片制作方面有很强的优势,今天我们就来仔细看看Fireworks网页切片全攻略. 一.切片在网页制作中的作用 在网页上的图片较大的时候,浏览器下载整个图片的话需要花很长的时间,切

Fireworks CS3切片工具的使用

在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局.在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局.切片的目的是为了获得图像素材,也就是说能够通过写XHTML语言脚本实现效果的部分,就不需要切片,而必须用图像的地方,则一定要切片.下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能,具体操作步骤如下: 1.

教你Fireworks使用切片工具

  在fireworks或者是photoshop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局.在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局.切片的目的是为了获得图像素材,也就是说能够通过写XHTML语言脚本实现效果的部分,就不需要切片,而必须用图像的地方,则一定要切片.下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能,具体操作步骤如下:

Fireworks使切片具有简单的交互效果

交互 使切片具有简单的交互效果 拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法. 具体说来,拖放变换图像方法使您可以确定指针经过一个切片时该切片所发生的变化.最终结果通常称为变换图像.变换图像是在网页浏览器中当指针经过其上方移动时,其外观发生更改的图形. 当选定切片时,一个带有十字的圆圈出现在切片的中央.这称为行为手柄. 通过从触发切片拖动行为手柄并将其放置在目标切片上,可以轻松地创建变换图像和交换图像效果.触发器和目标可以是同一切片. 热点也具有用于结合变换图像效果的行为手柄.

关于 Fireworks 图片切片技术的一点心得补充

心得 今天看到贵版的切片教程,对于新手老说是好东东哈. 对于大图的切割,我自己认为能规则的切就规则的切,不要随心所欲的切...之所以这样说,是因为通常切片后,我都不怎么用FW自动生成的HTML表格.. 我们可以先看看FW自动生成的表格的结构(没有经过特殊设置的): 假如一幅图切了两行,第一行是三块图,第二行是两块图,这五副切片的宽度都不一致,那么输出后自动成的表格将会是3行6列的一个大表格.我们发现每个放置切片图的单元格是没有设置固定的width和height参数的,实际上对于单元格尺寸的控制,

关于Fireworks图片切片技术的一点心得补充

今天看到贵版的切片教程,对于新手老说是好东东哈. 对于大图的切割,我自己认为能规则的切就规则的切,不要随心所欲的切...之所以这样说,是因为通常切片后,我都不怎么用FW自动生成的HTML表格.. 我们可以先看看FW自动生成的表格的结构(没有经过特殊设置的): 假如一幅图切了两行,第一行是三块图,第二行是两块图,这五副切片的宽度都不一致,那么输出后自动成的表格将会是3行6列的一个大表格.我们发现每个放置切片图的单元格是没有设置固定的width和height参数的,实际上对于单元格尺寸的控制,FW使