Fireworks基础

2017-04-26 15:21:15
admin
883
最后编辑:admin 于 2017-04-26 20:12:47

Fireworks是Adobe专门针对网络图像处理的工具软件,它既可以编辑网页图像,又可以编辑网页动画,制作按钮、导航条、菜单等,甚至直接制作网页。Fireworks具有传统图像制作软件的功能,并且把位图处理和矢量处理完美的结合在一起,可轻松创建高质量的JPEG和GIF图像。借助于Fireworks,您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与Dreamweaver和 Flash共同构成的集成工作流程可以让您创建并优化图像。利用可视化工具,无需学习代码即可创建具有专业品质的网页图形和动画,如变换图像和弹出菜单等。

主要功能:


创建编辑
创建和编辑矢量图像与位图图像,并导入和编辑本机Photoshop和Illustrator文件。

图像优化
采用预览、跨平台灰度系统预览、选择性JPEG压缩和大量导出控件,针对各种交互情况优化图像。

高效集成
导入 Photoshop (PSD) 文件,导入时可保持分层的图层、图层效果和混合模式。将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。导入 Illustrator (AI) 文件,导入时可保持包括图层、组和颜色信息在内的图形完整性。

原型构建
网站和各种 Internet应用程序构建交互式布局原型。将网站原型导出至 Adobe Dreamweaver,将 RIA 原型导出至 Adobe Flex。

支持多页
使用新的页面板在单个文档 (PNG 文件) 中创建多个页面,并在多个页面之间共享图层。每个页面都可以包含自己的切片、图层、帧、动画、画布设置,因而可在原型中方便地模拟网站流程。

组织方式
采用与 Adobe Photoshop 类似的新分层图层结构来组织和管理原型,使您能方便地组织 Web 图层和页面。

滤镜效果
应用灯光效果、阴影效果、样式和混合模式 (包括源自 Photoshop 的 7 种新的混合模式),增加文本和元件的深度和特性。

公用库存
公用库中包含 Web应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画,可以使用它迅速开始原型构建过程。

智能缩放
通过 9 切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将 9 切片缩放与新的自动形状库相结合,以加速网站和应用程序的原型构建进度。

简化集成
复制 Fireworks 中的任意对象,并直接粘贴到 Dreamweaver中。创建可保存为 CSS 和 HTML(标准通用标记语言下的一个应用) 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3,导出时可保持矢量、位图、动画和多状态不变,然后在 Flash 中编辑文件。


主界面:

Fireworks CS界面包括菜单栏、工具栏(主要工具栏、修改工具栏)、工具面板、活动面板和文档窗口等,如下图所示。 

一、菜单栏

Fireworks CS包括10个菜单,即:文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助。
    将鼠标移至菜单名称处单击,即可打开该菜单,如下图所示为【编辑】菜单。部分命令以浅灰色显示,表明当前状态下命令无效。如果命令后面有三角符号,选择此命令之后,将打开相关的子菜单。 


二、工具栏

 Fireworks CS提供了两个工具栏,即:【主要】工具栏和【修改】工具栏。使用 【主要】工具栏可以执行与文档相关的操作,如:新建、打开、保存等,如下图左所示。使用 【修改】工具栏可以执行一些常见的图像编辑任务,如:组合、取消组合、移到最前、移到最后等,如下图右所示。 


二、文档窗口

文档窗口是Fireworks的工作区域,如下图所示,可以根据实际需要,同时打开多个文档窗口。


三、工具面板

 Fireworks的工具面板根据功能划分为六个类别,分别是:选择、位图、矢量、Web、颜色和视图。工具面板是Fireworks CS3中使用最频繁的功能,如下图所示。
    选择工具包括了一些选择及编辑工具;位图工具面板包括了对位图进行操作的各种工具;矢量工具面板则包括了一些矢量工具;网页工具面板包括了设计网页时需要的一些工具;颜色工具面板可以为图形设置不同的颜色;视图工具面板用于视图的移动及缩放等操作。 

当用户选择一种工具后,在属性面板中将显示该工具的详细参数设置,用户可以设置合适的参数以满足自己使用该工具的需要。选择菜单【窗口】|【工具】命令,可以显示或隐藏工具箱。

 


