FireworksCS4图像编辑.ppt

本章学习方法指引 本章将学习数码图像的基本概念，熟悉Fireworks工作环境，利用Fireworks 创建和优化用于网页的图像，本章处理的图像将可直接在第6章综合实验建立的网站中使用。 2.1 数码图像基础知识 像素（pixel）：记录图像的基本单位 2592*1944=5038848≈500万像素 2856*2142≈600万像素 图像分辨率：每英寸内的像素数量 分辨率越高，图像品质越佳 （图像的长*宽）/分辨率 =图像的实际尺寸（英寸）*2.54 =打印尺寸（公分） 2.1 数码图像的基本概念 位图与矢量图 位图：由像素点组成,记录每个像素点的颜色值，再拼成整图。常用格式有.jpg、.gif、.bmp等 颜色值可有8位，16位，32位等几种。 图像大小计算方法： 一张像素为 800*600大小的颜色值为232的数码图片 ，其图像大小为800*600*32 bit 数码摄影设备、扫描设备得到 的是位图，放大后会产生马赛 克 2.1 数码图像的基本概念 矢量图使用直线和曲线描述图形,由矢量轮廓线和矢量色块组成，文件的大小由图像的复杂程度决定，与图形的大小无关，并且矢量图可以无限放大而不会模糊。适用于网络标志或动画。常用格式有.ai、.cdr、.fh.、swf等。 位图与矢量图比较 2.1 数码图像的基本概念 常用颜色模式 RGB颜色 色加法：红+绿+蓝 电视显示器使用的颜色模式 CMYK颜色 色减法：青 洋红 黄 黑 印刷打印使用的颜色模式 2.1 数码图像的基本概念 数码图像的文件格式 JPEG JPEG（Joint Photographic Experts Group，联合图像专家组），文件的后缀名是.jpg，这是最常见的一种文件格式，几乎所有的图像软件都可以打开它。 TIFF TIFF(Tagged Image File Format,标记图像文件格式），文件的后缀名是.tif，这是现阶段印刷行业使用最广泛的文件格式。 2.1 数码图像的基本概念 数码图像的文件格式 GIF GIF(Graphics Interchange Format,图像交换格式），文件的后缀名是.gif。 BMP BMP(Bitmap)文件的后缀名是.bmp。 2.1 数码图像的基本概念 数码图像的文件格式 PNG PNG是近几年才兴起的网络图像格式。它的特点是： 1. 存储形式丰富，兼有GIF和JPG的色彩模式。 2. 采用无损压缩方式来减少文件的大小，这一点与牺牲图像品质以换取高压缩率的JPG有所不同。 3.显示速度很快，只需要下载1/64的图像信息就可以显示出低分辨率的预览图像。 4.支持透明图像的制作，在制作网页的时候，把图像背景设为透明，让图像和网页背景很和谐地融合在一起。 2.1 网上常用图像格式 2.2 Fireworks CS4的工作环境 “开始”页 2.2 Fireworks CS4的工作环境 2.2 Fireworks CS4的工作环境 “工具”面板 “工具”面板分成6个类别：选择、位图、矢量、Web、颜色和视图。 2.2 Fireworks CS4 工作环境 “属性”面板 “属性”面板是一个上下文关联面板，它显示当前选区的属性、当前工具选项或文档属性。默认情况下，“属性”面板停放在工作区的底部。 2.2 Fireworks CS4工作环境 面板是浮动的控件，能够编辑所选对象的各个方面或文档的元素。面板可以处理状态、层、元件、颜色样本等。每个面板都是可拖动的，因此可以按自定义排列方式对面板进行分组。 2.2 Fireworks CS4工作环境 浏览和查看文档 可以控制文档的缩放比率、视图个数和显示模式。另外，可以很容易地移动文档视图，这在放大后不再能看到整个画布时很有用。 2.2 Fireworks CS4工作环境 浏览和查看文档 缩放和移动 使用视图模式管理 工作区 显示多个文档视图 (“窗口”) 2.3 更改画布 更改画布属性 更改画布大小 更改画布颜色 调整文档内容 旋转画布 2.3 更改画布 让图像大小符合画布 如果文档在画布内容周围有多余的空间，可以选择“修改”→“画布”→“符合画布”命令，修剪画布直至适合图像尺寸。 2.3 更改画布 使用标尺、引导线和网格 标尺 标尺能够帮助测量、组织和计划作品的布局。因为Fireworks图形主要用于网页中，而网页中的图形是以像素为单位进行度量，所以不管创建文档时所用的度量单位是什么，Fireworks 中的标尺总是以像素为单位进行度量。 选择“视图”→