图形图像处理

图形图像处理第1页，共57页，2023年，2月20日，星期六图像处理的基础知识色彩的知识图像的概念版面构成第2页，共57页，2023年，2月20日，星期六色彩的知识

不同的色彩给人以不同的感觉:给人以沉静、活泼、温暖、寒冷等感觉。也可以给人以热烈、冷漠、朴素、典雅、清爽、愉快等感觉。色彩知识第3页，共57页，2023年，2月20日，星期六

色彩具有三个基本属性:色相、色调、饱和度。色彩知识1、色彩属性第4页，共57页，2023年，2月20日，星期六色彩色相的变化

色相就是色彩的颜色。色彩知识1、色彩属性第5页，共57页，2023年，2月20日，星期六色彩的色调变化色调大致可分为鲜色调、灰色调、浅色调、深色调和中色调等。色调是指色彩的明暗程度。色彩知识1、色彩属性第6页，共57页，2023年，2月20日，星期六色相和色调对比对比度：不同颜色之间的差异。色彩知识1、色彩属性第7页，共57页，2023年，2月20日，星期六红蓝二色饱和度的变化饱和度是指色彩的纯度,又称为彩度。色彩知识1、色彩属性第8页，共57页，2023年，2月20日，星期六色彩知识2、色彩的含义第9页，共57页，2023年，2月20日，星期六色彩知识2、色彩的含义第10页，共57页，2023年，2月20日，星期六色彩知识2、色彩的含义第11页，共57页，2023年，2月20日，星期六色彩知识2、色彩的含义第12页，共57页，2023年，2月20日，星期六色彩知识2、色彩的含义第13页，共57页，2023年，2月20日，星期六红色：波长最长，穿透力强，感知度高。给人以温暖、兴奋、热烈、坚强、忠诚和威严等向上的感觉。红色有时意味着嫉妒或暴力，给人以警告、恐怖、危险感。色彩知识2、色彩的含义第14页，共57页，2023年，2月20日，星期六橙色：具有红与黄之间的色性，是最温暖、响亮的色彩。橙色有刺激食欲的作用，在食品包装设计中常用。使人感觉活泼、华丽、辉煌、炽热、幸福。但也有疑惑、妒嫉、伪诈等消极的倾向。色彩知识2、色彩的含义第15页，共57页，2023年，2月20日，星期六黄色：明度最高，属于暖色，色相温柔、平和。代表轻快、光明、辉煌、希望、欢悦等印象。黄色是一种非常醒目的颜色，在户外标识中被当作安全色使用。但黄色过于明亮而显得刺眼，并且和其他颜色相混极易失去原貌，故有轻薄、不稳定、冷淡等不良含义。色彩知识2、色彩的含义第16页，共57页，2023年，2月20日，星期六绿色：是大自然的代表色，象征春天、新鲜、自然、青春、环保、和平和生命等。绿色最适合人眼注视，有消除疲劳的作用。绿色也用来象征安全、无污染，比如我们常说的绿色食品，同时绿色也是未成年人的象征。色彩知识2、色彩的含义第17页，共57页，2023年，2月20日，星期六蓝色：与红色、橙色相反，是最冷的色彩。表示庄重、沉静、理智、高深、透明等含义，给人幽雅、深刻的感觉，也表示希望、幸福。蓝色象征高科技的强烈现代感，庄重理性和科技的感觉在IT企业中多被采用。蓝色是联合国规定的新闻象征颜色。蓝色也有刻板、冷漠、悲哀和恐惧等印象。色彩知识2、色彩的含义第18页，共57页，2023年，2月20日，星期六紫色：具有神秘、高贵、优美、庄重、奢华的气质。含浅灰的红紫或蓝紫色，却有着类似太空、宇宙色彩的幽雅、神秘之时代感，在现代生活在中广泛被采用。但有时也使人感到孤寂、消极。较暗或含深灰的紫，给人以不祥、腐朽、死亡等印象。色彩知识2、色彩的含义第19页，共57页，2023年，2月20日，星期六色彩知识2、色彩的含义第20页，共57页，2023年，2月20日，星期六黑色：没有色相和纯度。给人沉静、神秘、严肃、庄重、含蓄的感觉。它有调和色彩的作用。意喻深沉、神秘、死亡、悲哀，属不吉利色,使人产生凄寒和失望的意念，不能大面积使用。色彩知识2、色彩的含义第21页，共57页，2023年，2月20日，星期六灰色：是中性色，其突出的特点为柔和、细致、平稳、朴素、大方等，不像黑色与白色那样会明显影响其他的色彩。因此，常作为非常理想的背景色彩。任何色彩都可以和灰色相混合，略有色相感的含灰色能给人以高雅、细腻、含蓄、稳重、文明而有素养的高档感觉。但是滥用灰色易使人感觉乏味、寂寞、忧郁、无激情、无兴趣等。色彩知识2、色彩的含义第22页，共57页，2023年，2月20日，星期六色彩知识土褐色：含一定灰色的中、低明度各种色彩，如土红、土绿、熟褐、生褐、土黄、咖啡、古铜、茶褐等色，性格显得不太强烈，其亲和性易与其他色彩配合，特别是和鲜艳色搭配，效果甚佳。土褐色同时使人想起金秋的收获季节，有成熟、谦让、丰富和随和的感觉。2、色彩的含义第23页，共57页，2023年，2月20日，星期六色彩知识2、色彩的含义第24页，共57页，2023年，2月20日，星期六

