任务四编辑与处理图像素材

任务四　编辑与处理图像素材

任务概述

用前几个任务的方法（如下载、扫描、拍摄、截屏等）获得的图像素材有时候并不能完全符合我们的需要，还得使用图像处理软件对其进行一定的处理后才能使用。Adobe公司出品的Photoshop就是一款最常使用的图像处理及合成软件，同时也可以使用它创作出一些自己需要的素材。本任务便使用Photoshop制作一个简单的Banner广告，效果如图4-4-1所示。

图4-4-1

图4-4-2

1. 制作标志

使用Photoshop创作一个标志图案，这是IT168网站的logo标志，通过该标志的制作来熟悉Photoshop的操作，最终效果如图4-4-2所示。

步骤1　运行Photoshop，新建一个600×300像素的RGB图像 ，具体的参数设置如图4-4-3所示。

图4-4-3

知识链接

数字图像有三个基本参数：分辨率、大小和颜色。

● 图像分辨率：是指图像沿宽度和高度方向单位长度内所包含的像素数，以“像素/英寸“或“像素/厘米”为单位。“像素/英寸”的使用率更高，英文缩写是ppi。对于同一幅图像，所采用的分辨率越高，对图像的描述就越精细，需要的数据量就越大；反之，分辨度越低，图像越粗糙，数据量越小。因此在制作图像时，不同品质的图像应设置适当的分辨率，如果制作的图像只在屏幕上显示，分辨率就可以设低一些，一般为72点/英寸；如果制作的图像需要输出印刷，分辨率就应设高一些，一般为300点/英寸。在多媒体设计中图像的分辨率一般设置为72点/英寸。

另一个关于分辨率的概念是设备分辨率。例如，显示器的设备分辨率是指屏幕上单位长度内所显示的像素数，以“点/英寸”表示，英文缩写是dpi。多媒体图像素材是在计算机显示器上观看的，而显示器的设备分辨率通常都是72 dpi，所以多媒体图像素材的图像分辨率通常都采用72 ppi。

● 图像大小：是指整幅图像所包含的总像素数，用宽度方向像素数与高度方向像素数的乘积表示。多媒体图像素材的大小，通常不超过作品演示窗口的大小。多媒体作品演示窗口大小最常采有800像素×600像素和1 024像素×768像素两种。

● 颜色模式：是指图像在显示或打印输出时定义颜色的不同方式。常见的颜色模式有RGB，CMYK，HSB，位图模式和灰度模式。

①RGB模式的颜色由红、绿和蓝3种原色组合而成，这3种原色混合可以产生成千上万种颜色，多媒体设计中的图像颜色模式一般采用这种模式。②CMYK模式是一种印刷模式，它由分色印刷的4种颜色组成，即青色、洋红色、黄色和黑色。这种模式文件大，通常是在需要印刷时才转换成这种模式。③HSB模式是一种基于人的直觉的颜色模式，描述颜色具有色相、饱和度和亮度3个特征。④位图模式中有黑和白两种颜色，它的每一个像素包含1位数据，占用的磁盘空间最少。⑤灰度模式也是用黑白两色来进行显示的模式，但灰度模式中的每个像素是由8位数据来记录的，因此能够表现出256种色调。

步骤2　使用文字输入工具选择一个近似的字体输入字符，如图4-4-4所示。

图4-4-4

步骤3　调整好文字大小，将文字倾斜，并将字体颜色设置为蓝色，将“IT168”后面的“.com”调节到合适大小，如图4-4-5所示。

图4-4-5

步骤4　使用“钢笔”工具勾出路径，按“Ctrl+回车键”将路径转换为选区，如图4-4-6所示。

图4-4-6

步骤5　使用“油漆桶”工具，将选区填充为红色，如图4-4-7所示。

图4-4-7

步骤6　按快捷键“Ctrl+D”将选区取消，用“文字”工具选中“IT168”中的字母“T”，并将其颜色改为白色，如图4-4-8所示。

图4-4-8

知识链接

图像处理软件是专门用于处理图像的软件系统，在数字媒体产品的制作中是必不可少的。图像处理软件一般具有扫描输入功能、图像编辑功能、打印输出功能，以及文件管理功能等，该软件实际上是一个集各种运算方法于一体的操作平台，经过各种复杂的运算，实现对图像的解读、处理、变换和压缩保存。

