Fireworks入门教程:掌握数字艺术设计基础

3星 · 超过75%的资源 需积分: 0 4 下载量 48 浏览量 更新于2024-08-01 收藏 1.24MB PDF 举报
"Fireworks 入门教程" Fireworks 是一款由Macromedia公司开发(后被Adobe收购)的专业图形设计软件,主要用于Web图形设计和原型制作。它结合了矢量图形编辑和位图编辑功能,同时也支持交互式原型和Web PNG动画的创建。Fireworks 入门意味着学习如何有效地利用这款工具进行网页元素的设计和优化,包括按钮、logo、网页布局以及切片输出等。 在Fireworks MX 2004版本中,用户可以体验到一系列增强的功能和改进,如: 1. **矢量图形编辑**:Fireworks提供了丰富的矢量绘图工具,允许用户绘制精确的线条、形状,并能轻松调整大小而不失真。用户还可以应用渐变、图案填充以及复杂的路径操作。 2. **位图处理**:除了矢量图形,Fireworks还支持位图编辑,包括图像裁剪、调整、滤镜应用等。它提供了基本的图像编辑功能,如调整亮度、对比度、色彩平衡,以及应用模糊、锐化等效果。 3. **图层管理**:如同Photoshop,Fireworks也支持多图层编辑,用户可以在不同图层上独立工作,方便组织和管理设计元素。 4. **对象和文本样式**:预设的对象和文本样式让设计更加高效,用户可以快速应用已保存的样式到新元素,保持设计的一致性。 5. **交互式原型**:Fireworks非常适合制作网页和移动应用的交互原型,通过链接和动作设置,可以模拟页面间的导航和交互行为。 6. **导出与优化**:强大的导出功能是Fireworks的一大亮点,它能将设计导出为多种Web友好的格式,如PNG、JPEG、GIF,并且能针对Web进行优化,减小文件大小。 7. **集成其他Adobe工具**:与Dreamweaver、Flash的紧密集成,使得设计师可以在一个更广泛的设计环境中工作,实现无缝协作。 8. **符号(Symbols)**:符号是一种可重复使用的图形元素,可以统一管理和修改,确保在整个设计中的一致性。 9. **切割工具(Slicing)**:切割工具允许用户将设计分割成多个部分,便于单独优化和导出,这对于网页设计尤其有用。 10. **脚本支持**:Fireworks支持JavaScript和ActionScript,可以编写脚本来控制交互行为或与外部程序通信。 学习Fireworks入门,不仅能够提升网页设计效率,还能帮助设计师更好地理解Web图形的需求和限制,从而创作出既美观又实用的设计作品。无论是初学者还是有一定经验的设计师,掌握Fireworks都将为Web设计工作带来极大的便利。
2009-06-27 上传
本章要点 Fireworks Mx的启动及工作界面 修改文档属性及视图的调整 Fireworks是网页制作者设计网页的专业软件工具,是一个创建优秀的高质量的JPEG和GIF图像的工具软件。它可以直接将Fireworks图形导出为HTML或是JavaScript代码,也可以直接在图形上插入链接。在Fireworks 中可以使用矢量工具绘制图形,也可以在位图模式下进行图像的编辑。 由于Fireworks与Flash是同一家公司开发的,其界面和使用上有很多相似之处。所以,在学习了Flash软件的基础上再学习Fireworks时,大家会发现相对更容易上手一些。 5.1 Fireworks MX 2004的启动 安装Fireworks MX 2004后,单击桌面左下角“开始”菜单->“程序”->“Macromedia”->“Fireworks MX 2004”,会出现一个开始页面窗口,在这里可以快速访问最近编辑过的文档或创建一个新文档,如图5.1.1所示: 选择新建“Fireworks文件”,弹出“新建文档”的对话框,如图5.1.2所示。在此,可根据实际需要设置画面的大小和颜色等等信息,各选项具体含义如下: 画布大小:设置文件画布的宽、高度,可以用象素、英寸或厘米为单位。 分辨率:文件的分辨率越高,图像越精细,但同时文件也会越大。 画布颜色:文档画布颜色有三个选项,依次为白色、透明色和自定义颜色。在自定义颜色下方的色彩选择框中,可以自行选择一种颜色。 按如图所示进行设置,单击“确定”后,新的文件就创建完成了。 5.2 Fireworks的工作界面 新建文档完成后就可以看到Fireworks的工作界面了,如图5.2.1所示。Fireworks的工作界面由“标题栏”、“菜单栏”、“文档窗口”、“工具面板”、“选项面板”和“属性面板”六个部分组成。基本上跟Flash差不多。 5.2.1文档窗口 文档窗口是工作窗口的主要部分,在文档窗口上不仅可以绘制矢量图,也可以直接处理点阵图(位图)。文档窗口上有四个选项卡,如图5.2.2所示。当前是“原始”选项窗,也就是文档窗口,只有在此窗口中才能编辑图像文件。而在“预览”选项窗中则可以模拟浏览器预览制作好的图像。“2幅”和“4幅”选项卡则分别是在两个和四个窗口中显示图像的制作内容。 5.2.2工具面板 新版的Fireworks工具面板除了新增了一些工具以外,还与原有的工具重新进行优化组合,使其更加的直观和人性化。工具面板中的工具主要分为6个类别:选择、位图、矢量、网页、颜色和视图。有些工具按钮的右下角有一个小三角,说明这个按钮集成了几种不同的工具,按住这个小三角不放就显示出其他工具,将鼠标移动到要选择的工具上即可选中该工具,如图5.2.3所示。 5.2.3属性面板 当选择对象或选取工具的时候,其相关信息都会在属性面板中显示出来。同时也可以通过修改属性面板中的数据或内容来调整图像的相关属性。例如图像的大小、位置及色彩等等,如图5.2.4所示。 图5.2.4 属性面板 点击窗口标题栏的“属性”可展开或折叠属性窗口。在标题栏右边的下拉列表中可以设置窗口只显示一半的高度和关闭该窗口。 5.2.4浮动面板 Fireworks的浮动面板共有14个,分别为“信息、层、混色器、颜色样本、样式、URL、库、形状、帧、历史记录、行为、查找、优化和对齐面板”,能够帮助用户编辑所选对象的各个方面或文档的元素。每个面板即可相互独立进行排列又可与其它面板组合成一个新面板。但各面板的功能依然相互独立,点击面板上的名称可展开或折叠该面板。 你知道吗? 当找不到所需浮动面板时,鼠标单击菜单栏的“窗口”,在出现的下拉菜单中可看到相应子菜单,单击打开即可。