五、属性面板

属性面板显示了当前所选对象的属性、当前工具选项或文档的属性,如下图所示。


六、浮动面板

浮动面板是Fireworks 将一组相关操作集中在一个浮动面板中,处理起来即方便又快捷,且可视化的结果能立即反映到图像中。浮动面板可以折叠、展开、组合、移动、缩放和关闭,即灵活又有效地利用了屏幕的空间,在屏幕个性化视图的组成上,用户有了更多的选择权。
如图所示,Fireworks主窗口右面是浮动面板的停靠区,拖动工作区和浮动面板停靠区之间的分割栏可以改变浮动面板停靠区的宽度。
单击分割栏按钮,可以打开或关闭浮动面板停靠区,

Fireworks 中有下列常用的浮动面板:

(1)【混色器】和【样本】面板:用于选择图像中描边和填充的颜色,在【混色器】面板中可以用RGB的数值来选择各种各样的颜色。
(2)【层】面板:提供对图像图层的各种操作,对图层进行管理。
(3)【帧】面板:提供对动画中帧的各种操作,对帧进行管理。
(4)【信息】面板:提供画布上鼠标所在点的颜色和坐标的信息。颜色用RGB数值表示,坐标原点默认为画布的左上角,可以用标尺改变坐标原点。

(5)【历史记录】面板:列出最近使用过的操作,以便能够快速撤消和重复这些操作。
(6)【库】面板:元件是Fireworks 8中可以重复使用的对象,元件保存在元件库中。可以把图像中的对象转换为元件,也可以使用Fireworks 8提供的元件,【库】面板提供对元件库中元件的各种操作,对元件进行管理。
(7)【优化】面板:用来设置图像文件的输出格式、品质以及最终输出的文件大小等参数。
(8)【样式】面板:样式是一组格式的集合,使用样式可以快速地对对象进行复杂的格式化。使用【样式】面板可以方便地使用样式库里的样式,并对样式进行管理。

七、标尺

Fireworks 提供了标尺、辅助线和网格帮助用户在Fireworks图像中精确定位。标尺以像素为单位。选择【视图】|【标尺】命令可以显示或隐藏标尺。
1.改变画布上的坐标原点
如图所示,用鼠标拖动标尺左上角的有两条虚线交叉的区域,在画布中将两条虚线交叉点对准要设置为原点的点放开即可。
2.利用标尺定位
用鼠标拖动需定位的对象,水平和垂直标尺上会出现黑色的色块,如图2-13所示,使两色块均对准要定位的刻度值即可

八、辅助线与网格

辅助线可为用户绘制图形和对象定位提供帮助。Fireworks 8还提供了将对象吸附到辅助线的功能,即当对象移到离辅助线一定距离时会自动吸附到辅助线上。
在对图像进行编辑时可以锁定辅助线,使其不能移动。
网格可视为一系列等距离的水平和垂直辅助线构成的体系,同样有显示或隐藏,吸附对象等功能,操作与辅助线类似。

1.产生和删除辅助线
把鼠标指针定位在标尺内,拖动到画布内,即可产生一根辅助线,将辅助线拖出画布即可将它删除。
2.锁定辅助线
选择菜单【视图】|【辅助线】|【锁定辅助线】命令,有 √ 复选标记则锁定,无 √ 复选标记则可移动。
3.对齐辅助线
选择菜单【视图】|【辅助线】|【对齐辅助线】命令,有 √ 复选标记则对象会自动吸附到辅助线,无 √ 复选标记则不会自动吸附。

4.显示或隐藏辅助线
选择菜单【视图】|【辅助线】|【显示辅助线】命令,有 √ 复选标记则显示,无 √ 复选标记则隐藏,
5.改变网格单元格的尺寸
选择菜单【视图】|【网格】|【编辑网格】命令,在弹出的对话框中输入合适的网格单元格的尺寸,并单击【确定】按钮确认。





    • 在线客服
    • 关注微信
    • 联系电话
      • 欢迎咨询
      • 欢迎加入QQ群 303257430
    • 公众号:源宝网络
      • 联系电话及微信号 18902328227