图像的概念

图像的类型颜色的模式图像的格式图像的概念第25页，共57页，2023年，2月20日，星期六1、图像的类型在计算机中，图像是以数字方式来记录、处理和保存的，所以图像也可以说是数字化图像。图像类型可分为：位图图像和矢量图像。图像的概念第26页，共57页，2023年，2月20日，星期六位图图像：由许多像素点组成。优点：可以逼真地表现自然界的景观,在表现阴影和色彩的细微变化方面，也有着极好的表现。广泛应用在照片或绘画图像中。缺点：1）无法制作真正的三维图像。2）与分辨率有关，图像缩放和旋转时会失真。3）文件较大，对内存和硬盘空间容量需求较高。图像的概念1、图像的类型第27页，共57页，2023年，2月20日，星期六矢量图像：以数学描述的方式来记录图像内容。它的内容以线条和色块为主。优点：与分辨率无关，文件存储空间小，是文字和粗放图形的最佳选择。可以制作三维图像。缺点：不易制作色调丰富或色彩变化太多的图像，而且绘制出来的图像不是很逼真，无法像照片一样精确地描述自然界的景观。图像的概念1、图像的类型第28页，共57页，2023年，2月20日，星期六矢量图像与位图图像的区别:图像的概念1、图像的类型第29页，共57页，2023年，2月20日，星期六2、图像的格式PSD格式BMP格式GIF格式JPEG和JPEG2000格式PNG格式SWF格式图像的概念第30页，共57页，2023年，2月20日，星期六版面构成利用简单的文字和颜色，制造一些视觉上的特殊感受。版面构成第31页，共57页，2023年，2月20日，星期六版面构成版面构成第32页，共57页，2023年，2月20日，星期六Fireworks8图像处理

Fireworks8是一个完全为网页制作者设计的图像处理软件。它在绘图方面结合了位图以及矢量图处理的特点，不仅具备复杂的图像处理功能，能够自由地导入各种图像，并且还能轻松地把图像输出到Flash、Dreamweaver以及第三方的应用程序第33页，共57页，2023年，2月20日，星期六1Fireworks8工作界面第34页，共57页，2023年，2月20日，星期六2编辑区

编辑区位于应用程序的中心，在编辑区中不仅可以绘制矢量图，也可以直接处理位图。在编辑区有四个选项卡，分别是“原始”、“预览”、“2幅”和“4幅”。第35页，共57页，2023年，2月20日，星期六3绘图工具

Fireworks8的图像处理工具主要都集中在“工具”面板上。Fireworks8的“工具”面板分成了多个区域，包括选择、位图、矢量、Web、颜色和视图等区域，每个区域都提供了实现不同功能的常用工具。本节主要介绍“工具”面板中涉及的常用绘图工具，有效利用这些工具可以绘制出各种图形，并可为其设置相应的属性，如颜色、大小、位置等。第36页，共57页，2023年，2月20日，星期六3.1“选择”区域

