中职网页设计与制作课件Fireworks2-3章.ppt

《中职网页设计与制作课件Fireworks2-3章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章Fireworks基础FireworksCS5是一款用来设计网页图像的应用程序。它可以创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和优化图形。2.1Fireworks简介12.2图像处理基础2.2.1像素与分辨率像素是构成图像的最小单位。一个图像的像素越多，包含的图像信息就越多，图像的质量就越高，同时保存它们也需要更多的磁盘空间。分辨率是一个重要概念，它是衡量图像细节表现力的技术参数。2分辨率的种类有很多，其含义也各不相同。1.图像分辨率指图像中存储的信息量，一般指每英寸的像素数。2.显示器分辨率指在有效显示范围内，显示器

2、的显像设备可以在每英寸荧光屏上产生的光点的数目。3.输出分辨率指用打印机输出图像时，在每英寸打印纸上可以打印出多少个表征图像输出效果的色点。32.2.2位图与矢量图Fireworks可以处理位图图形和矢量图形。1．位图图形使用像素来表现图形。像素是正方形的小颜色块，每个像素都有自己特定的位置和颜色值。优点在于色彩表现非常丰富,一般位图图像的像素非常多而且很小，图像看起来非常细腻。缺点是如果将图像放大到一定的比例，会呈锯齿状。452．矢量图形由被称为矢量的数学对象定义的直线和曲线组成。优点是与分辨率无关，可以缩放成任意尺寸，其外观品质不会发生变化。缺点在

3、于颜色数量较少，色彩表现力较差。672.2.3颜色模式位图图形式中，每个像素都有自己的颜色值，而计算机只能处理数字信息，所以，用计算机处理颜色信息，必须先把它转换为数字信息。颜色模式就是提供一种将颜色信息转换成数字信息的方法。常见的颜色模式有：1、黑白模式2、RGB模式3、CMYK模式4、LAB模式5、HSB模式81、黑白模式用黑白两种颜色值来表示图像中的像素。它的每一个像素用一个二进制位来记录图像的色彩信息，保存图像要求的磁盘空间最少。92、RGB模型三原色——R代表Red（红色），G代表Green（绿色），B代表Blue（蓝色）。自然界的任何色彩都

4、可以通过这三种色彩混合而成。3种基色中的每一种都有一个0～255（十六进制:0～FF）的取值范围，通过对红、绿、蓝的各种取值进行组合就可以得到各种颜色。红色：#FF0000、绿色：#00FF00、蓝色：#0000FF黄色：#FFFF00、紫色：#FF00FF、青色：#00FFFF10113、CMYK模型被称为减光模式，一般用于打印或印刷。通过青（Cyan）、洋红（Magenta）、黄（Yellow）3种基色的组合构成颜色。实际应用中经常向其中添加第4种基色——黑（Black），使印刷品能够再现纯正的黑色。4、Lab模式125、HSB模式H(hues)表

5、示色相，S(saturation)表示饱和度，B（brightness）表示亮度。HSB模式在调整图像色彩时特别有用。色相：在-180°到+180°的标准色轮上，色相是按位置度量的。色相由颜色名称标识，如红色、蓝色或绿色。饱和度：是指颜色的强度或纯度。在标准色轮上，饱和度从中心到边缘递增。亮度：是颜色的相对明暗程度，通常使用从0%（黑色）至100%（白色）的百分比来度量。13原图改变图像的色相、饱和度和亮度142.3FireworksCS5的工作环境工具箱文档窗口属性面板浮动面板菜单栏工具栏152.4文档操作2.4.1文档的基本操作1.新建文档选择“文

6、件→新建”命令。或单击工具栏的“新建”按钮。162.打开文档选择“文件→打开”命令或者单击工具栏的“打开”按钮。3.导入素材选择“文件→导入”命令或者单击工具栏的“导入”按钮。174.保存文档选择“文件→保存”命令或者单击工具栏的“保存”按钮。常用的文件格式有：JPG、GIF、PNG。JPG：保存普通图像一般用的格式。GIF：保存透明背景图像或动画使用的格式。PNG：如果要保留图层信息，方便以后修改，必需选择的格式。182.4.2文档的查看1.使用文档选项卡单击文档窗口顶部的文档名，可以选择该文档为当前文档。每个打开文档都显示在视图按钮上方。192.

7、“缩放”工具。先选择“缩放”工具（1）放大。在需要放大的区域单击。（2）缩小。ALT+单击。（3）放大图像的某个区域。按住鼠标左键，拖动出一个矩形方框。203.“手形”工具当图像窗口无法显示完整的图像时，使用“手形”工具来移动图像的显示区域。选择“手形”工具，图像窗口中按住鼠标左键进行拖动。双击工具箱中的“手形”工具，使图像自动符合窗口大小显示。212.4.3画布和文档属性在处理图像时，可以根据需要对它进行调整，如修改图像大小、调整图像的分辨率、修改画布大小、更改画布颜色、修剪画布等。221.修改图像大小可使用以下方法之一：选择“修改→画布→图像大小”

8、命令，弹出“图像大小”对话框。在“属性”面板中单击“图像大小”按钮。232.修改画布大小可使用