firework 实例教程

### Fireworks 实例教程知识点详解 #### 一、制作虚线 在网页设计中，虚线是一种非常常见的元素，用于划分区域或者增加视觉效果。Fireworks 提供了一种简便的方法来制作虚线。 ##### 操作步骤： 1. **启动 Fireworks MX**：首先启动 Fireworks 软件并创建一个新文件，文件尺寸可以自定义，本例中为 200x200 像素，背景色为白色。 2. **绘制直线**：选择“线条”工具，并保持按下“Shift”键绘制一条直线。 3. **选中直线**：切换到“指针”工具，点击直线选中它。 4. **设置描边种类**：在属性检查器中选择“描边种类”，然后选中“笔触选项”。 5. **选择笔触类型**：依次选择“铅笔”、“彩色铅笔”，并将纹理设置为“0%”。 6. **设置虚线效果**：点击“高级”按钮，在“间距”项中输入“200%”（或者“300%”），这是实现虚线效果的关键步骤。 7. **调整笔触形状**：在“形状”选项卡中，若要制作细虚线，需选中“正方形”并设置“大小”为 1。 8. **保存自定义笔触**：为了方便以后使用，可以将这些设置保存为命令。在“历史记录”面板中选中描边步骤，然后点击“步骤保存为命令”。 通过以上步骤，我们可以轻松地在 Fireworks 中创建自定义的虚线效果，并随时调用。 #### 二、制作环绕文字 环绕文字是一种常见的网页布局技术，能够使文字沿着特定路径排列，比如围绕着图像或者图形。 ##### 操作步骤： 1. **新建文件**：创建一个宽高均为 300 像素的新文件，背景设为白色。 2. **输入文本**：使用“文本”工具输入文本“http://www.sinoteacher.com.cn”，设置字体为 Arial Black，字号为 20 像素，颜色为黑色。 3. **绘制圆形**：使用“椭圆”工具绘制一个圆，并将其宽度和高度设置为 130 像素。 4. **设置圆形透明**：选择圆形，点击“填充颜色框”图标，在颜色弹出窗口中选择“透明”。 5. **设置圆形描边**：在“描边种类”中选择“铅笔”>“一像素柔化”。 6. **选择文字和圆形**：按住 Shift 键同时选择文字和圆形。 7. **附加到路径**：在菜单栏中选择“文本”菜单下的“附加到路径”选项。 8. **调整文字位置**：使用“缩放工具”调整文字的位置或方向。 9. **倒转文本方向**：若需要文本沿路径内侧排列，可以选择“文本”菜单中的“倒转方向”。 通过这些步骤，我们可以轻松地在 Fireworks 中创建环绕文字效果。 #### 三、改变图片大小 调整图片大小是网页设计中经常需要用到的功能之一，特别是在需要适应不同屏幕尺寸的情况下。 ##### 操作步骤： 1. **打开图片**：在 Fireworks 中打开一张图片。 2. **修改图片大小**：选择“修改”菜单中的“画布”->“图像大小”，输入新的宽度值（例如 400 像素）。 3. **导出图片**：选择“文件”菜单中的“导出”，为文件命名并保存。 通过这些简单的步骤，我们可以在 Fireworks 中快速调整图片大小。 #### 四、羽化图片 羽化效果可以使图片边缘更加柔和，通常用于制作更自然的图片融合效果。 ##### 操作步骤： 1. **打开图片**：在 Fireworks 中打开一张图片。 2. **选择图片部分**：使用“选取框”工具或者“椭圆选取框”工具选择图片的一部分。 3. **设置羽化效果**：在属性检查器中选择“边缘”下的“羽化”，并调整羽化大小。 4. **反选图片**：选择“选择”菜单中的“反选”。 5. **删除非羽化部分**：按 Delete 键删除未被羽化的部分。 通过以上步骤，我们可以轻松地为图片添加羽化效果。 #### 五、缺角矩形的制作 在设计中，缺角矩形是一种常见但独特的图形样式。 ##### 操作步骤： 1. **新建文件**：创建一个宽为 150 像素，高为 100 像素的文件。 2. **绘制矩形**：使用“矩形”工具绘制一个矩形。 3. **切割矩形边角**：选择“刀子工具”，按住 Shift 键切割矩形的右上角。 4. **删除顶点**：使用“部分选定”工具选择并删除顶点。 5. **切割另一角**：使用“钢笔”工具在左下角绘制一条直线，然后使用“部分选定”工具选择并删除顶点。 通过这些步骤，我们可以在 Fireworks 中轻松制作出缺角矩形。 #### 六、制作两头半圆的矩形 两头半圆的矩形是一种具有特殊形状的图形，适用于多种设计场景。 ##### 操作步骤： 1. **选择圆角矩形工具**：在“工具”面板中选择“圆角矩形”工具。 2. **调整圆角程度**：在属性检查器中将圆角程度调整到最大（100%）。 3. **绘制图形**：在工作区中绘制一个两头半圆的矩形。 通过以上步骤，我们可以制作出两端带有半圆的矩形。 #### 七、制作渐变按钮 渐变按钮因其美观且易于制作而在网页设计中广泛使用。 ##### 操作步骤： 1. **绘制矩形**：使用“矩形”工具在工作区绘制一个矩形。 2. **选择渐变工具**：在“工具”面板中选择“渐变”工具。 3. **设置填充方式**：在属性检查器中选择“线性”填充，并在编辑渐变窗口中添加并调整色样颜色。 通过这些步骤，我们可以在 Fireworks 中制作出带有渐变效果的按钮。 Fireworks 是一款功能强大的图形处理软件，能够帮助设计师们轻松完成各种网页设计任务，从基本的图形绘制到复杂的图像处理，都可以通过其提供的各种工具和技术来实现。