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