fireworks处理网页图像速成教程.ppt

使用Fireworks处理网页图像 主要内容： Fireworks的基本功能 使用Fireworks设计Web图形图像 10.1 与图形图像相关的几个基本概念 1.图形和图像 位图和矢量图的比较 2. 分辨率 分辨率：指一个图像在水平和垂直方向分别包含多少个像素。 什么是像素？ 像素：像素（Pixel，或px），相对长度单位。像素是相对于显示器屏幕分辨率而言的。 单一像素长与宽的比例不见得是正方形（1：1），依照不同的系统也有“1.45：1”以及“0.97：1”的比例 当普通台式机的屏幕分辨率设置为800×600的时候，根据勾股定理，知道显示器对角线的象素为1000，而普通的17显示器对角线的长度为43cm左右。也就是说，在这种情况下，1000px约＝43cm，即1px＝0.4mm。 但是如果设置分辨率为1024×768，对角线的象素则为1280，如果还是17‘显示器，这时：1280px＝43cm即1px＝0.3359375mm （1）图像分辨率 图像分辨率是指图像中每单位长度所包含的像素或点的数目，常以像素/英寸（ppi）为单位来表示。如72ppi表示图像中每英寸包含72个像素或点。分辨率越高，图像将越清晰，图像文件所需的磁盘空间也越大，编辑和处理所需的时间也越长。 （3）输出分辨率 输出分辨率又叫打印分辨率，指照像机、绘图仪或激光打印机等输出设备在输出图像时每英寸所产生的油墨点数。若使用与打印机输出分辨率成正比的图像分辨率，就能产生较好的输出效果。 （4）图像分辨率基本标准 在Fireworks、CorelDRAW等软件中，默认分辨为72像素/英寸，这是满足普通显示器的分辨率。 大型灯箱图像一般不低于30像素/英寸。 发布于网页上的图像分辨通常可以设置72像素/英寸或96像素/英寸。 报纸图像通常设置为120像素/英寸或150像素/英寸。 彩版印刷图像通常设置为300像素/英寸。 对于一些特大的墙面广告等到可设定在30像素/英寸以下 3. 了解颜色颜色有以下两种产生形式： 色制： 用数值的方式精确地描述颜色。 以“光线三原色”为基础，产生的色制称为“RGB”（红绿蓝）色制。 在该色制中，记录或者表达一种颜色，可以用3个数字组成一组来实现。 （255,0,0）-----红色（#ff0000） （0，0，0） -----纯黑(#000000) （255，255，255）纯白(#ffffff) 每种原色都可以从0到255。 一共可以产生多少种颜色？ 256*256*256=167 7216种颜色 用于印刷的图像设计，例如平面设计，要采用CMYK： C（纯青色）、M（洋红）、Y（黄色）、K（黑色） 10.2 认识Fireworks1.界面 2. 文件的管理新建文件： 打开文件 保存文件/另存为： 3.工具箱 （一）、选择工具指针工具 部分修改工具 缩放工具 倾斜工具 扭曲工具 剪裁工具/导出区域工具 （二）位图工具选取框工具 套索工具 魔术棒工具 补充内容： 使用选择相似命令 编辑选区中像素区域 删除：Delete 移动：ctrl+x，ctrl+v 复制：ctrl+c，ctrl+v Fireworks提供了用颜色填充选区的功能，比如选择了选区后，可以删除，然后用油漆桶填充；也可以不删除，按住Alt+Delete组合键进行填充 技巧1： 移动选区的内容：可以使用“指针工具”，直接移到选区内部，鼠标指针上有剪刀图形时，直接拖动 复制选区的内容：当把鼠标指针移动到选区内部时，再按下键盘上的“Alt”键不松开，那么拖动内容即为复制。 技巧2： 精确移动选区内容 使用键盘上的方向键，可以每次移动一个像素 如果按下Shift键，再使用方向键，可以一次移动10个像素 更多的创建和调整选取框的方法 (1) 增加选区：按住Shift键 (2) 从选区中除去一部分选区：按住Alt键 (3) 选区交叉：按住Alt+Shift键 (4) 反转选区：Ctrl+Shift+I或“选择—反选” (5) 扩展或收缩选区：“选择—扩展选取框或收缩选取框” (6) 在现有的选取框基础上选择其边界区域：“选择—边框选取框” (7)平滑处理选取框边框：“选择—使选取框平滑” (8)将选取框转换为路径：“选择—将选区转化为路径”，（这也是位图转为矢量图的一种方法） 练习1：立体包装袋 目的：练习使用缩放、扭曲和倾斜工具 练习2：使用位图工具创建页面 * 类似于逻辑概念 类似于照片 图形（Graphics） 图像（ Image） 无论显示画面是大还是小，画面上的对象对应的算法是不变的，所以，即使对画面进行倍数相当大的缩放，其显示效果仍然相同[不失真] 缩放会失真