Fireworks4的热点和切片

sos5003

sos5003

2016-02-19 18:51

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

  Fireworks4的热点和切片

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

  热点和影象地图

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

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

  创建矩形或圆形热点

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

 

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

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

  创建多边型热点

  1,选择多边形热点工具

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

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

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

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

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

  添加链接

 

  1,打开object 面板

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

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

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

  切片

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

  创建规则的切片

  规则的切片是最常见的

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

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

  3,选择菜单insert-slice

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

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

  创建不规则图形切片

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

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

 

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

 

  显示和隐藏切片

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

 

转载自5D多媒体

展开更多 50%)
分享

猜你喜欢

Fireworks4的热点和切片

设计创意
Fireworks4的热点和切片

Fireworks4热点和切片(上)

设计创意
Fireworks4热点和切片(上)

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Fireworks4热点和切片(下)

设计创意
Fireworks4热点和切片(下)

Fireworks4的输出

设计创意
Fireworks4的输出

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Fireworks4图像优化

设计创意
Fireworks4图像优化

Fireworks4的自动操作

设计创意
Fireworks4的自动操作

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Fireworks CS4的新增面板

Fireworks CS4的新增面板

FW绘制可爱的圣诞新年Kitty猫咪卡通桌面(1)

FW绘制可爱的圣诞新年Kitty猫咪卡通桌面(1)
下拉加载更多内容 ↓