在Fireworks中使用切片

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

查看切片


在图层面板的网页层可 以进行查看并选择切片 操作。在网页层中显示 文档中当前网页对象的 完整列表。 在网页层里,单击一个 切片名称,则会选中这 个切片,这时切片在网 页层中高亮显示。并且 在画布上处于选定状态。 单击网页层右上角的按 钮,可以选中文档中所 有的切片。
显示和隐藏切片


使用工具编辑切片


如果要对切片的形状进行编辑,首先选择 切片,接着选择【指针】工具,然后拖动 切片的角点,修改其形状或者使用变形工 具执行所需的变形。 也可以在属性检查器中通过调整数字编辑 切片的大小和位置。
删除切片



在图层面板的网页层中,选择要删除的切片, 单击面板底部的【删除所选】按钮。 把按钮从库拖动到页面时,会自动创建一个切 片,可以在画布上看到这个切片,但它不会出 现在网页层中。 如果使用【指针】工具在画布上选择了切片, 并把这个切片删除,则会删除整个按钮。如果 要保留底层图形,先使用【指针】工具在画布 上选择切片,然后单击【修改】菜单上的【元 件】子菜单下的【分离】命令,这个切片消失, 但会保留这个按钮图形。



当创建切片后再对文档进行编辑时,可以把创建的切片和其它 网页对象进行隐藏,隐藏切片时可以使这个切片在Fireworks PNG文件中不可见,但可以在HTML中导出隐藏的切片。 单击各个网页对象旁边的眼睛图标,可以把这个切片隐藏,这 时眼睛图标位置显示为空,再单击这个位置,可以使切片重新 可见。 单击网页层旁边的眼睛图标,可以把在网页层的所有切片隐藏。 如果要把文档内所有的热点、切片和辅助线进行隐藏操作,可 以在工具箱中单击【隐藏切片热点】按钮,即可把切片隐藏。 把切片在文档中隐藏后,虽然在文档内显示不可见,但导出到 HTML后,这个切片区域照样会被导出。 如果要在任意文档视图中隐藏或显示切片辅助线,可以单击 【视图】菜单中的【切片辅助线】命令。
切片
fetta
创建矩形切片


要为一个设计好的网页图形创建切片,可以使 用【切片】工具绘制。在选择【切片】工具后, 拖动即可绘制切片对象。创建的切片对象出现 在网页层中,从切片对象延伸的线是切片辅助 线,切片辅助线可以确定导出文档时把文档拆 分成的单独图像文件的边界。这些辅助线默认 为红色。 单击【编辑】菜单上的【插入】子菜单上的 【矩形切片】命令,这个切片是一个矩形,它 的区域包括所选对象最外面的边缘。如果选择 了几个对象,可以对应用切片的方式进行选择。
创建多边形切片

如果要从矢量图或路径创建多边形路径, 则首先选择一个矢量图,单击【编辑】菜 单中的【插入】子菜单中的【多边形切片】 命令,即可创建。
创建HTML切片



如果要创建HTML切片,则首先绘 制切片对象并把它保留为选定状态, 再在属性检查器中的【类型】下拉 菜单中选择【HTML】。 然后单击【编辑】按钮,在【编辑 HTML切片】对话框中,输入文本, 通过添加HTML文本格式设置标签, 编辑完成后,单击【确定】按钮, 应用更改并关闭【编辑HTML切片】 对话框,输入的文本和HTML标记, 将以原始HTML代码的形式出现在 Fireworks PNG文件中切片的正文上。 选择所要插入切片的对象,单击 【编辑】菜单中的【插入】子菜单 上的【切片】命令,如果选择了几 个对象,弹出对话框,选择【单一】 或【多重】创建单一切片或多重切 片。
更改切片对象和辅助线的颜色


源自文库
为各个切片和切片辅助线指定唯一的颜色 有助于查看和组织它们。 如果要更改所选切片对象的颜色,在属性 检查器的颜色框里选择新的颜色。
移动切片辅助线调整切片的大小






切片辅助线可以用来定义切片的周长和位置。超出切片对象的切片辅 助线用来定义,在导出时,如何对文档的其余部分进行切片。通过拖 动矩形切片周围的切片辅助线,可以更改其形状,不能通过移动切片 辅助线,进行调整非矩形切片对象的大小。 如果几个切片沿单个切片辅助线对齐,则可以通过拖动这个切片辅助 线调整全部切片对象的大小。 另外,如果沿着给定的坐标拖动一个辅助线,则同一个坐标上的其它 所有辅助线将会随之一起移动。 如果要调整一个或几个切片的大小,把【指针】工具放在切片辅助线 上,指针变为辅助线移动指针,然后把切片辅助线拖动到所需位置, 切片大小即被调整,所有相邻切片也自动调整大小。 使用【指针】工具可以把切片辅助线拖出画布的边缘,也可以把切片 辅助线重新定位到画布的边缘。 如果要移动相邻的切片辅助线,可以首先在按下上档键的同时拖动一 个切片辅助线,拖动时经过的所有切片辅助线都会移动到这个位置。
相关文档
最新文档