《AIGC+多媒体技术应用》课件 第2章 图形图像编辑

第2章图形图像编辑2.1图形图像编辑基础2.2图形绘制软件Illustrator2.3图像处理软件Photoshop内容导航2.1.1色彩和颜色模式2.1.2图形图像的分类2.1.3图形图像的常见格式2.1.4常用图形图像编辑应用软件2.4综合实训2.1.1色彩和颜色模式色彩是视觉系统对可见光的感知结果。从物理学的角度来看，可见光是指电磁波谱中能够被人眼感知的部分，其范围并不精确。在这段可见光谱内，不同波长的光会引起人们不同的色彩感觉。在光谱中不能再被分解的色光称为单色光。1．色彩通过色彩的混合相加产生新色彩的方法称为加色法。任何一种新颜色与红、绿、蓝这3种基本颜色的关系都可以用下列公式描述。C（Color色彩）=R（红色的百分比）+G（绿色的百分比）+B（蓝色的百分比）。2.1.1色彩和颜色模式人们对色彩的感知通常用3个量来度量，即色相、饱和度和明度，这为人们提供了丰富多样的视觉体验。色相是色彩的第一要素，也是能够准确表述色彩倾向的色别称谓。色相饱和度也称为纯度，主要用于反映色彩的鲜艳程度。色彩中含有的本色越多，纯度就越高，反之纯度越低。饱和度明度是指彩色光对人眼的光刺激程度，也称为“亮度”。物体表面反射的光因波长不同，呈现出各种色相，因反射同一波长的振幅不同，各种色相的深浅明暗有所不同。明度2.1.1色彩和颜色模式图像的颜色模式决定了图像文件在显示和输出时的视觉效果，不同的颜色模式会影响色彩细节的层次和图像文件的大小。在Photoshop中，常用的颜色模式以下几种。2．颜色模式1．位图模式4．索引模式7．Lab颜色模式2．灰度模式5．RGB颜色模式8．多通道模式3．双色调模式6．CMYK颜色模式2.1.2图形图像的分类图形图像图形与图像的区别图形的内容由基本图元组成，这些图元包括点、直线、圆、椭圆、矩形、弧等。图形主要通过绘图软件绘制。图像通常通过扫描仪、手机、数码相机、摄像机等输入设备导入计算机，可以逼真地表现自然界的景物。图像由许多点组成，这些点称为像素（pixel）。图形反映物体的局部特性，是对真实物体的模型表现；图像则反映物体的整体特性，是物体的真实再现。图形与图像的主要区别如下。

图形文件的数据量比图像文件小很多，但图形不如图像表现得自然、逼真。

图形将颜色作为绘制图元的参数在命令中给出，所以图形的颜色数目与文件的大小无关；而图像中每个像素所占据的二进制位数与图像的颜色数目有关，颜色数目越多，占据的二进制位数就越多，文件的数据量就越大，因此图像的颜色数目与文件大小紧密相关。