1．“指针”工具2．“选择后方对象”工具3．“部分选定”工具4.“缩放”工具、“倾斜”工具和“扭曲”工具5．“裁剪”工具6．“导出区域”工具第37页，共57页，2023年，2月20日，星期六第38页，共57页，2023年，2月20日，星期六3.2“位图”区域

1．“选取框”工具和“椭圆选取框”工具2．“套索”工具和“多边形套索”工具3.“铅笔”工具4．“刷子”工具5．“橡皮擦”工具6．“橡皮图章”工具第39页，共57页，2023年，2月20日，星期六第40页，共57页，2023年，2月20日，星期六3.3“颜色”区域

1．“滴管”工具2.“油漆桶”工具和“渐变”工具第41页，共57页，2023年，2月20日，星期六3.4“矢量”区域1.“直线”工具2.钢笔工具

3．“矢量路径”工具和“重绘路径”工具4.绘图工具5.“自由变形”工具6．“更改区域形状”工具7.“路径洗刷”工具8.“刀子”工具第42页，共57页，2023年，2月20日，星期六第43页，共57页，2023年，2月20日，星期六4文本工具

4.1文本的编辑

1.输入文本2．编辑文本第44页，共57页，2023年，2月20日，星期六4.2文本与路径1．将文本附加到路径2．将文本转换为路径例9-1

例9-2

第45页，共57页，2023年，2月20日，星期六5蒙版的应用

蒙版又称为遮罩，是一项很有用的图形处理方法，使用蒙版可以为各个对象制作出自己想要达到的光影明暗效果。可以轻易地把一张彩色的位图图片中的颜色改为同一色系的颜色，还可以在文字内部填充上不同的图案颜色。Fireworks中的蒙版分为矢量蒙版和位图蒙版。将矢量对象用作蒙版会产生矢量蒙版，将位图对象用作蒙版会产生位图蒙版。

第46页，共57页，2023年，2月20日，星期六5.1创建矢量蒙版

矢量蒙版也称为剪贴路径。矢量蒙版对象将下方的对象裁剪或剪贴为其路径的形状，从而产生不同的效果。创建矢量蒙版的前提是必须具有具有矢量对象，并至少有两层不同的对象。例9-3

例9-3-1第47页，共57页，2023年，2月20日，星期六5.2创建位图蒙版

位图蒙版创建方法和矢量蒙版完全相同，不同的是位图蒙版不是以外形来遮罩，而是根据蒙版的颜色来遮罩。位图蒙版还可以使用“层”面板来创建。

例9-4

例9-4-1第48页，共57页，2023年，2月20日，星期六4．对象的排列同一层的不同对象在编辑区中是有上下的排列顺序的，对于对象的上下排列顺序，可以使用菜单栏中【修改】|【排列】下的相应命令进行调整5．对象的对齐6．对象相互结合路径的接合功能用于将多个路径合并成单个路径对象。可连接两个断开路径的端点以创建单个封闭路径，或者可结合多个路径来创建一个复合路径第49页，共57页，2023年，2月20日，星期六6滤镜的应用Fireworks中的滤镜功能能够为文本或图像等对象添加特色效果，例如，调整图像色调，为对象添加阴影，以及设置对象的模糊效果等。在Fireworks中主要通过“属性”面板中的“滤镜”选项来实现，使用这种方法得到的滤镜效果是没有破坏性的，不会永久地改变像素，并且可以随时删除或者编辑。第50页，共57页，2023年，2月20日，星期六例9-5

第51页，共57页，2023年，2月20日，星期六7网页元素的应用

网页中最常见的元素是图像元素、超链接与按钮。图像元素可以通过Fireworks中的切片得到，超链接（热点）与按钮既可以在Dreamweaver中创建，也可以在Fireworks中创建。切片和热点是网页对象，即它们不是以图像的形式存在，而是一段HTML代码。可以通过“层”面板中的“网页层”查看、选择和重命名它们

第52页，共57页，2023年，2月20日，星期六7.1切片工具

1．创建切片

2．显示或者隐藏切片第53页，共57页，2023年，2月20日，星期六7.2热点工具热点工具共有三种：“矩形热点”工具、“圆形热点”工具和“多边形热点”工具，它们分别创建矩形、圆形和任意多边形的热点。

例9-6

例9-7第54页，共57页，2023年，2月20日，星期六7.3动画按钮按钮是网页中常用的元素，在Fireworks中创建具有交互行