如何在Fireworks CS5中使用切片 - 傻瓜

Adob​​e Fireworks Creative Suite 5支持 s l 结冰 ，这是一种将大文件分解为更小的数据包所以他们下载更快。这也是一种将网址附加到网格图案的不同区域的方法。

切片图稿的完美选择是导航栏。每个选项卡都是一个单独的切片，在Web浏览器中单击时，会将观察者带到不同的位置。

<！ - 1 - >

选择适合画布命令。

创建基本图像

首先，为此示例创建基本图像 - 矩形。请执行以下步骤：

1. 选择“文件”→“新建”以打开“新建文档”对话框。在宽度框中输入500，在高度框中输入200;单击确定。

2. 打开新的空白文档。 （请注意，它比您创建的图像更大，稍后会看到如何修改它。）

   在“工具”面板的“矢量”部分中选择“矩形”工具。点击并拖动来创建一个矩形。

3. 任何尺寸都可以。

   选中矩形后，在“工具”面板的“颜色”部分中单击“填充颜色”，然后选择一种颜色。

4. 选择窗口→信息打开信息面板。

5. 在W（宽度）框中输入300，在H（高度）框中输入50。

6. 您也可以使用“属性”面板来设置此大小。使用“指针”工具，单击矩形外部画布中的任意位置以取消选择该矩形。

   右键单击（Windows）或按住Control键单击（Mac），然后从上下文菜单中选择修改画布→调整画布。

7. 画布调整为矩形的大小。

8. 如果没有选定对象，也可以单击“属性”面板中的“适合画布”按钮。

   画布调整以适合您的物体。

添加文本

将文本添加到导航栏。

在“工具”面板的“矢量”部分中选择“文字”工具。

在“工具”面板的“颜色”部分中单击“填充颜色”。选择一种颜色。

1. 在“属性”面板中设置字体和字号。

2. 单击矩形的左半部分，将插入点定位到您希望文本开始的任何位置，然后键入文本。

3. 单击文本区域右侧的两次以取消选择活动文本区域并创建一个新文本区域。

4. 按住Alt + Shift（Windows）或Option + Shift（Mac）键并将初始文本框拖到右侧以克隆和对齐新的文本框。

   

5. 为您的下一个导航标签键入一两个字。使用指针工具重新定位文本。

   切片

6. 准备好一个简单而有效的导航栏之后，使用切片工具创建一些切片，然后导出它们。请遵循以下步骤：

7. 在“工具”面板的Web部分中选择“切片”工具;然后单击并从矩形的“主页”部分的左上角向右下角拖动。

如果您要追求完美，请选择查看→标尺来显示标尺。当标尺可见时，您可以点击并拖出指南。

切片处于活动状态时，“属性”面板将更改为提供切片选项。

1. 使用“切片导出设置”下拉列表更改格式。

   

   如果艺术品有很多纯色，请选择GIF格式;如果图像颜色层次较多，请选择JPEG。

   在链接文本框中输入一个链接。

2. 在“Alt”文本框中输入链接的简要说明。

   替代文本

3. 是在下载页面时显示的文本。如果观看者已经关闭了他的网页浏览器中的图形显示，它也出现在图形的位置。使用“切片”工具，单击并拖动以围绕导航栏的后半部分。重复步骤3和4.

4. 这是简单的切片形式。通过创建整个切片页面（因为搜索引擎喜欢搜索文本内容），您可以使流程尽可能地复杂到具有多个链接和目的地的导航栏。