图形在进行放大、缩小、旋转等操作后不会失真，而图像则会出现失真现象，特别是在放大若干倍后，图像可能会出现网格，缩小后则会丢失部分像素点内容。2.1.3图形图像的常见格式1．常用的图形格式ACDRBAICSWFDSVG2.1.3图形图像的常见格式2．常用的图像格式6.JPEG7.PNG8.RAW10.FLM9.PSD1.TIFF2.BMP3.TGA5.GIF4.EPS10.FLM2.1.4常用图形图像编辑应用软件1．IllustratorIllustrator是AdobeSystems公司开发和发行的一款矢量绘图软件，常被称为“AI”。Illustrator具有图形绘制、图形优化以及艺术处理等多方面的强大功能，能够充分满足用户的实际需求，被广泛应用于海报、VI、UI、网页、插画、包装、画册、商标等多媒体作品中。用户在Illustrator中打开一个图形文件后，可直接进入该软件的操作界面。2.1.4常用图形图像编辑应用软件2．PhotoshopPhotoshop是AdobeSystems公司开发和发行的一款图像处理软件，常被称为“PS”，它具有图像编辑、图像合成、校色调色、特效制作等多种功能，广泛应用于各个行业和领域。用户在Photoshop中打开一个图像文件后，将直接进入该软件的操作界面2.1图形图像编辑基础2.2图形绘制软件Illustrator2.3图像处理软件Photoshop内容导航2.2.1课堂案例——绘制矢量奶茶图标2.2.2绘制基本图形2.2.3设置图形填充与描边2.2.4使用形状生成器工具2.2.5对象的基本编辑与管理2.2.6课堂案例——绘制“昆虫日记”宣传海报2.2.7使用钢笔工具绘制图形2.2.8使用曲率工具绘制图形2.2.9使用多种工具手绘图形2.2.10使用路径查找器2.2.11创建和编辑文字2.2.12课堂案例——制作三八妇女节微信公众号推文首图2.2.13建立渐变填充2.2.14建立混合对象2.2.15应用图形样式2.2.16运用常见效果2.4综合实训2.2.1课堂案例—绘制矢量奶茶图标某奶茶店铺需重新设计一款店铺图标，新图标需准确传达奶茶的特色，并能有效吸引消费者的注意。【制作要求】【操作要点】使用Illustrator绘图工具绘制基本图形，并对这些图形进行编辑，使其组合成奶茶的外观；运用美工刀工具和形状生成器工具分割和调整图形细节，最后为奶茶的不同部分填充不同的颜色。参考效果如右图所示。2.2.1课堂案例—绘制矢量奶茶图标具体操作如下。更改矩形颜色绘制奶茶杯杯底调整奶茶杯的形状切割矩形移动上半部矩形制作出水波纹效果设置圆角矩形绘制杯盖2.2.1课堂案例—绘制矢量奶茶图标制作吸管口绘制吸管

修改杯盖图形的颜色增加调整吸管

绘制奶茶杯底部装饰存储作品2.2.2绘制基本图形选择直线段工具组或形状工具组中的任一工具，在画板中图形起始位置单击并按住鼠标左键不放，拖曳鼠标指针到结束位置，释放鼠标左键后可绘制出对应的图形。绘制图形时按住【Shift】键不放，可绘制长度和高度相等的图形（除直线、螺旋线外）；按住【Alt】键不放，可绘制出以鼠标单击点为中心的图形；按住【～】键不放，会自动绘制出多个图形。1．拖动鼠标绘制在Illustrator中，常见的线性图形，如直线、弧线、螺旋线、网格、圆、正方形、三角形、五角形等归纳为基本图形。绘制这些基本图形的工具分布在直线段工具组和形状工具组中。使用这些工具绘制基本图形有以下两种方法。2.2.2绘制基本图形选择直线段工具组或形状工具组中的任意工具，单击画板，在打开的对话框中设置图形的详细参数。2．通过参数对话框绘制在绘制图形前后，均可在控制栏中设置图形属性，包括图形填充和描边等。2.2.3设置图形填充与描边1．通过按钮设置2.2.3设置图形填充与描边2．通过工具设置在Illustrator中，利用“吸管工具”可以吸取描边色、填充色、文字属性、位图的颜色。具体操作方法为：选择需要吸取属性的对象，选择“吸管工具”，将鼠标指针移动到目标对象上，单击鼠标左键即可吸取目标属性到所选择对象上。若需要单独吸取填充颜色或描边颜色，则先在工具箱中单击

按钮切换填充颜色和描边颜色，然后按住【Shift】键不放并单击鼠标左键以单独吸取填充色或描边色。2.2.4使用形状生成器工具使用“形状生成器工具”可以通过合并、分割和删除图形来创建复杂的图形。选择“形状生成器工具”，或按【Shift+M】组合键切换到该工具，鼠标指针将变为

