第4章图像处理

1、图像处理图像处理本章内容本章内容：本章主要介绍了界面设计的基本原则，使用Photoshop处理简单的图像和文字，使用HyperSnap抓图。学习目的学习目的：通过学习本章，了解多媒体界面设计的原则和图像的基本概念，掌握使用屏幕抓图软件抓图，掌握使用Photoshop处理简单的图像和制作标题文字。4.1 4.1 背景知识背景知识 界面是学习者与计算机交互的窗口，学习者通过界面向计算机输入信息进行控制、查询和操纵，计算机则通过界面向用户提供信息以供阅读、分析、判断。本节通过几个实例介绍了多媒体界面的设计原则，以及介绍了常见的图像处理软件。4.1.1 多媒体的界面 多媒体的界面是非常重要的一个方面，

2、好的多媒体作品，用户使用后的第一感觉就是其界面设计使人耳目一新，一进入就被其优美的界面设计吸引住了。下面先让我们来欣赏几个多媒体的操作界面。 友好的交互界面可以使得学习者对屏幕提供的界面能很容易的理解和接受，从而更容易地掌握、理解和使用多媒体。通过欣赏以上几个多媒体操作主界面，可见多媒体主题的不同，决定多媒体的操作界面也有不同的风格。界面设计要遵循以下这些原则： (1)一致性原则。 (2)符合主题。 (3)清晰性原则。 (4)见图识意具有象征性。 (5)符合学生的认知结构。 (6)有效运用刺激。 (7)反馈性。 4.1.2 图像处理软件 那怎样才能制作出一个漂亮的操作界面呢，不仅要遵循以上的设

3、计原则，最主要的还是要通过相关的图像处理软件将其制作或经过处理得出，随着多媒体技术的发展，市场上的图像处理软件也越来越多，常用的图像处理软件有Photoshop、Fireworks、CorelDraw等，在这一章中我们选用Photoshop为制作软件，介绍其在图像处理方面的应用。4.2 Photoshop4.2 Photoshop概述概述 Adobe公司推出的Photoshop软件功能强大、实用性强，在图像的加工处理方面一直是大部分人的选择。运用好Photoshop将给我们的多媒体作品带来意想不到的收获，Photoshop的常见版本有Photoshop 7.0，Photoshop CS，本书以

4、Photoshop CS为例说明。本节介绍了图像的一些基本概念，和Photoshop的界面认识。 4.2.1 Photoshop Photoshop相关概念1、位图和矢量图、位图和矢量图位图定义位图特点矢量图定义矢量图特点2、像素、分辨率与图像尺寸、像素、分辨率与图像尺寸(1)像素(2)分辨率(3)图像尺寸4.2.1 Photoshop Photoshop相关概念3、常用文件格式、常用文件格式 在使用Photoshop平面设计软件系统中，文件的存储格式有很多种，有PSD、JPEG、BMP、TIF、GIF、PNG等格式，而在这里我们将重点介绍一下PSD格式。PSD格式是Photoshop软件的专

5、用格式。它能保存图像数据的每一个细节，包括图像的层、通道等信息，确保各层之间相互独立，便于以后进行修改。PSD格式还可以保存为RGB或CMYK等色彩模式的文件，但唯一的缺点是保存的文件比较大。安装有Adobe Photoshop CS所显示的PSD文件的图标是4.2.2 Photoshop CS Photoshop CS工作界面4.3 4.3 选择操作选择操作 选择操作是Photoshop的最常见操作，软件的很多后续操作首先都要选择图像的一部分。因为Photoshop功能强大，选择操作也有很多方式，所以我们以几个实例来说明选择操作。4.3.1 实例：女娲补天步骤步骤1 1 导入图片导入图片步骤

6、步骤2 2 合成图片合成图片步骤步骤3 3 去除图层去除图层1 1空白部分空白部分步骤步骤4 4 选中图像中间椭圆区域，并模糊椭圆边选中图像中间椭圆区域，并模糊椭圆边步骤步骤5 5 导出图片为导出图片为jpegjpeg格式格式4.3.2 实例：不规则图形的选择步骤步骤1 1 导入图片导入图片步骤步骤2 选取人物区域选取人物区域步骤步骤3 导出图片导出图片4.4.1 实例：改变图像的尺寸 我们收集的素材图片中，有些图片偏大，那我们就可以将图片导入Photoshop CS中，将图片像素减少，可以达到我们所要的效果了。例如下图4-32是一张923651像素的图片，通常我们的多媒体界面为800600像

7、素，如果做为多媒体边框的话，它是偏大的。我们当然可以先将图片导入Authorware，再在软件中调整图片的大小，也非常方便，但是这样会使多媒体的容量增大，多媒体的打开速度减慢。那么接下来我们就要改变这张图片的大小。步骤步骤1 1 导入图片导入图片步骤步骤2 设置图像大小设置图像大小步骤步骤3 3 导出图片导出图片 4.4.2 实例：旋转按钮的制作 乡土教材乡土教材主界面左边有四个导航按钮，当鼠标移动主界面左边有四个导航按钮，当鼠标移动到按钮上时，图片就发生了旋转，如图到按钮上时，图片就发生了旋转，如图4-35所示。这样所示。这样的效果是怎样制作出来的呢，其实很简单，只要制作两的效果是怎样制作出

8、来的呢，其实很简单，只要制作两张不同状态的图片，再导入张不同状态的图片，再导入Authorware的按钮中就可以了。的按钮中就可以了。鼠标未移上效果鼠标移上效果步骤步骤1 导入图片步骤步骤2 设置画布大小 步骤步骤3 输出鼠标移上状态图片步骤步骤4 制作初始状态按钮4.5 4.5 文字处理文字处理 Photoshop CS Photoshop CS除了能对图片进行处理外，我们还除了能对图片进行处理外，我们还能够通过使用能够通过使用Photoshop CSPhotoshop CS中中“样式控制面板样式控制面板”，美，美化标题文字。如化标题文字。如射线和角射线和角多媒体中的文字多媒体中的文字“射线

9、射线和角和角”，接下来我们将运用，接下来我们将运用Photoshop CSPhotoshop CS学习一些文学习一些文字的简单处理。字的简单处理。 4.5.1 实例：“射线和角”的制作步骤步骤2 输入文字“射线和角”步骤步骤1 新建一个图像窗口 步骤步骤3 设置文字样式步骤步骤4 调整文字位置步骤步骤5 给文字添加样式 步骤步骤6 给文字添加阴影效果 步骤步骤7 导出“射线和角”图片4.6 4.6 屏幕抓图软件屏幕抓图软件HypersnapHypersnap 有的时候我们需要截取屏幕上的图形来修饰文章或者是做软件演示，图文混排可以更加清楚地讲解某一问题。抓取屏幕最讲简单的方法是按键盘上的“Print Screen”键，抓取当前桌面抓到剪贴板中，或者按“Alt+Print Screen”抓取当前窗口到剪贴板中，然后再粘贴到图像处理软件中进行编辑。在没有专门的屏幕抓图软件的情况下，可以使用这种方法临时代替。我们也可以用专门的抓图软件实现屏幕抓图，使用更加方便，功能更加多。