● Photoshop是Adobe公司出品的一款处理位图图像的软件，目前的最新版本是CS6。Photoshop在图像处理软件中占据领袖地位，是平面设计、数字媒体设计、产品设计、环境艺术设计、三维动画设计及网页设计等必用的软件。其功能主要是处理图像，对位图图像进行编辑和加工处理以及运用一些特殊效果等，能制作出丰富多彩、具有视觉冲击力的图片。该软件内置多种算法，用以实现图像编辑、特殊效果制作、文件格式转换、保存压缩格式等功能。Photoshop CS 5.5的界面如图4-4-9所示。

图4-4-9

● Fireworks是用来设计和制作专业化网页图形的软件，目前的最新版本是CS6。它能够创建和编辑网页图形，对其进行动画处理、添加高级交互功能以及优化图像。在单个应用程序中可以创建和编辑位图和矢量两种图形。可以轻松地导出Fireworks图形，直接生成HTML网页，与Adobe的其他产品配合使用能够创建更加专业化的网络数字媒体。Fireworks CS 5.5的界面如图4-4-10所示。

● Illustrator是Adobe公司出品的一款处理矢量图形的软件，被称为业界标准的矢量图形软件，在绘制矢量图形方面功能很强，使用领域很广泛。用其符号和创新的切割选项能制作出精美的网页图形，即时变形工具能发挥独特的创意，灵活的数字式图形和其他制作功能的使用能迅速发布作品等。除了Illustrator，常用的矢量图形制作软件

图4-4-10

还有Coreldraw等，并且Coreldraw的用户目前在国内的占有量还大大超过Illustrator，但国外的用户还是以Illustrator居多。Illustrator CS 5.5的界面如图4-4-11所示。

图4-4-11

2. 完成Banner广告的制作

前面用Photoshop创作出了IT168网站的标志，接下来用这个标志作为素材，再加上一些背景图片素材，合成出一张如图4-4-12所示的图像。

图4-4-12

步骤1　新建一个宽为500像素、高为200像素、分辨率为72像素/英寸的空白文档，具体参数设置如图4-4-13所示。

图4-4-13

步骤2　到“爱数字媒体”网站（www.iszmt.com）下载本任务所需素材——“花纹.jpg”和“鼠标.jpg”两个图片文件，按快捷键“Ctrl+O”打开这两个图片素材，并将“花纹.jpg”文件拖到前面创建的空白文档中，生成图层1，如图4-4-14所示。

图4-4-14

步骤3　将“鼠标.jpg”拖到文档中，生成图层2，并将其调整到合适位置，如图4-4-15所示。

步骤4　选中图层2再点击图层面板下方的“”“添加图层蒙版”按钮，为图层2添加一个蒙版。按住“Ctrl”键的同时点击图层2，使图层2的图像区域被选中，再选择通道面板中的“图层2蒙版”层，然后选择“渐变”工具，在选区的从左自右拉一个渐变，操作完成后如图4-4-16所示。

图4-4-15

图4-4-16

步骤5　选中图层2，在图层面板的“设置图层的混合模式”选项中选择“叠加”模式，设置完成后的效果如图4-4-17所示。

图4-4-17

步骤6　将前面制作的IT168网站的标志拖到文档中，生成图层3，如图4-4-18所示。

图4-4-18

步骤7　调整好位置和大小，在图层面板中双击“图层3”，在弹出的“图层样式”面板中为其添加“描边”的效果，具体参数设置及效果如图4-4-19所示。

图4-4-19

步骤8　使用文字工具输入“全原创的IT主流咨询网站”，按前面的方法设置好字体、大小和颜色，并在“图层样式”中为其添加一个“投影”效果，如此便完成了制作，最终的效果如图4-4-1所示。

练习与思考

（1）扫描图4-4-1进计算机，在Photoshop中将它作为素材剪切下来。

（2）上网下载几张图片素材，再将其导入Photoshop中进行处理。

（3）用Photoshop打开一张位图，将其放大查看图像的变化，再将其另存为不同的文件格式，比较各种格式文件的大小。