形状，选择需要生成形状的全部图形，移动鼠标指针到目标图形上，能够被合并、分割和删除的部分会自动显示网格。2.2.5对象的基本编辑与管理1．对象的变换A使用“变换”面板B使用“变换”命令2.2.5对象的基本编辑与管理2．对象的扭曲变形为了使图形对象更加有趣，通常会对其进行变形操作。Illustrator提供了一组用于变形对象的工具，包括“宽度工具”、“变形工具”、“旋转扭曲工具”、“缩拢工具”、“膨胀工具”、“扇贝工具”、“晶格化工具”、“皱褶工具”。除了使用工具变形外，Illustrator还提供了一些变形类效果命令。选择对象后，再选择【效果】/【变形】命令或选择【效果】/【扭曲和变换】命令，在弹出的子菜单中将显示变形类效果组的全部命令。2.2.5对象的基本编辑与管理3．对象的管理A对齐和分布对象“对齐对象”按钮组“分布对象”按钮组2.2.5对象的基本编辑与管理B编组对象选择要编组的对象，选择【对象】/【编组】命令，或按【Ctrl+G】组合键，可组合选择的对象。组合对象后，使用“选择工具”只能选择该组，无法选择组内的个别对象。如需单独选择并编辑组合中的个别对象，则选择“编组选择工具”，单击鼠标左键选择该对象。当不需要编组时，选择【对象】/【取消编组】命令，或按【Shift+Ctrl+G】组合键，取消组合对象。2.2.6课堂案例——绘制“昆虫日记”宣传海报为某昆虫馆展厅设计一张“昆虫日记”宣传海报，要求尺寸为600mm×900mm，通过直观、精美的装饰图形，以及有趣的昆虫形象等，突出“昆虫日记”这一主题，展现出海报的创意性，以吸引观众的眼球。海报中还应包含活动的基本信息，如活动时间和地点。【制作要求】【操作要点】首先使用Illustrator中的多种绘图工具绘制出由植物构成的背景图，然后利用路径查找器制作云朵图形作为主题文字的背景，再输入主题文字和其他文字信息，并绘制线条修饰主题文字，最后打开符号库，应用昆虫、树叶符号装饰页面。参考效果如右图所示。2.2.6课堂案例——绘制“昆虫日记”宣传海报具体操作如下。填充矩形绘制曲线继续创建第4个锚点绘制出叶子图形使叶子图形的效果更自然调整图形位置继续绘制叶子图形2.2.6课堂案例——绘制“昆虫日记”宣传海报绘制其他叶子图形选择“画笔工具”

绘制主题背景绘制黑色装饰线条

输入主题文字装饰字体

增加符号输入文字并装饰2.2.7使用钢笔工具绘制图形“钢笔工具”是绘制图形时不可或缺的核心工具之一，也是Illustrator中最关键的工具之一。使用它可以随心所欲地绘制各种复杂的图形，并通过编辑锚点和路径来精确控制图形的精细程度。路径是指使用绘图工具绘制的直线、弧线、几何形状或用线条组成的轮廓。路径本身没有宽度和颜色，在未被选中的状态下不可见。路径只有填加了描边和颜色才能看见。为了控制路径的走向，一段路径包含若干控制点，这些控制点被称为锚点。2.2.7使用钢笔工具绘制图形使用“钢笔工具”绘制图形时，主要通过单击来绘制直线或折线。在绘制曲线时，需要单击并按住鼠标左键，拖动鼠标以控制弧度。在绘图过程中，若按【Enter】键结束绘制，可绘制出没有闭合的开放路径。此时在路径断开处单击鼠标左键，可在之前绘制的路径上继续绘制，按【Delete】键可删除路径。绘制完成后，将鼠标指针定位在路径的起始锚点上，鼠标指针会变为状态，此时单击锚点即可闭合路径，完成绘制封闭图形的绘制。2.2.7使用钢笔工具绘制图形通过编辑锚点修改路径的方法如下。添加锚点删除锚点

移动或调整锚点转换锚点2.2.8使用曲率工具绘制图形“曲率工具”可以快速计算出曲线的曲率（用于描述形状在某一点上的弯曲程度），从而更精确地绘制带有曲线的图形。2.2.9使用形状生成器工具A使用铅笔工具B使用画笔工具2.2.10使用路径查找器选择【窗口】/【路径查找器】命令，或按【Shift+Ctrl+F9】组合键，打开“路径查找器”面板。2.2.11创建和编辑文字Illustrator提供了多种文字创建工具，如“文字工具”、“区域文字工具”、“路径文字工具”、“直排文字工具”、“直排区域文字工具”、“直排路径文字工具”，用以输入各种类型的文字。同时，还可以通过“字符”面板、“段落”面板和“修饰文字工具”便捷地编辑所创建的文字。1．创建文字创建点文字创建区域文字创建路径文字2.2.11创建和编辑文字2．编辑文字A“字符”面板B“段落”面板若需要设置更多的文字属性，可打开“字符”面板和“段落”面板进行设置。2.2.12课堂案例——制作三八妇女节微信公众号推文首图某微信公众号准备在3月8日发布一篇关于庆祝三八妇女节的推文，需制作推文首图，要求尺寸为900像素×383像素，以“不惧时光

