Fireworks4的热点和切片

2016-02-19 18:51 0 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的Fireworks4的热点和切片教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Fireworks4的热点和切片[组图] 】

  Fireworks4的热点和切片

  热点(hotspots )和切片(slices )是用来创建图像交互效果的重要工具,热点和切片被称为web对象,也就是说,它们不是图像而是一段html代码,在层面板上的Web Layer ,你可以查看,选择和重命名热点和切片。

  热点和影象地图

  在网页设计中热点(hotspots )和影象地图(image maps )被广泛的使用,热点是图像上带有超级链接的一块区域,同一副图上可以有几个热点链接到不同的地址,这就是影象地图。

  在Fireworks中你可以作出不同形状的热点

  创建矩形或圆形热点

  1,选择矩形或圆形热点工具

 

  2,使用热点工具在图像上拖拉画出你要创建热点的区域,按住alt键可以从中心画起

  创建多边型热点

  1,选择多边形热点工具

  2,在图上点击鼠标,然后在另一点上点击,就会自动连起来构成多边型热点,就象使用钢笔工具一样。

  沿选择的对象边缘创建热点

  1,选择菜单命令Insert Hotspot插入热点

  2,如果你选择了不止一个对象,就会跳出一个对话框问你是创建一个还是多个热点。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

  3,你可以选择single创建一个热点或是选择mutiple创建多个热点

  添加链接

 

  1,打开object 面板

  2,在link框内添入链接地址

  3,在alt 框内可输入替代图像的文字,在图像下载的过程中这些文字会显现出来

  给切片加上链接的方式也是一样的

  切片

  切片可以将一副大的图片分割开来,这样可以减低图像的大小,并且能创造交互的效果,如翻转图像等,还能将图像的一些区域用html来代替。

  创建规则的切片

  规则的切片是最常见的

  1, 打开图像文件(File Open)

  2,选择图像上的一块区域,

  3,选择菜单insert-slice

  4,当然你也可以使用切割工具进行切割

  切片的区域上将会覆盖上一层半透明的绿色,切片周围显示红色的导线,在最后输出以后这些红色的导线将不会显现出来。  

  创建不规则图形切片

  1,选择工具面板上的不规则切割工具

 

  2,沿图像边缘进行不规则切割

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

 

  显示和隐藏切片

  打开图层面板点击slice(切片)层上眼睛的图标,就可以显示和隐藏图标 

 

转载自5D多媒体

来源:https://www.tulaoshi.com/n/20160219/1619218.html

延伸阅读
    输出图象 当图象优化完成以后,就可以输出了 1,选择File - Export to可以直接进行输出 2,选择Images Only只输出图象 3,选择html and images可输出图象和html文件 输出一个区域的图象 1,选择工具条上的输出区域工具,在图上画出需要输出的区域范围 2,双击输出区...
用Fireworks4创建图像翻转 除了创建按钮之外,Fireworks 还可以让您轻松的创建一个奇异的 Javascript 翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的其他区域的显示,在 Fireworks 中,这种翻转效果被称作不相交翻转( disjoint rollover)。 加入引发翻转的图像 1...
    画一个矩形 首先我们要在辅助线的帮助下,画一个矩形。 1,从菜单上将View Guides的Show Guides和Snap to Guides 选上,这样就可以显示辅助线并且确保对齐到辅助线(Guids)。 2,单击工具条上的矩形工具(Rectangle tool)。     3,将矩形工具(Rectangle tool)指针贴近辅助线(Guides)矩...
    要创建一个JavaScript 按钮 ,必须先将物件转化为Symbols(符号),fireworks中的(符号)是存储在文档的库(Library)中可以重复利用的元素。 转化为Symbols(符号) 1,选定这个矩形区域,从菜单中选择 Insert Convert to Symbol. 2,在Name(名称)一栏中填入 MyButton 。 3,选择按钮(Button)选项,然后单击“...
平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的。但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了,以下我就详细介绍多变切片工具的使用方法! 1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如图所示:(转载请注...

经验教程

964

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部