繁體中文当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 使用热区和切割（Hotspots and Slices）（上）
- FireWorks
- 用FW MX制作简单banner
- 首例为FWMX编写的命令集IATA
- Fireworks MX 制作燃烧效果
- 用FW MX的变形工具制作大脚印图标
- 巧用FW MX的笔触制作宣纸书法
- Fireworks绘制三维矢量透视图
- Fireworks绘制精致立体IPOD
- Fireworks教程：绘制可爱夸张QQ表情
- FW画chinaui导航条
- FW画banner
- 下拉菜单和交互图片
- 动态LOGO的制作
- 命令MASK动画中
- 绘制可爱的圣诞新年Kitty猫咪卡通桌面
- 先建模再渲染 Fireworks矢量立体图标完整流程
- 用Fireworks做出精美的文字特效
- Fireworks 制作精细PC图标
- Fireworks三维插件辅助绘制转动立体球
- FW滤镜制作血滴效果
- Fireworks打造残破效果
FireWorks 中的 使用热区和切割（Hotspots and Slices）（上）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-22 浏览: 48 ::
收藏到网摘: n/a
| 使用热区和切割（Hotspots and Slices）（上） 每个PNG文件都有一个特殊的层—Web Layer，Web Layer就是专门用来记录热区和切割信息的，这些信息包含了HTML语言的特性，因此被称作网络层（Web Layer）。 热区（Hotspots）就是当一张图片包含数个超链接时用于指定哪部分区域指向哪个超链接地址的对象，在标准的HTML语言中用<map>标签表示。 切割（Slices）是Fireworks最先提出来的概念，以前当网络速度不很理想而图片又稍大时，设计师通常把一张大图片分成小图片放在表格中，使得图片的显示速度加快，但是这项工作费时费力，于是Fireworks提供了可视化进行切割图片的工具，大大减少了设计师们重复劳动的工作。 热区和切割最后会被输出成标准的HTML代码，你只要将这些代码插入到页面相应的位置就可以了。我们应该很容易找到热区和切割在工具栏中的位置，并且看到他们的扩展工具，入图：  我们先来看热区工具，热区工具中包含3个工具，分别用来建立矩形、圆形和不规则形状的热区，就象使用其他绘图工具一样使用他们就可以建立任何形状的热区。  如果这些工具不能满足你对热区形状精确控制的要求，那么我们还有其他的方法。例如我们要建立一个星型的热区，我们可以这样做：首先，在画板上绘制一个预想中的星型，使用多边型工具（Polygon Tool）应该非常容易做到这一点，然后选择Insert->Hotspot，Fireworks就会根据这个多边形的路径创建一个形状和大小相同的热区（注意：Fireworks是新创建了一个热区对象，而不是转换这个路径，因此原来的多边形仍旧存在），完成之后就可以把一开始的那个多边形删除掉了。  如果现在我们用节点工具（Subselection Tool）拖动热区上的某个节点，可以看到热区依然保持着很好的可编辑性！！！ 现在我们要为热区添加和超链接有关的HTML特性。打开Object面版（Window->Object），可以看到相关的参数。其中包括链接的URL地址，alt的文字，以及打开链接的方式（Target），在最后的shape菜单里我们还可以将热区在最基本的3种形状之间互相转换。  完成了这些之后就可以用File->Export输出HTML格式的代码了。下面就是输出后的结果，试着用右键单击矩形框的内部就会看到一个星型的形状，同时我还在这个热区上增加了一个OnMouseOver时，在浏览器状态栏内显示文字的Behavior，有兴趣的话可以自己试试。  |
评论 (0) All