活出漂亮”为主题，突出“38”字样，主色调为红色。【制作要求】【操作要点】在Illustrator中，首先置入提供的素材以制作背景，然后输入“38”文字并添加3D效果。复制该文字后为其填充渐变色，再利用混合工具将文字变为立体效果。接着绘制渐变矩形和装饰图形，最后输入其他文字信息并为部分文字添加投影效果。参考效果如右图所示。2.2.12课堂案例——制作三八妇女节微信公众号推文首图具体操作如下。选择素材和矩形设置文字3D凸出和斜角效果将3D效果转化为图形混合文字图形设置文字立体效果绘制一个圆角矩形设置文字图形颜色为文字图形添加渐变效果绘制两个白色爱心为文字添加投影效果2.2.13建立渐变填充渐变填充是指应用两种或两种以上不同颜色在同一条直线上逐渐过渡的填充方式，在Illustrator中建立渐变填充有多种方法，其中较常用的方式以下两种。A使用“渐变”面板B使用渐变工具2.2.14建立混合对象Illustrator提供的混合对象功能可以实现图形、色彩、线条之间的混合，在两个或多个对象之间生成一系列色彩与形状连续变化的对象。创建混合对象主要有两种方式，一是选择“混合工具”，在两个需要混合的对象上分别单击；二是选择混合的两个对象，选择【对象】/【混合】/【建立】命令（或按【Alt+Ctrl+B】组合键）。若自动创建的混合效果不符合需要，可以选择创建的混合对象，再双击“混合工具”，打开“混合选项”对话框，在其中重新设置混合参数。2.2.15应用图形样式图形样式是指可反复使用的外观属性。通过图形样式可以快速更改对象的外观，提高工作效率。2.2.16运用常见效果选择Illustrator的“效果”菜单可以看到“3D和材质”“变形”等效果类子菜单命令组，大致分为Illustrator效果和Photoshop效果，这些效果组中又包括多个效果。Illustrator效果可以使对象产生形态上的变换，或者在外观上呈现特殊的效果；而Photoshop效果与Photoshop中的滤镜效果相似，可以制作出丰富的纹理和质感效果。2.1图形图像编辑基础2.2图形绘制软件Illustrator2.3图像处理软件Photoshop内容导航2.3.1课堂案例——制作小风扇主图2.3.2裁剪图像2.3.3修改图像尺寸和大小2.3.4添加文字和图形2.3.5应用图层样式2.3.6课堂案例——制作清明节活动广告2.3.7抠取图像2.3.8修复和修饰图像2.3.9课堂案例——设计《手机短视频拍摄与剪辑》书籍封面2.3.10调整图像明暗2.3.11调整图像色彩2.3.12添加滤镜2.4综合实训2.3.1课堂案例——制作小风扇主图为某官方旗舰店中的热销商品——小风扇制作主图，要求尺寸为800像素×800像素。以小风扇的实际使用场景作为主图背景，增强商品的代入感和实用性，并且通过文字展示小风扇的卖点，如静音、便携、多档调速等。【制作要求】【操作要点】通过Photoshop中的裁剪和调整图像大小功能，使背景图像符合主图尺寸要求，且突出商品。然后添加文字和装饰图形，并为部分装饰图形添加投影效果。制作小风扇主图的前后效果对比如右图所示。2.3.1课堂案例——制作小风扇主图具体操作如下。裁剪图像调整分辨率设置前景色绘制矩形创建剪贴蒙版绘制圆角矩形复制图层选择“投影”命令2.3.1课堂案例——制作小风扇主图

将复制圆角矩形复制到图像编辑区左上角输入文字

