《图形图像处理》PPT课件.ppt

图像处理技术,图像处理的基础知识PhotoShop图像处理会声会影视频制作Flash动画制作CoolEdit音频剪辑,图像处理的基础知识,色彩的知识图像的概念版面构成,色彩的知识,不同的色彩给人以不同的感觉:给人以沉静、活泼、温暖、寒冷等感觉。也可以给人以热烈、冷漠、朴素、典雅、清爽、愉快等感觉。,色彩知识,色彩具有三个基本属性:色相、色调、饱和度。,色彩知识,1、色彩属性,色彩色相的变化,色相就是色彩的颜色。,色彩知识,1、色彩属性,色彩的色调变化,色调大致可分为鲜色调、灰色调、浅色调、深色调和中色调等。,色调是指色彩的明暗程度。,色彩知识,1、色彩属性,色相和色调对比,对比度：不同颜色之间的差异。,色彩知识,1、色彩属性,红蓝二色饱和度的变化,饱和度是指色彩的纯度,又称为彩度。,色彩知识,1、色彩属性,色彩知识,2、色彩的含义,色彩知识,2、色彩的含义,色彩知识,2、色彩的含义,色彩知识,2、色彩的含义,色彩知识,2、色彩的含义,红色：波长最长，穿透力强，感知度高。给人以温暖、兴奋、热烈、坚强、忠诚和威严等向上的感觉。红色有时意味着嫉妒或暴力，给人以警告、恐怖、危险感。,色彩知识,2、色彩的含义,橙色：具有红与黄之间的色性，是最温暖、响亮的色彩。橙色有刺激食欲的作用，在食品包装设计中常用。使人感觉活泼、华丽、辉煌、炽热、幸福。但也有疑惑、妒嫉、伪诈等消极的倾向。,色彩知识,2、色彩的含义,黄色：明度最高，属于暖色，色相温柔、平和。代表轻快、光明、辉煌、希望、欢悦等印象。黄色是一种非常醒目的颜色，在户外标识中被当作安全色使用。但黄色过于明亮而显得刺眼，并且和其他颜色相混极易失去原貌，故有轻薄、不稳定、冷淡等不良含义。,色彩知识,2、色彩的含义,绿色：是大自然的代表色，象征春天、新鲜、自然、青春、环保、和平和生命等。绿色最适合人眼注视，有消除疲劳的作用。绿色也用来象征安全、无污染，比如我们常说的绿色食品，同时绿色也是未成年人的象征。,色彩知识,2、色彩的含义,蓝色：与红色、橙色相反，是最冷的色彩。表示庄重、沉静、理智、高深、透明等含义，给人幽雅、深刻的感觉，也表示希望、幸福。蓝色象征高科技的强烈现代感，庄重理性和科技的感觉在IT企业中多被采用。蓝色是联合国规定的新闻象征颜色。蓝色也有刻板、冷漠、悲哀和恐惧等印象。,色彩知识,2、色彩的含义,紫色：具有神秘、高贵、优美、庄重、奢华的气质。含浅灰的红紫或蓝紫色，却有着类似太空、宇宙色彩的幽雅、神秘之时代感，在现代生活在中广泛被采用。但有时也使人感到孤寂、消极。较暗或含深灰的紫，给人以不祥、腐朽、死亡等印象。,色彩知识,2、色彩的含义,白色：通常是优美轻快、纯洁、高尚、平和神圣的代语。白色给人以寒冷、素雅的印象。有时也代表脆弱、悲哀之意。多用白色来产生平淡无味的单调、空虚之感。,色彩知识,2、色彩的含义,黑色：没有色相和纯度。给人沉静、神秘、严肃、庄重、含蓄的感觉。它有调和色彩的作用。意喻深沉、神秘、死亡、悲哀，属不吉利色,使人产生凄寒和失望的意念，不能大面积使用。,色彩知识,2、色彩的含义,灰色：是中性色，其突出的特点为柔和、细致、平稳、朴素、大方等，不像黑色与白色那样会明显影响其他的色彩。因此，常作为非常理想的背景色彩。任何色彩都可以和灰色相混合，略有色相感的含灰色能给人以高雅、细腻、含蓄、稳重、文明而有素养的高档感觉。但是滥用灰色易使人感觉乏味、寂寞、忧郁、无激情、无兴趣等。,色彩知识,2、色彩的含义,色彩知识,土褐色：含一定灰色的中、低明度各种色彩，如土红、土绿、熟褐、生褐、土黄、咖啡、古铜、茶褐等色，性格显得不太强烈，其亲和性易与其他色彩配合，特别是和鲜艳色搭配，效果甚佳。土褐色同时使人想起金秋的收获季节，有成熟、谦让、丰富和随和的感觉。,2、色彩的含义,光泽色：所有色彩带上光泽后，都有其华美的特色。与其他色彩都能搭配，几乎达到“万能”的程度。,色彩知识,2、色彩的含义,图像的概念,图像的类型颜色的模式图像的格式,图像的概念,1、图像的类型,在计算机中，图像是以数字方式来记录、处理和保存的，所以图像也可以说是数字化图像。图像类型可分为：位图图像和矢量图像。,图像的概念,位图图像：由许多像素点组成。优点：可以逼真地表现自然界的景观,在表现阴影和色彩的细微变化方面，也有着极好的表现。广泛应用在照片或绘画图像中。缺点：1）无法制作真正的三维图像。2）与分辨率有关，图像缩放和旋转时会失真。3）文件较大，对内存和硬盘空间容量需求较高。,图像的概念,1、图像的类型,矢量图像：以数学描述的方式来记录图像内容。它的内容以线条和色块为主。优点：与分辨率无关，文件存储空间小，是文字和粗放图形的最佳选择。可以制作三维图像。缺点：不易制作色调丰富或色彩变化太多的图像，而且绘制出来的图像不是很逼真，无法像照片一样精确地描述自然界的景观。,图像的概念,1、图像的类型,矢量图像与位图图像的区别:,图像的概念,1、图像的类型,2、图像的格式,PSD格式BMP格式GIF格式JPEG和JPEG2000格式PNG格式SWF格式,图像的概念,版面构成,利用简单的文字和颜色，制造一些视觉上的特殊感受。,版面构成,版面构成,版面构成,Fireworks8图像处理,Fireworks8是一个完全为网页制作者设计的图像处理软件。它在绘图方面结合了位图以及矢量图处理的特点，不仅具备复杂的图像处理功能，能够自由地导入各种图像，并且还能轻松地把图像输出到Flash、Dreamweaver以及第三方的应用程序,1Fireworks8工作界面,2编辑区,编辑区位于应用程序的中心，在编辑区中不仅可以绘制矢量图，也可以直接处理位图。在编辑区有四个选项卡，分别是“原始”、“预览”、“2幅”和“4幅”。,3绘图工具,Fireworks8的图像处理工具主要都集中在“工具”面板上。Fireworks8的“工具”面板分成了多个区域，包括选择、位图、矢量、Web、颜色和视图等区域，每个区域都提供了实现不同功能的常用工具。本节主要介绍“工具”面板中涉及的常用绘图工具，有效利用这些工具可以绘制出各种图形，并可为其设置相应的属性，如颜色、大小、位置等。,3.1“选择”区域,1“指针”工具2“选择后方对象”工具3“部分选定”工具4.“缩放”工具、“倾斜”工具和“扭曲”工具5“裁剪”工具6“导出区域”工具,3.2“位图”区域,1“选取框”工具和“椭圆选取框”工具2“套索”工具和“多边形套索”工具3.“铅笔”工具4“刷子”工具5“橡皮擦”工具6“橡皮图章”工具,3.3“颜色”区域,1“滴管”工具2.“油漆桶”工具和“渐变”工具,3.4“矢量”区域,1.“直线”工具2.钢笔工具3“矢量路径”工具和“重绘路径”工具4.绘图工具5.“自由变形”工具6“更改区域形状”工具7.“路径洗刷”工具8.“刀子”工具,4文本工具4.1文本的编辑,1.输入文本2编辑文本,4.2文本与路径,1将文本附加到路径2将文本转换为路径例9-1例9-2,5蒙版的应用,蒙版又称为遮罩，是一项很有用的图形处理方法，使用蒙版可以为各个对象制作出自己想要达到的光影明暗效果。可以轻易地把一张彩色的位图图片中的颜色改为同一色系的颜色，还可以在文字内部填充上不同的图案颜色。Fireworks中的蒙版分为矢量蒙版和位图蒙版。将矢量对象用作蒙版会产生矢量蒙版，将位图对象用作蒙版会产生位图蒙版。,5.1创建矢量蒙版,矢量蒙版也称为剪贴路径。矢量蒙版对象将下方的对象裁剪或剪贴为其路径的形状，从而产生不同的效果。创建矢量蒙版的前提是必须具有具有矢量对象，并至少有两层不同的对象。例9-3例9-3-1,5.2创建位图蒙版,位图蒙版创建方法和矢量蒙版完全相同，不同的是位图蒙版不是以外形来遮罩，而是根据蒙版的颜色来遮罩。位图蒙版还可以使用“层”面板来创建。例9-4例9-4-1,4对象的排列同一层的不同对象在编辑区中是有上下的排列顺序的，对于对象的上下排列顺序，可以使用菜单栏中【修改】|【排列】下的相应命令进行调整5对象的对齐6对象相互结合路径的接合功能用于将多个路径合并成单个路径对象。可连接两个断开路径的端点以创建单个封闭路径，或者可结合多个路径来创建一个复合路径,6滤镜的应用,Fireworks中的滤镜功能能够为文本或图像等对象添加特色效果，例如，调整图像色调，为对象添加阴影，以及设置对象的模糊效果等。在Fireworks中主要通过“属性”面板中的“滤镜”选项来实现，使用这种方法得到的滤镜效果是没有破坏性的，不会永久地改变像素，并且可以随时删除或者编辑。,例9-5,7网页元素的应用,网页中最常见的元素是图像元素、超链接与按钮。图像元素可以通过Fireworks中的切片得到，超链接（热点）与按钮既可以在Dreamweaver中创建，也可以在Fireworks中创建。切片和热点是网页对象，即它们不是以图像的形式存在，而是一段HTML代码。可以通过“层”面板中的“网页层”查看、选择和重命名它们,7.1切片工具,1创建切片2显示或者隐藏切片,7.2热点工具,热点工具共有三种：“矩形热点”工具、“圆形热点”工具和“多边形热点”工具，它们分别创建矩形、圆形和任意多边形的热点。例9-6例9-7,7.3动画按钮,按钮是网页中常用的元素，在Fireworks中创建具有交互行为的按钮非常简单，利用按钮编辑器就可以完成按钮的创建过程。将多个按钮组合起来，就可以构建导航栏。所谓导航栏，是指一组分别指向不同链接地址的按钮，用于一系列具有相同级别的网页间进行跳转。例9-8,7.4弹出菜单,弹出菜单主要用于导航栏中的栏目存在分栏的情况，当鼠标指针指向导航栏某个栏目的按钮或热点时，会出现相应的弹出菜单显示分栏目的内容；在弹出菜单中，单击相应的分栏目，即可链接到分栏目所在的页面。使用Fireworks8的弹出菜单编辑器，能自动生成网页中的弹出菜单效果。另外，在导入到Dreamweaver后，无须再手工修改代码，直接就能准确地进行定位。例9-9,8GI