敬业的IT人 >> 网站建设 >> 网页设计 >> Fireworks >> Fireworks 4.0 认证教程 第一章 Fireworks 4.0入门

Fireworks 4.0 认证教程 第一章 Fireworks 4.0入门

敬业的IT人 互联网 佚名 2008-1-10 11:00:25

【内容提要】

  本课主要介绍Fireworks的工作界面,熟悉一些基本操作,设置工作参数。

  主要内容包括:

  1.1 Fireworks的简介

  1.2 Fireworks的工作界面

  1.3 设置Fireworks的工作参数

  重点与难点:

  Fireworks的菜单栏、工具栏、工具箱的使用,这是学习Fireworks的基础,也是入门的难点。

  关键字

  菜单栏、工具栏、工具箱、工作参数

  【本课内容】

  1.1 简介

  Fireworks 4是Macromedia公司推出的第一个专门针对网络的图形图像处理软件,除了基本的图像处理功能外还为它配备了强大的网络开发功能,使它在网络上得到了越来越广泛的应用,Fireworks与其他一些图形图像处理软件相比,在图像处理上毫不逊色,尤其重要的是Fireworks在网络应用上有着绝对的优势,方便、快捷的制作动画、按钮,创建热点、生成切片,还有完善的图像优化功能,甚至可以用Fireworks来编辑整幅web页面 ,它为web页面的制作提供了全套处理方案,再也不必象以前那样为制作web页面而在各种软件之间频繁切换 。

  Fireworks能与其他软件完美的结合,可以直接生成HTML代码为FrontPage、Dreamweaver等专门的HTML编辑器所用,也可以直接在Dreamweaver中启动Fireworks来编辑相应的图像,完成编辑后,图像自动更新。Fireworks的这些特性使其成为炙手可热的网页图形图像处理工具。

  1.2 Fireworks的工作界面

  在学习Fireworks的具体使用之前,我们先来熟悉Fireworks的工作界面和一些基本操作。这些内容不可能一下子就掌握,我们会在以后的教程当中经常使用到,再逐渐积累直至完全掌握这部分内容,这需要一个循序渐进的过程。

  1.2.1 启动Fireworks,让大家领略一下Fireworks的全貌

  

  Fireworks的工作界面分为7大部分,分别是:标题栏、菜单栏、工具栏、工具箱、文档窗口、面板、状态行,我们将在下面逐一说明。

  一、 标题栏

  标题栏左侧显示Fireworks的图标和名称,接着显示的是正在编辑的文档名以及文档的格式。

  二、 菜单栏

  菜单栏存放了一个软件所有的命令,通过菜单栏几乎可以执行所有的命令,完成所有的工作,Fireworks的命令相当多,多数的菜单选项还包含级联菜单,菜单选项右侧的小三角表示有级联菜单,点击该菜单选项便会打开相应的级联菜单。

  

  三、 工具栏

  Fireworks中主要有两个工具栏:

  【Main】 工具栏

  

  【Modify】工具栏

  

  工具栏中放置了许多快捷命令按钮,主要为了方便用户快速进行一些操作。

  为了调整屏幕显示空间,我们可以按住键盘"ctrl" 键,拖动工具栏使其处于浮动状态,再移到空闲位置;或者单击【Window】菜单下的【toolbars】级联菜单中的【Main】和【Modify】命令将其隐藏或显示。

  四、 工具箱

  工具箱中工具的使用将在以后详细讲解,在此先熟悉一下工具的名称,便于以后的学习。

  

  五、 文档窗口

  文档窗口是用来显示正在编辑的图像内容,相当于画家使用的画布。可以在"Original ""Preview""2-up"、"4-up"状态之间切换。

  Original标签页:主要工作页,即工作窗口,所有的编辑工作都在此标签页内进行。

  Preview标签页:预览,在此标签页中可以观察目前编辑的图像在网页上的状态。在此标签页内不能执行任何编辑动作。

  2-Up、4-Up标签页:分别打开两个、四个窗口,可以对各种导出方案做比较,以决定最优方案。

  

  六、 面板

  面板也是Fireworks的一个工具集;在window菜单下有"stroke"、"effect"、"layers"等总共18个面板选项。这些面板以及相关参数我们会在今后的学习中逐步熟悉并掌握。

  可以参照教材了解面板的组合、拆分,以及面板的组成,每一个面板都许多设置控件,如:下拉菜单、复选框、滑块标尺等。通过这些控件调节我们才能做出自己的效果。

  

  

  七、 状态行

  位于程序窗口的底部,主要用来显示当前编辑的对象和选中工具的相关信息

  1.3 设置工作参数

  Fireworks允许用户根据喜好设置自己的工作参数,我们只需了解该节内容,不用深究。要进行设置可以按以下操作:

  点击【Edit】菜单下的【Preference】命令,打开"Preference"对话框,如图:

  

  可以看到"general"、"editing"、"launch and edit"、"folder"、"import"五选项卡。接下来我们来了解这些选项卡的一些基本的参数设置。

  1.3.1 "General"选项卡

  从上图中可以看到

  1. Undo steps :撤销步骤的步数,系统默认20步,在历史面板上可以看到这前20步,我们可以通过它增加历史步骤,有效范围是0~100,没必要设得太大。这会占用过多的内存

  2. Color Defaults :系统对 Brush、Fill、Highlight的颜色默认设置,点击颜色框,更改颜色。

  3. Interpolation :用来设置对图像进行缩放时插入像素的方式。有四种方式。

  1.3.2 "Editing" 选项卡

  1. Precise Cursors :在编辑图像时,有些工具可出现十字光标,便于精确定位。

  2. Delete Objects When Cropping :修剪文档或改变画布尺寸时,将删除那些位于选区以外的内容。

  3. Expand to fill document 在整个文档范围内进行像素编辑。

  4. Open in Bitmap Mode :直接在图像编辑模式中打开图像文件。

  5. Turn off "Hide Edges":隐藏边缘。

  6. Display Striped Border :显示边缘斑纹。

  1.3.3 "Launch and Edit " 选项卡:

  在其他应用软件中调用Fireworks进行图像处理时,是否要打开Fireworks的PNG文档 。 有三个选项:

  1. always use source PNG :总是使用源PNG 文档。

  2. never use source PNG: 不使用源PNG 文档。

  3. ask when launching: 调用前询问。

  1.3.4 "Folders" 选项卡:

  1. Additional materials: 添加外部资源。点击 "Browse"按钮,找到该资源的位置,点击确定进行添加。

  2.Scratch Disk: 指定Fireworks存放临时文件的位置,合理利用磁盘空间。

  1.3.5 "Import"选项卡:

  该选项卡是针对导入Photoshop文件而设置的

  

  1.Photoshop file conversion: PSD文件到PNG文件的转换

  "layers"的单选框中,选择将PSD中的层转换为Fireworks的对象还是将层转换为一频。

  "Text"中。选择PSD中的文本文字转换为PNG后,是保持原可编辑状态还是保持其外观。

  2.use flat composite image: 将PSD文件的图像作为一张简单的图片导入,忽略所有的层、文本等对象。

  小结

  本章作为入门的第一课,主要是让大家认识一下Fireworks,熟悉Fireworks的工作界面;菜单栏 、工具栏、工具箱、文档窗口和面板的名称以及作用,了解Fireworks的一些基本操作,设置工作参数。我们应重点加强对相关工具的熟悉程度,使我们能很快进入下一阶段的学习。

粤ICP备06119539号
Copyright CiscoSky.Org,Some Rights Reserved.
Email:me1228#tom.com