完成主图制作2.3.2裁剪图像当仅需要图像的一部分时，可以使用“裁剪工具”快速裁掉不需要的部分。选择“裁剪工具”，将鼠标指针移到裁剪框内，按住鼠标左键不放并拖动鼠标，使裁剪框中的图像为需要保留的部分，然后按【Enter】键完成裁剪操作。此外，拖动裁剪框上的控制点可调整裁剪区域的大小。2.3.3修改图像尺寸和大小A调整图像大小B调整画布大小2.3.4添加文字和图形在Photoshop中添加文字内容离不开文字工具组。该工具组包括“横排文字工具”、“直排文字工具”、“横排文字蒙版工具”和“直排文字蒙版工具”，分别用于输入不同显示形态的文字，其使用方法与Illustrator中的文字工具基本一致。2.3.5应用图层样式为图层应用图层样式，可使图层中的图像具有真实的质感、纹理等特殊效果。具体操作方法如下：选择目标图层后，选择【图层】/【图层样式】命令，在弹出的子菜单中选择所需样式；或者在“图层”面板底部单击“添加图层样式”按钮，从下拉菜单中选择需要创建样式的命令；或双击需要添加图层样式的图层右侧的空白区域，都将打开“图层样式”对话框，设置相关参数后，单击确认按钮。2.3.6课堂案例——制作清明节活动广告某食品品牌准备在清明节到来之际推出新品——青团，需制作一款与青团、清明节相关的活动广告，要求尺寸为1080像素×1920像素，广告能清晰地传达活动主题及基本信息，画面应富有创意和吸引力，还要考虑手机屏幕的显示效果和用户的浏览习惯，确保在海报在手机上得到良好的展示效果。【制作要求】【操作要点】使用Photoshop中的抠图工具抠选广告中的主体物，包括青团、艾草、茶杯、茶壶，然后修饰和修复有瑕疵的主体物，提升美观度。参考效果如右图所示。2.3.6课堂案例——制作清明节活动广告具体操作如下。抠取白色圆盘抠取茶杯绘制出叶子图形抠取、选中茶壶绘制路径建立选区抠取青团2.3.6课堂案例——制作清明节活动广告缩小其他图像，并调整其位置添加艾草图层

修饰艾草图像擦除背景

修补污迹部分添加“投影”图层

输入文字调整曝光度亮度2.3.7抠取图像抠取图像是指将需要的图像从原始图像中分离出来。在Photoshop中抠取图像的方法较多，本节主要介绍使用工具进行抠图，用户可根据需要选择合适的工具。“对象选择工具”“快速选择工具”“魔棒工具”“橡皮擦工具”“背景橡皮擦工具”“魔术橡皮擦工具”“钢笔工具”2.3.8修复和修饰图像1．修复图像1．“污点修复画笔工具”3．“修补工具”5．“仿制图章工具”2．“修复画笔工具”4．“内容感知移动工具”6．“图案图章工具”2.3.8修复和修饰图像2．修饰图像图像修饰主要注重提升图像的美观度和视觉效果，可使用以下工具进行处理，这些工具的使用方法基本相同。选择相应工具后，先在工具属性栏中根据具体需求设置相关参数，然后在图像中单击鼠标左键或拖动鼠标。“加深工具”和“减淡工具”“海绵工具”“模糊工具”和“锐化工具”“涂抹工具”2.3.9课堂案例——设计《手机短视频拍摄与剪辑》书籍封面为《手机短视频拍摄与剪辑》书籍制作封面，要求封面尺寸为185mm×260mm，在封面中能突显“手机”这一工具，并充分展示本书的内容主题，封面信息的排列条理清晰，视觉效果大气、稳重，具有创意。【制作要求】【操作要点】使用Photoshop调整风景图像的明暗和颜色，增强图像美观性；然后利用滤镜和图层蒙版使部分风景图像变模糊，突出手机拍摄风景图像的清晰感。参考效果如右图所示。2.3.9课堂案例——设计《手机短视频拍摄与剪辑》书籍封面具体操作如下。填充前景色置入素材设置亮度和对比度设置调色效果创建选区设置高斯模糊设置色彩平衡设置智能滤镜2.3.9课堂案例——设计《手机短视频拍摄与剪辑》书籍封面绘制路径涂抹选区输入文字应用“投影”图层样式2.3.10调整图像明暗图像的明暗关系能够反映图像中物体的层次感。因此，所以在为图像调色时，通常会先调整图像的明暗关系，以塑造层次。在Potoshop中，调整图像明暗主要有以下两种方式。A通过调整图层进行调整B调整画布大小打开“调整”面板，单击相应按钮，将会在“图层”面板中新建一个调整图层。选择调整图层后，可在“属性”面板中调整图像明暗。通过调整命令进行调整：选择【图像】/【调整】命令，在打开的子菜单中选择与图像明暗相关的子命令，可打开相应的对话框，在其中的“通道”下拉列表中选择需要调整的颜色通道，然后拖动曲线来调整图像的色彩、亮度和对比度。2.3.11调整图像色彩要获得出色的视觉效果，合理使用和搭配色彩十分重要。掌握调整图像色彩的方法也可以提升视觉效果。在Photoshop中既可以调整图像的整体色彩，也可以调整图像局部的色彩，从而校正偏色图像的效果，使图像色彩更加生动、更丰富。调整图像色彩的方法与调整图像明暗的方法一样，都可以通过调整图层和调整命令来操作。Photoshop中常用的调整图像色彩的命令如下。自然饱和度色相/饱和度色彩平衡替换颜色可选颜色照片滤镜2.3.12添加滤镜1．滤镜库滤镜库可同时为图像应用多种滤镜，节省多次应用滤镜的操作时间。滤镜库中共有6组滤镜，各个滤镜组的使用方法基本相同，只需打开需要处理的图像，选择【滤镜】/【滤镜库】命令，打开“滤镜库”对话框，然后在“滤镜库”对话框中间选择合适的滤镜，在右侧设置参数，在左侧预览效果，确定合适后单击确定按钮便可完成滤镜的添加。2.3.12添加滤镜2．滤镜组和特殊滤镜3．智能滤镜选择某个图层后，选择【滤镜】/【转换为智能滤镜】命令，在打开的提示对话框中单击

