Fireworks 8 教程第01章 Fireworks 8使用基础
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
第1章 Fireworks 8使用基础 章 使用基础
Macromedia Fireworks 8是一个用来设计和制作专业化网页图形的应用软件,它 给网页图形设计人员和开发人员提供一个快捷方便的制作环境.在Fireworks中,用 户可以利用系统所提供的位图与矢量图工具创建,编辑Web图形与动画,利用可配 置的输出和优化图像功能,将制作好的图像输出到Macromedia Dreamweaver或其他 HTML编辑环境中.同时,在Dreamweaver和Flash内可以直接启动与编辑Fireworks 图形,从而使网页制作变得更加轻松自如 .
菜单栏 工具箱 面板组 绘图窗口
属性面板
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
菜单栏
Fireworks 8的菜单栏包括"文件","编辑","视图","选 择","修改","文本","命令","滤镜","窗口"和"帮 助"10个菜单 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
处理文本
Fireworks 8提供了强大的文本处理功能,除了可以进行一般的文本 操作,如运用不同的字体和调整文字之间的间距外,还可以同"笔触" 面板,"填充"面板,动态滤镜相结合,设计出更为美观的文本.下图 所示为在普通文本上运用了投影滤镜后的效果 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
制作GIF动画
在Fireworks中可以创建和编辑简单的GIF动画,其原理是首先创建 动画元件,然后添加到多帧上,并通过移动,缩放和旋转等动作来实现 元件在屏幕上的动画效果.此外,还可以给每帧上的动画元件添加不同 的滤镜特效.下图所示为一个GIF动画里面不同帧的显示效果 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例,可以选择"图像大小"对话框中的 _____ 复选框. 6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系.它不随设计的文 档一同导出,只是起到辅助设计的作用,只能在工作环境中看到. 7. Fireworks 8提供了_____ , _____ 和 _____ 3种视图界面.
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
通过本章的理论学习和上机实训,读者应了解和掌握以 下内容:
Fireworks 8的工作界面 文档的创建方法 文档属性的设置方法 辅助工具的使用 视图的调整
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
新建新文档
要在Fireworks 8中创建新文档,可以选择"文件"|"新建"命令, 打开"新建文档"对话框,如下图所示.在对话框中输入画布的宽度和 高度数值,单位可以选择像素,英寸或厘米.然后输入图片的分辨率数 值,单位有像素/英寸和像素/厘米 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.5 使用辅助工具
在使用Fireworks进行图像制作时,通常需要使用一些辅助工具,如网格,标 尺和辅助线等.通过这些工具可以更加准确,方便地绘制图形.
使用标尺 使用网格 使用辅助线
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.2 Fireworks 8的工作界面
Fireworks 8的工作界面非常简洁,主要由以下几个部分组成:菜单 栏,工具箱,绘图窗口,属性面板和面板组,如下图所示.下面详细介 绍它们的特点和作用. 菜单栏 工具箱 绘图窗口 属性面板 面板组
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
选择题
8. 在Fireworks 8中可以通过( A. 双击"手形"工具按钮 B. 双击"缩放"工具按钮 )方法快速设置文档为100%显示. C. 在画布中双击 D. 按住Alt键在画布中单击
9. 在Fireworks 8中,用复制命令复制一个对象后,再新建一个文档,则该文档的默认画布大 小为( ). A. 上一次新建文档时所设置的画布大小 C. 随机数值 B. 复制到剪贴板中的对象的大小 D. 800×600像素
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块,它不像矢 量图形或位图图形那样以图像的形式存在,而是作为网页对象以HTML 代码的形式出现.在Fireworks的"层"面板的"网页层"中可以查看, 选取和编辑切片对象.此外,使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法.下图所示为在网页图像上 创建的切片 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
丰富的动态滤镜
在Fireworks中,可以使用丰富的动态滤镜为图像制作生动的效果. 动态滤镜包括"斜角和浮雕","杂点","阴影和光晕","调整颜 色","模糊"和"锐化"等.动态滤镜可以用于矢量对象,位图对象 和文本对象.在编辑这些对象时直接从属性面板中选择所要运用的滤镜 种类即可.下图所示为图像运用了增加杂点的效 .
1.6 调 整 视 图
在Fireworks中,图片的尺寸最小可以缩小到原尺寸大小的6%,最大可以放大 到原尺寸大小的6400%.可以使用工具箱中的"视图"工具组进行设置,下图所示
"手形"工具
"缩放"工具
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
编辑位图图像
在Fireworks中每一个位图都是一个独立的对象,可以对其运用 "魔术棒"工具,"套索"工具,"铅笔"工具,"刷子"工具,"橡 皮擦"工具等进行编辑修改,达到模糊,羽化,锐化,减淡,加深和涂 抹等效果.下图所示就是进行模糊处理后的效果对比.
绘图Hale Waihona Puke Baidu口
绘图窗口是Fireworks 8工作界面的主要部分,用户所编辑的对象都 在这里显示,而且可以通过它方便地进行查看比例,动画控制和文件导 出等操作,如下图所示 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口的底部,其中的参数随着绘图窗口中的对象 不同而变化,如下图所示.当编辑矢量图形时,属性面板中会出现笔触, 填充,滤镜等参数设置选项;而当编辑位图图像时,属性面板只出现滤 镜参数设置选项.灵活运用属性面板的各项参数设置,可以制作出许多 独特的图形效果.要打开或关闭属性面板,选择"窗口"|"属性"命令 即可 .
填空题
1. _____是Fireworks中用于创建交互性对象的基本构造块,它是作为网页对象以HTML代码的 形式出现. 2. Fireworks 8的工作界面主要由以下几个部分组成: _____ , _____ , _____ , _____和_____. 3. 面板可以显示撤销和重做的命令列表,合理利用该面板可以大大简化工作流程. 4. 要在"打开"对话框中同时选中多个文件,按住键盘上的 _____ 键,可选择多个相连的文 件;按住_____ 键,可选择多个不相连的文件.
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
图像输出优化
在Fireworks中往往需要对图像在导出前进行优化设置,以获得最 佳的图像品质和文件大小.优化图像通常涉及到选择最佳的文件格式, 设置该格式的特定选项,调整图形颜色等操作,这些操作都可以通过 Fireworks中的"优化"面板来完成.下图所示为"优化"面板 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.4 设置文档属性
使用Fireworks进行设计创作时,有些文档的属性设置在一开始时 无法确定,这需要随着制作的进行渐渐确定.例如画布的大小,图像内 容在画面中的位置,图像的分辨率等.本节将详细讲述如何来改变文档 的这些属性 . 设置画布大小 设置画布颜色 设置图像大小 旋转画布 修整画布
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
编辑矢量图形
在Fireworks中,矢量图形的绘制工具有"直线"工具,"矩形" 工具,"椭圆"工具,"星形"工具,"圆角矩形"工具等基本形状绘 制工具和"钢笔"工具,"矢量路径"工具等自由矢量路径绘制工具. 下图所示为在Fireworks中绘制的矢量图形 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档.如果想 生成Web页中常用的JPEG或GIF格式,则需要使用"导出"命令. 选择"文件"|"保存"命令,打开下图所示的"另存为"对话框. 在该对话框的"文件名"文本框中输入文档名称,并选择保存路径,然 后单击"保存"按钮即可保存文档 .
本章章节内容安排如下: 1.1 Fireworks 8的功能介绍 1.2 Fireworks 8的工作界面 1.3 创建Fireworks文档 1.4 设置文档属性 1.5 使用辅助工具 1.6 调 整 视 图 1.7 思考与练习
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时,首先要创建一个新文档或者打开一 个已经存在的文档.建立文档时的一些重要参数可以在创作过程中随时 改变 . 新建新文档 打开文档 保存和导出文档
1.1 Fireworks 8的功能介绍
Fireworks可以提供一个专业化的创建与编辑Web图像的工作环境, 在此环境下可以方便地绘制与编辑位图对象,矢量对象,制作动画,导 航条,弹出菜单,以及有图像翻转功能的热点与切片.本节将简要介绍 Fireworks 8的基本功能. 编辑位图图像 编辑矢量图形 处理文本 丰富的动态滤镜 制作GIF动画 快速创建切片和热点 图像输出优化
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
打开文档
在Fireworks 8中,用户可以很容易地打开,导入和编辑在其他图形 应用程序中创建的矢量和位图图像.打开已有的Fireworks文档时,可以 选择"文件"|"打开"命令,然后在下图所示的"打开"对话框中浏览 文件所在的文件夹,选择需要的文件并单击"打开"按钮即可 .
工具箱
默认情况下,工具箱位于Fireworks 8工作界面的左侧,其中包含 了10多种工具.选择"窗口"|"工具"命令可以显示或隐藏工具箱. 在Fireworks 8中,工具箱可以在窗口中任意移动,用户只需在其 上按下鼠标左键并拖动,即可在非功能区改变其放置位置..
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
简答题
10. 在Fireworks 8中如何创建一个新文档? 11. 在调整图像的尺寸时,图像中的内容会发生变化吗?影响画布尺寸吗? 12. 在Fireworks 8中如何旋转画布? 13. 在Fireworks 8中如何使用辅助工具绘制图形?
第1章 Fireworks 8使用基础 章 使用基础
Macromedia Fireworks 8是一个用来设计和制作专业化网页图形的应用软件,它 给网页图形设计人员和开发人员提供一个快捷方便的制作环境.在Fireworks中,用 户可以利用系统所提供的位图与矢量图工具创建,编辑Web图形与动画,利用可配 置的输出和优化图像功能,将制作好的图像输出到Macromedia Dreamweaver或其他 HTML编辑环境中.同时,在Dreamweaver和Flash内可以直接启动与编辑Fireworks 图形,从而使网页制作变得更加轻松自如 .
菜单栏 工具箱 面板组 绘图窗口
属性面板
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
菜单栏
Fireworks 8的菜单栏包括"文件","编辑","视图","选 择","修改","文本","命令","滤镜","窗口"和"帮 助"10个菜单 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
处理文本
Fireworks 8提供了强大的文本处理功能,除了可以进行一般的文本 操作,如运用不同的字体和调整文字之间的间距外,还可以同"笔触" 面板,"填充"面板,动态滤镜相结合,设计出更为美观的文本.下图 所示为在普通文本上运用了投影滤镜后的效果 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
制作GIF动画
在Fireworks中可以创建和编辑简单的GIF动画,其原理是首先创建 动画元件,然后添加到多帧上,并通过移动,缩放和旋转等动作来实现 元件在屏幕上的动画效果.此外,还可以给每帧上的动画元件添加不同 的滤镜特效.下图所示为一个GIF动画里面不同帧的显示效果 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例,可以选择"图像大小"对话框中的 _____ 复选框. 6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系.它不随设计的文 档一同导出,只是起到辅助设计的作用,只能在工作环境中看到. 7. Fireworks 8提供了_____ , _____ 和 _____ 3种视图界面.
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
通过本章的理论学习和上机实训,读者应了解和掌握以 下内容:
Fireworks 8的工作界面 文档的创建方法 文档属性的设置方法 辅助工具的使用 视图的调整
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
新建新文档
要在Fireworks 8中创建新文档,可以选择"文件"|"新建"命令, 打开"新建文档"对话框,如下图所示.在对话框中输入画布的宽度和 高度数值,单位可以选择像素,英寸或厘米.然后输入图片的分辨率数 值,单位有像素/英寸和像素/厘米 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.5 使用辅助工具
在使用Fireworks进行图像制作时,通常需要使用一些辅助工具,如网格,标 尺和辅助线等.通过这些工具可以更加准确,方便地绘制图形.
使用标尺 使用网格 使用辅助线
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.2 Fireworks 8的工作界面
Fireworks 8的工作界面非常简洁,主要由以下几个部分组成:菜单 栏,工具箱,绘图窗口,属性面板和面板组,如下图所示.下面详细介 绍它们的特点和作用. 菜单栏 工具箱 绘图窗口 属性面板 面板组
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
选择题
8. 在Fireworks 8中可以通过( A. 双击"手形"工具按钮 B. 双击"缩放"工具按钮 )方法快速设置文档为100%显示. C. 在画布中双击 D. 按住Alt键在画布中单击
9. 在Fireworks 8中,用复制命令复制一个对象后,再新建一个文档,则该文档的默认画布大 小为( ). A. 上一次新建文档时所设置的画布大小 C. 随机数值 B. 复制到剪贴板中的对象的大小 D. 800×600像素
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块,它不像矢 量图形或位图图形那样以图像的形式存在,而是作为网页对象以HTML 代码的形式出现.在Fireworks的"层"面板的"网页层"中可以查看, 选取和编辑切片对象.此外,使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法.下图所示为在网页图像上 创建的切片 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
丰富的动态滤镜
在Fireworks中,可以使用丰富的动态滤镜为图像制作生动的效果. 动态滤镜包括"斜角和浮雕","杂点","阴影和光晕","调整颜 色","模糊"和"锐化"等.动态滤镜可以用于矢量对象,位图对象 和文本对象.在编辑这些对象时直接从属性面板中选择所要运用的滤镜 种类即可.下图所示为图像运用了增加杂点的效 .
1.6 调 整 视 图
在Fireworks中,图片的尺寸最小可以缩小到原尺寸大小的6%,最大可以放大 到原尺寸大小的6400%.可以使用工具箱中的"视图"工具组进行设置,下图所示
"手形"工具
"缩放"工具
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
编辑位图图像
在Fireworks中每一个位图都是一个独立的对象,可以对其运用 "魔术棒"工具,"套索"工具,"铅笔"工具,"刷子"工具,"橡 皮擦"工具等进行编辑修改,达到模糊,羽化,锐化,减淡,加深和涂 抹等效果.下图所示就是进行模糊处理后的效果对比.
绘图Hale Waihona Puke Baidu口
绘图窗口是Fireworks 8工作界面的主要部分,用户所编辑的对象都 在这里显示,而且可以通过它方便地进行查看比例,动画控制和文件导 出等操作,如下图所示 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口的底部,其中的参数随着绘图窗口中的对象 不同而变化,如下图所示.当编辑矢量图形时,属性面板中会出现笔触, 填充,滤镜等参数设置选项;而当编辑位图图像时,属性面板只出现滤 镜参数设置选项.灵活运用属性面板的各项参数设置,可以制作出许多 独特的图形效果.要打开或关闭属性面板,选择"窗口"|"属性"命令 即可 .
填空题
1. _____是Fireworks中用于创建交互性对象的基本构造块,它是作为网页对象以HTML代码的 形式出现. 2. Fireworks 8的工作界面主要由以下几个部分组成: _____ , _____ , _____ , _____和_____. 3. 面板可以显示撤销和重做的命令列表,合理利用该面板可以大大简化工作流程. 4. 要在"打开"对话框中同时选中多个文件,按住键盘上的 _____ 键,可选择多个相连的文 件;按住_____ 键,可选择多个不相连的文件.
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
图像输出优化
在Fireworks中往往需要对图像在导出前进行优化设置,以获得最 佳的图像品质和文件大小.优化图像通常涉及到选择最佳的文件格式, 设置该格式的特定选项,调整图形颜色等操作,这些操作都可以通过 Fireworks中的"优化"面板来完成.下图所示为"优化"面板 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.4 设置文档属性
使用Fireworks进行设计创作时,有些文档的属性设置在一开始时 无法确定,这需要随着制作的进行渐渐确定.例如画布的大小,图像内 容在画面中的位置,图像的分辨率等.本节将详细讲述如何来改变文档 的这些属性 . 设置画布大小 设置画布颜色 设置图像大小 旋转画布 修整画布
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
编辑矢量图形
在Fireworks中,矢量图形的绘制工具有"直线"工具,"矩形" 工具,"椭圆"工具,"星形"工具,"圆角矩形"工具等基本形状绘 制工具和"钢笔"工具,"矢量路径"工具等自由矢量路径绘制工具. 下图所示为在Fireworks中绘制的矢量图形 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档.如果想 生成Web页中常用的JPEG或GIF格式,则需要使用"导出"命令. 选择"文件"|"保存"命令,打开下图所示的"另存为"对话框. 在该对话框的"文件名"文本框中输入文档名称,并选择保存路径,然 后单击"保存"按钮即可保存文档 .
本章章节内容安排如下: 1.1 Fireworks 8的功能介绍 1.2 Fireworks 8的工作界面 1.3 创建Fireworks文档 1.4 设置文档属性 1.5 使用辅助工具 1.6 调 整 视 图 1.7 思考与练习
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时,首先要创建一个新文档或者打开一 个已经存在的文档.建立文档时的一些重要参数可以在创作过程中随时 改变 . 新建新文档 打开文档 保存和导出文档
1.1 Fireworks 8的功能介绍
Fireworks可以提供一个专业化的创建与编辑Web图像的工作环境, 在此环境下可以方便地绘制与编辑位图对象,矢量对象,制作动画,导 航条,弹出菜单,以及有图像翻转功能的热点与切片.本节将简要介绍 Fireworks 8的基本功能. 编辑位图图像 编辑矢量图形 处理文本 丰富的动态滤镜 制作GIF动画 快速创建切片和热点 图像输出优化
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
打开文档
在Fireworks 8中,用户可以很容易地打开,导入和编辑在其他图形 应用程序中创建的矢量和位图图像.打开已有的Fireworks文档时,可以 选择"文件"|"打开"命令,然后在下图所示的"打开"对话框中浏览 文件所在的文件夹,选择需要的文件并单击"打开"按钮即可 .
工具箱
默认情况下,工具箱位于Fireworks 8工作界面的左侧,其中包含 了10多种工具.选择"窗口"|"工具"命令可以显示或隐藏工具箱. 在Fireworks 8中,工具箱可以在窗口中任意移动,用户只需在其 上按下鼠标左键并拖动,即可在非功能区改变其放置位置..
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
简答题
10. 在Fireworks 8中如何创建一个新文档? 11. 在调整图像的尺寸时,图像中的内容会发生变化吗?影响画布尺寸吗? 12. 在Fireworks 8中如何旋转画布? 13. 在Fireworks 8中如何使用辅助工具绘制图形?