图像与动画的制作与优化

《图像与动画的制作与优化》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、8.1图像的制作与优化Fireworks是集创建、编辑和优化网页图形为一体的应用软件，它不仅可以创建与编辑位图和矢量图，而且可以通过修剪和优化图形图像来减小文件的大小。而在不影响图形图像质量的情况下，文件的体积越小，网页的下载速度就越快。这也是Fireworks大受欢迎的原因之一。8.1.1Fireworks简介-1Fireworks拥有与Dreamweaver相似的操作界面，同样由编辑区域、属性面板和浮动面板等组成。8.1.1Fireworks简介-2单击菜单栏上的“文件”，在下拉菜单中选择“新建”命令，打开“新建文档”对话框，在“新建文档”对话框中，可以通过更改宽度

2、和高度的值，来更改画布的大小，还可以对分辨率和画布颜色进行修改。最后单击“确定”。8.1.1Fireworks简介-3窗口左边的工具面板分为六个区域，分别有不同的功能。在该面板上集成了编辑图像所需的各种工具，只需要在面板上选择相应的工具就可以对矢量图、位图进行操作，这样就省去了在位图和矢量图之间的切换操作。8.1.1Fireworks简介-4和Dreamweaver的属性面板一样，Fireworks的属性面板也是一个包含各种选项的动态面板。随着操作内容的变化，属性面板上的内容也随着发生相应的变化。如图8.6所示是选中画布时，属性面板的样子。8.1.1Fireworks简

3、介-5在默认的情况下，Dreamweaver的面板组停放在工作区的右侧。我们可以取消面板组，以及叠放面板，排列面板顺序等操作。在该面板组中可以完成许多高性能操作。如图8.7所示该面板组中有“优化”、“层”、“资源”、“帧和记录”和“答案”等面板，其中“层”和“答案”面板是打开的。8.1.1Fireworks简介-6在窗口中间是画布，它是对图像进行绘制、修改或编辑的地方。从图8.8中可以发现它提供了四种预览模式：原始、预览、2幅和4幅。具体的使用可以在下面的实例中给予说明。8.1.2Fireworks中图片的制作-1更改画布单击菜单栏上的“修改”，弹出其子菜单，然后移动鼠

4、标指针到画布上，在弹出其子菜单后，单击“画布大小”命令。在对话框中输入宽和高的值，单击“确定”按钮。8.1.2Fireworks中图片的制作-2画出红色的矩形区域在工具面板的“矢量”区中单击“矩形”工具，然后在工具面板的“颜色”区中单击填充颜色块，在弹出的调色板中选择红色。在画布上拖动鼠标，画出一个红色的矩形区域。8.1.2Fireworks中图片的制作-3输入字母在工具面板的“矢量”区中单击“文本”工具，然后在编辑区的红色矩形块中单击鼠标，出现一个有光标闪动的文本框。在文本框中输入大写的字母“JL”，然后拖动鼠标选中这两个字母，接着在“属性”面板中单击“颜色”块，在弹

5、出的调色板中选择“黄色”。在属性面板中单击“字体”框，在下拉列表中选择“Tahoma”字体，然后单击字号框右边的下拉按钮，拖动滑动指针，设置字号为31，在编辑区域单击鼠标，文字变成设置的效果。8.1.2Fireworks中图片的制作-4在工具面板的“选择”区中单击“选取”工具，然后在编辑区域中拖动文本框到合适的位置，使两个字母看起来更美观。8.1.2Fireworks中图片的制作-5输入汉字重复上述操作，在红色矩形块的右边输入“杰力”两个汉字，设置字体为“楷体”，字号为28。单击菜单栏上的“文件”，在弹出的文件菜单中单击“保存”命令。对文件进行保存。8.1.2Firew

6、orks中图片的制作-6导出图片单击菜单栏上的“文件”，在文件菜单中单击“导出”命令。在对话框中输入文件名，单击“保存”按钮。8.1.3Fireworks中图片的优化-1除了可以直接制作图片以外，Fireworks还可以对已有的图片进行优化，使图片在不影响视觉效果的情况下，体积更小，更有利于网络传输。8.1.3Fireworks中图片的优化-2打开图片单击菜单栏上的文件，打开“文件”菜单，在下拉菜单中单击“打开”命令，在“打开”对话框中，单击“查找范围”框，在下拉列表中找到存放图片文件的文件夹，然后选种要优化的文件，最后单击“打开”按钮。8.1.3Fireworks中图

7、片的优化-3在窗口右边的面板组中单击“优化”面板的“小三角”按钮，将“优化”面板展开。在“优化”面板中单击“设置”框，在下拉列表中选择“GIF接近256”,将图片优化成GIF文件，图片颜色为256色。优化图片8.1.3Fireworks中图片的优化-4单击文件菜单，在下拉菜单中选择“导出”命令，打开“导出”对话框。在“导出”对话框中输入文件名，单击“保存”命令。导出图片打开保存文件的文件夹，可以发现优化的效果是非常明显的。8.1.4Fireworks与Dreamweaver整合应用-1网站的制作过程一般可分为网页组件制作准备、网页制作和网