项目二 图形图像技术与应用（课件）-《多媒体技术应用》同步教学（电子工业版）

项目二 图形图像技术与应用 任务1 图形图像基础 任务2 Photoshop 2022基础 任务3 图像操作与编辑 任务4 图层、通道和滤镜 任务1 图形图像基础 任务引入 小李为了使学生能够更直观的理解物理这门学科，需要在课件中使用大量的图形和图像，为了更好的将图形图像和物理学科融合在一起，必须得对图形和图像有所了解。那么图形和图像有什么区别？常见的图形图像有哪些格式？ 知识准备 一、 图形和图像 图形和图像都是多媒体系统中的可视元素，虽然它们很难区分，但确实不是一回事。从广义上说，所有人肉眼能看到的对象，都是图形。从狭义上说，图形是我们所看到的一种点、线、面的描述对象。 1.图形 图形是矢量图，是由叫做矢量的数学对象所定义的直线和曲线组成的。 2.图像 图像是位图，是由许多不同颜色的小方格组成的，其中每一个小方格称为像素（pixel）。 矢量图放大前后对比 位图放大前后对比 二、 分辨率、颜色深度和颜色模式 （一）分辨率 1.显示分辨率 2.图像分辨率 （二）颜色深度 颜色深度的简单说就是图像最多支持多少种颜色。 （三）颜色模式 颜色模式是将某种颜色表现为数字形式的模型，或者说是一种记录图像颜色的方式。 1.RGB模式 2. CMYK模式 3.HSB模式 4.Lab颜色模式 5. 位图模式 6. 灰度模式 7.索引颜色模式 8.双色调模式 9.多通道模式 三、 常见的图形图像格式 图像文件格式即一幅图像或一个平面设计作品在计算机上的存储方式。常见的图形图像格式有如下几种。 1.PSD、PDD格式 2.BMP格式 3.GIF格式 4.TIF格式 5.JPG格式 6.PNG格式 7.IFF 任务2 Photoshop 2022基础 任务引入 小李经过前面的学习，选择Photoshop软件对图形图像进行处理，想要熟练使用Photoshop软件，必须先了解该软件的操作界面，只有对界面有了宏观的认识，才能更好的更快的作出效果。Photoshop的工作界面包含哪些组成部分呢？路径工具、形状工具和文字工具怎么使用呢？ 知识准备 一、Photoshop工作界面 启动Photoshop后新建一个文件，将会显示如图所示的工作界面，其中包括菜单栏、工具栏、工具属性栏、图像窗口、状态栏及调板窗。 （一）菜单栏 菜单栏主要包括12个命令，如图所示。 （二）工具属性栏 工具属性栏位于菜单栏下面，可通过执行“窗口”∣“选项”命令打开或关闭。 菜单栏 菜单命令 工具属性栏 （三）工具箱 工具箱是Photoshop CC工作界面中非常重要的组成部分，其外观如图所示。变成可伸缩的，可为长单条和短双条。 长单条 短双条 工具组 （四）图像窗口 用户打开的所有图像都将在图像窗口中显示。同时用户还可分别对程序窗口和图像窗口的状态进行调整（即最小化、最大化、还原或关闭）。然而软件的程序窗口是父窗口，因此，程序窗口将会控制图像窗口所显示的状态。 （五）调板窗 调板窗位于界面右侧，主要用于存放Photoshop软件所提供的各种调板，利用这些调板用户可以对编辑信息、颜色、图层、通道、路径、历史记录和动作等进行观察、选择及控制。 （六）状态栏 状态栏位于窗口最底部，它由两部分组成，其中左侧区域用于显示图像窗口的显示比例，与导航器中的比例相同，用户可输入数值后按Enter键来改变显示比例；右侧区域用于显示图像文件信息或系统辅助信息。 “窗口”菜单命令 调板窗 二、文件操作 （一）新建文件 要创建新的图像文件，可选择“文件”∣“新建”命令，此时系统将打开图所示“新建”对话框。 “宽度”和“高度”：用于设置图像文件的宽和高尺寸，在右侧的下拉列表中可以选择尺寸的单位。 “分辨率”：用于设置图像的显示分辨率。 “颜色模式”：在其下拉列表中可以选择图像的颜色模式，默认状态下为RGB模式。 “背景内容”：用于设置新建文件的背景层的颜色，默认状态下为纯白色。 新建”对话框 （二）保存文件 要保存图像，可选择“文件”∣“存储”命令（快捷键为“Ctrl+S”）。 “存储为”对话框 “存储为”对话框中各选项的意义如下： Ø “保存在”：在该下拉列表中可以选择要保存的文件夹。 Ø “文件名”：在给编辑框中可以输入要保存文件的名称。 Ø “格式”：在该下拉列表中可以选取适当格式进行保存。 Ø 存储副本：为文件保存一份拷贝，但不影响原文件，例如，对于一幅名为Temp.psd的图像文件，用户可用Temp Copy.psd的名称保存之。以拷贝方式保存图像文件后，用户仍可继续编辑原文件。 Ø ICC设置文件：sRGB IEC61966-2.1：设置是否保存ICC Profile（ICC概貌）信息，以使图像在不同显示器中所显示的颜色相一致。 （三）打开文件 在Photoshop中要打开一幅已经存在的图像，选择“文件”∣“打开”命令，或者执行按快捷键“Ctrl+O”即可。 （四）关闭文件 如果用户不想再继续编辑某个图像，可选择“文件”∣“关闭”或“关闭全部”菜单、按“Ctrl+W”或“Ctrl+F4”组合键、单击图像窗口右上角的按钮等来关闭图像窗口。 三、路径工具 从Photoshop 6.0开始，与路径的创建、编辑和选择相关的工具均被集中到了工具箱的两个工具组中，如图所示。 路径工具 路径工具属性栏 1.开放路径的绘制 选择工具箱中的“钢笔工具”，将钢笔指针定位在绘图起点处并单击，以定义第一个锚点，单击或拖动，为其他的路径段设置锚点。 （1）直线路径的绘制 （2）曲线路径的绘制 2.闭合路径的绘制 3.为路径添加或删除锚点 绘制直线路径 向相反的方向拖动将创建平滑曲线 两段平滑曲线 闭合路径 更改线段形状的锚点 直接单击锚点将其删除的效果 四、形状工具 虽然路径工具允许用户绘制任意形状的路径，但在很多情况下，用户绘制的路径都是规则的形状（如矩形、椭圆形等）或者一些特定的形状（如星形、箭头等）。 五、文字工具 由于Photoshop处理的特效字必须要以文字工具制作的文字作为前提，因此，这里首先介绍一下文字工具的使用方法。 形状工具组 形状工具属性栏 自定形状下拉列表框 自定形状选项 文字工具 横排文字工具 直排文字工具 横排文字蒙版工具 直排文字蒙版工具 文字工具属性栏 修改选中字体的属性 “变形文字”对话框 “旗帜”变形 字符和段落控制面板 为文字图层添加“投影”图层样式 任务3 图像操作与编辑 任务引入 经过前面的学习，小李已经掌握了一些图形、文字的绘制。现在他需要对现有的图片进行编辑，比如，删除图片上不需要的图像，调整图片颜色，更改图片的背景等操作。那么，该怎样对图像进行操作与编辑呢？ 知识准备 一、图像编辑 结合选区的修改编辑和图像的变换，为后面进一步作复杂的图像特效打好基础。 （一）制作选区 制作选区是Photoshop非常重要的操作之一，因为在通常情况下，Photoshop的各种编辑操作只对当前选区内的图像区域有效，选区的精确与否直接关系到处理图像的质量。 1. 利用工具箱制作选区 选区工具 2. 利用“色彩范围”命令制作选区 3. 选区的调整 （1）移动选区。 （2）修改选区。 （3）选区的载入与存储。 （二）修复类工具 在Photoshop中修复类工具包括修复画笔工具组和图章工具组。前者内含5个工具，后者内含2个工具。修复画笔工具组包括“污点修复画笔所示。图章工具组包括“仿制图章工具”和“图案图章工具”，如图所示。 “色彩范围”对话框 “羽化选区”对话框 修复类工具组 图章工具组 （三）颜色修饰类工具 在颜色类修饰工具组中包括：“减淡工具”、“加深工具”、“海绵工具”3个工具，如图所示。 （四）效果修饰工具 在Photoshop中效果修饰工具包括3个工具，分别是：“模糊工具”、“锐化工具”和“涂抹工具”，如图所示。 （五）擦除工具 在橡皮擦工具组中包含有3个工具，分别为“橡皮擦工具”、“背景橡皮擦工具”、“魔术橡皮擦工具”，如图所示。 （六）绘画工具 绘画工具有助于对图像画面和颜色内容的丰富表现。 1. 画笔工具： 2.渐变工具： 3. 油漆桶工具： 4.吸管工具： 颜色类修饰工具组 效果修饰工具组 擦除工具组 （七）网格、参考线和标尺 1.网格 2.标尺 3.参考线 4.标尺 网格 标尺 参考线 案例——人物照片的变换 图1 图2 素材图像 创建选区 粘贴头像 调整头像位置 擦除头像边缘多余部分 使用仿制图章后的效果 二、图像的颜色调整 图像调整指的是对图像的色相、饱和度、对比度等的调整，Photoshop的图像调整命令均集中在“图像”∣“调整”菜单中，打开菜单后，可选择相应的命令对图像进行调整。使用这些命令可以调整选中的整个图层的图像或是选取范围内的图像。“调整”菜单如图所示。 案例——汽车变色 汽车 界面 复制汽车 “反相”调整 “色相/饱和度”对话框 最终效果图 任务4 图层、通道和滤镜 任务引入 一些物理现象需要许多个图像叠加在一起，并添加滤镜特效才能达到小李所需的效果。那么，在Photoshop软件中怎么将多个图像进行合并？怎么对图像进行操作得到所需的图形？怎么在图像上添加效果呢？ 知识准备 一、图层 图层是Photoshop的核心，Photoshop绝大部分的操作和复杂的图像显示效果都是在图层上完成的。 （一）图层操作 1.新建图层 （1）创建新图层 （2）创建调整图层 （3）创建填充图层 2.复制图层和删除图层 （1）复制图层 （2）删除图层 3.合并图层 合并图层 4.对齐图层 5.锁定图层 6.图层的不透明度 原图 顶边对齐 垂直居中 左边对齐 水平居中 面板中的5种锁定模式 案例——制作不透明度效果 （二）图层的混合模式 图层混合，就是按照某种算法混合上下两个图层的象素，以做出特殊的效果。在如图所示的图层面板中可以看到很多种图层的混合模式。 素材图像 调整位置 设置不透明度 效果图 图层的混合模式 （三）图层样式 在Photoshop中，可以为图层的图像和文字，加上各种各样的效果，这就是图层样式。Photoshop预置了很多样式，执行“图层”|“图层样式”|“混合选项”命令，弹出如图所示的样式面板，双击需要添加图层样式的图层可以弹出图层样式的对话框。 案例——制作投影效果 （1）新建一个空白文档，设置前景色颜色RGB：250/141/145，利用椭圆工具，绘制一个椭圆形。 （2）我们注意看图层面板，添加了效果之后，图层后面就会多出一个“fx”字样，如图所示。 “投影”选项 预设样式 等高线编辑器 添加投影效果 添加图层样式后的图层面板 （四）图层蒙版 1.创建图层蒙版 （1）直接添加图层蒙版 （2）从选区创建蒙版 2.编辑图层蒙版 图层蒙版创建以后可以使用绘画工具、渐变工具和滤镜编辑图层蒙版从而创建图像的合成效果。 （1）用绘画工具编辑图层蒙版 （2）用渐变工具编辑图层蒙版 案例——向日葵宝宝 （1）打开两张图像素材，如图所示。将向日葵拖拽到宝宝的文件中，得到“图层1”。 （2）单击“图层”面板中的“添加图层蒙版”按钮，为“图层1”添加显示全部的图层蒙版。 （3）在图层蒙版缩览图上单击鼠标左键以选择图层蒙版，并设置前景色为黑色，选择画笔工具，设置鼻尖大小为320像素，硬度为60%，在图层蒙版上涂抹，图像的合成效果如图所示。 素材图像 合成效果图 二、通道 通道实际上是存储图像基本颜色（原色）信息的渠道，如RGB图像有RGB、红、绿 、蓝4个通道，CMYK图像有CMYK、青色、洋红、黄色、黑色5个通道，而灰度图像只有一个灰色通道等。 此外，还有一种Alpha通道，用于保存蒙版，其作用是让被屏蔽区域不受任何编辑操作的影响，从而增强图像编辑的弹性。 （一）通道面板 执行“窗口”∣“通道”命令，将显示如图所示的通道控制面板。 通道控制面板 快捷菜单 “面板选项”对话框 （二）通道操作 1.创建Alpha通道 2.创建专色通道 3.复制通道 4.删除通道 5.分离和合并通道 “新建通道”对话框 “新建专色通道”对话框 “复制通道”对话框 “合并通道”对话框 “合并多通道”对话框 案例——为模特添加背景 素材图像 通道面板 “色阶”对话框 增强黑白对比度 反相 “曲线”对话框 加强黑白对比度 将人物的黑色部分全部涂白 创建选区 显示RGB通道 复制新图层 添加背 三、滤镜 Photoshop的滤镜命令只对当前选中的图层和通道起作用，如果图像中制作了选区，则只对选区内的图像进行处理，否则将对整个图像进行处理。 绝大多数的滤镜命令都不能应用于文字图层，要对文字执行滤镜命令，必须首先将文字图层栅格化为普通图层。 当执行完一个滤镜命令后，在“滤镜”菜单的第一行会出现刚才使用过的滤镜命令，单击它，可快速重复执行该命令。 “滤镜”菜单如图所示。 1.“滤镜库”命令 2.“液化”命令 （1）弯曲 （2）漩涡 （3）收缩和扩展 （4）移动像素 3.“消失点”命令 消失点工具使得用户可以方便地处理图像的透视关系。 “滤镜”菜单 滤镜库 液化效果 旋涡效果 褶皱和膨胀效果 移动像素效果 案例——飞盘消失 打开的图像素材 消失点对话框 制作透视平面 选取参考点 复制图像 最终效果图 （一）“像素化”滤镜组 “像素化”滤镜组中的滤镜通过使单元格中颜色值相近的像素结成块来清晰地定义一个选区，该滤镜组中有7个滤镜命令，部分滤镜的功能和作用介绍如下： 彩色半调： 晶格化： 马赛克： （二）“扭曲”滤镜组 “扭曲”滤镜组中的滤镜可以按照各种方式对图像进行几何扭曲，它们的工作手段大多是对色彩进行位移或插值等操作。 切变： 旋转扭曲： 极坐标：水波：波浪： 波纹：球面化： 置换： 挤压： （三）图像合成 这里主要介绍Photoshop提供的两个图像合成命令。 1.“应用图像”命令 2.“计算”命令 （三）“杂色”滤镜组 “应用图像”对话框 “杂色”滤镜组中包含有四种滤镜，其中“添加杂色”滤镜用于增加图像中的杂点，其他均用来去除图像中的杂点，如斑点与划痕等。 案例——制作背景 新建图像 “添加杂色”对话框 添加杂色 设置参数 颗粒纹理 “水彩画纸”滤镜 “色阶”调整 给图像着色 （四）“模糊”滤镜组“模糊”滤镜组中的模糊滤镜通过平衡图像中已定义的线条和遮蔽区域的清晰边缘旁边的像素，使变化显得柔和，达到模糊的效果。 动感模糊： 形状模糊： 形状模糊： 方框模糊： 特殊模糊： 表面模糊： 镜头模糊： 高斯模糊： 模糊： 进一步模糊： 平均： （五）“渲染”滤镜组 利用“渲染”滤镜组中的滤镜可可制作云彩和各种光照效果。 云彩和分层云彩：光照效果： 镜头光晕： 案例—— 绚丽多彩的背景 “镜头光晕”对话框 图像效果 重复执行镜头光晕 调整图层饱和度 “铜板雕刻”对话框 图像效果 “径向模糊”对话框 图像效果 图像效果 “色相/饱和度”对话框 图像效果 “旋转扭曲”对话框 图像效果 重复旋转扭曲 “波浪”对话框 图像效果 效果图 最终效果图 （六）“风格化”滤镜组 “风格化”滤镜主要作用于图像的像素，可以强化图像的色彩边界，所以图像的对比度对此类滤镜的影响较大，风格化滤镜最终营造出的是一种印象派的图像效果。 查找边缘：等高线：风：浮雕效果：扩散：拼贴：曝光过度：凸出： （七）“锐化”滤镜组 “锐化”滤镜主要通过增强相邻像素间的对比度来聚焦模糊的图像，获得清晰的效果。 USM 锐化： 智能锐化： 锐化和进一步锐化： 锐化边缘： （八）“视频”滤镜组 “视频”滤镜组中包含NTSC滤镜和逐行滤镜。 （九）“其它”滤镜组 “其它”滤镜组中的滤镜允许用户创建自己的滤镜、使用滤镜修改蒙版、在图像中使选区发生位移和快速调整颜色等。 高反差保留：位移：最大值和最小值：自定： 项目总结 实战一 制作黏液 （1）执行“文件”∣“新建”命令，新建一幅400×400的RGB图像，背景设置为透明。 （2）按D键设置前景色和背景色为黑色和白色，执行“滤镜”∣“渲染”∣“云彩”命令，结果如图所示。 （3）执行“图像”∣“调整”∣“色阶”命令，调整色阶，“色阶”对话框和调整效果如图所示。 （4）执行“滤镜”∣“模糊”∣“高斯模糊”命令，对话框参数设置和执行结果如图所示。 项目实战 “云彩”滤镜 “色阶”调整 “高斯模糊”滤镜 （5）执行“滤镜”∣“滤镜库”命令，打开“滤镜库”对话框，选择“素描”中的“铬黄渐变”命令，对话框参数和执行结果设置如图所示。 （6）执行“滤镜”∣“滤镜库”命令，打开“滤镜库”对话框，选择“艺术效果”中的“塑料包装”命令，对话框参数设置和此时图像如图所示。 （7）执行“图像”∣“调整”∣“色相/饱和度”命令，给黏液着色，注意选中“着色”复选框，可以尝试多种不同的颜色，如图所示。 “铬黄”滤镜 “塑料包装”滤镜 给图像着色 实战二 广告 （1）新建一个500×500的RGB文档，背景设置为透明，设置前景色为R：117，G：76，B：36，并按Alt+Delete键填充图像，如图所示。 （2）选择文字工具，在工具属性栏上设置字体为黑色，字体大小24，逐行输入“WOX”字样，如图所示。 （3）执行“编辑”∣“自由变换”命令，将文字逆时针旋转一定的角度，并改变文字图层的不透明度为15%，结果如图所示。 （4）为把文字融入到背景纹理当中，执行“图层”∣“栅格化”∣“图层”命令将文字图层转换为普通图层，然后按Ctrl+E键向下合并。 填充图像 逐行输入“WOX” 调整文字层的不透明度 （5）切换到通道控制面板，新建Alpha1通道，按D键设置前景色和背景色为白色和黑色，然后执行“滤镜”∣“渲染”∣“云彩”命令，结果如图所示。 （6）执行“滤镜”∣“杂色”∣“添加杂色”命令为Alpha1通道添加杂色，在对话框设置数量为0.59%，选中“高斯分布”选项。 （7）回到图层控制面板，执行“滤镜”∣“渲染”∣“光照效果”命令，打开“光照效果”对话框，为“图层1”添加光照效果，“光源类型”选择“点光”，“纹理”选择Alpha1通道，调整其他参数，结果如图所示。 （8）复制“图层1”为“背景”层，然后用文字蒙版工具制作如图所示“1804”选区。 （9）执行“选择”∣“存储选区”命令将选区存储为Alpha2通道，并复制Alpha2通道得到Alpha2副本通道。 执行云彩命令 为图层1添加光照效果 制作选区 （10）对Alpha2副本通道进行操作，执行“滤镜”∣“风格化”∣“浮雕效果”命令，在打开的对话框中设置角度为120度，高度为2，数量为45%，结构如图所示。 （11）为制作亮部与暗部选区，复制Alpha2副本通道为Alpha2副本2通道，然后执行“图像”∣“调整”∣“色阶”命令，打开“色阶”对话框，选择黑色吸管在图中的灰色部分单击，制作出亮部选区，结果如图所示。 （12）选中Alpha2副本通道，执行“图像”∣“调整”∣“色阶”命令，打开“色阶”对话框，选择白色吸管在图中的灰色部分单击，单击对话框的确定按钮后按Ctrl+I键反相图像，制作出暗部选区，结果如图所示。 （13）回到图层控制面板，设置“背景”层为当前图层，单击下面的按钮，在打开的菜单中选择“亮度/对比度”命令，创建一个调整图层，适当增加背景层的亮度。 “浮雕效果”滤镜 制作亮部选区 制作暗部选区 （14）设置“图层1”为当前层，载入Alpha2通道选区，按Delete键删除选区内内容，结果如图所示。 （15）载入暗部选区（Alpha2副本通道），执行“图像”∣“调整”∣“曲线”命令，调暗选区图像，结果如图所示。 （16）载入亮部选区（Alpha2副本2通道），执行“图像”∣“调整”∣“曲线”命令，调亮选区图像，结果如图所示。 删除选区内容 “曲线”调整暗部 “曲线”调整亮部 （17）双击“图层1”，打开“图层样式”对话框，为图层添加“投影”样式，并设置“投影”参数，不透明度为5%，角度为120度，距离为5像素，扩展为0，大小为5像素，结果如图所示。 （18）用文字蒙版工具制作如图所示“WOX”字样选区，并存储为Alpha3通道。 （19）新建“图层2”，执行“编辑”∣“描边”命令，在“描边”对话框中设置颜色为黑色，描边宽度为两个像素，不透明度为60%，结果如图所示。 （20）拖动“图层2”置于“图层1”之下，如图所示。 添加“投影”图层样式 制作选区 填充选区 调整图层顺序 （21）载入Alpha3通道选区，设置“背景”层为当前图层，单击图层控制面板下方的按钮，选择“色相/饱和度”命令，在打开的对话框中调整图像的色相及饱和度，单击“确定”按钮，创建一个调整图层。调整效果如图所示。 （22）设置背景层为当前图层，选择移动工具将图像向左上方移动一定距离，最终效果如图所示。 调整色相/饱和度后的图像 最终效果图 $$