按钮，此时，“图层”面板中的图层缩览图右下角出现一个

图标，表示该图层已转换为智能图层，然后可为该智能图层添加滤镜，添加的滤镜会变为智能滤镜。2.1图形图像编辑基础2.2图形绘制软件Illustrator2.3图像处理软件Photoshop内容导航2.4.1制作招聘会宣传海报2.4.2制作大闸蟹主图

2.4综合实训2.4.1制作招聘会宣传海报某企业为弥补人力资源不足，需招聘设计总监和设计助理。现已确定了招聘人数、招聘要求等具体信息，要求运用Illustrator设计一张招聘海报，以便在招聘展位上使用。右表所示为招聘会宣传海报制作任务单，任务单明确给出了实训背景、制作要求、设计思路和参考效果。2.4.1使用手机拍摄视频并传输到计算机中

.启动Illustrator，新建“招聘会宣传海报”文件，使用“钢笔工具”在画板上绘制不同颜色的海浪，然后调整各图形的顺序和位置，并进行编组。

.绘制一个与画板大小相同的矩形，并垂直水平居中对齐于画板。选择编组的图形和矩形，单击鼠标右键，选择“建立剪贴蒙版”命令。

.

使用“钢笔工具”和“椭圆工具”在海浪中间绘制一个正站在冲浪板上冲浪的卡通人物，并将绘制的图形编组。

.使用“椭圆工具”绘制多个填充颜色为#E3F2F1”的椭圆，然后在“路径查找器”面板中单击“联集”按钮，合并成云朵图形。使用相同的方法绘制另一个颜色为“#EBF2F2”的云朵图形。【操作提示】

.在画板底部绘制颜色为“#53AFB1”，大小为“600mm×113mm”的矩形。打开“招聘文案.txt”素材，复制需要的文案，然后粘贴到“招聘会宣传海报”文件中，调整文字大小和字体，并移动文字位置。使用“画笔工具”在“招聘”文字上绘制装饰，使用“钢笔工具”在“乘风破浪”“‘职’等你来！我们期待你的加入！”文字位置绘制底纹图形。

.使用“直线段工具”在画板上方绘制直线装饰，使用“钢笔工具”绘制“》”符号装饰。使用“圆角矩形工具”在招聘职位文字下方绘制圆角矩形，并添加渐变色为“#3AB3CB”“#2D6268”的渐变效