项目四 矢量插画设计制作

《图形图像处理项目化教程》教案授课内容项目四矢量插画设计制作任务1国画之水墨画教学时数4节教学目的与要求能够熟练的设置画笔的各个参数，从而得到特殊的画笔效果能够熟练运用橡皮擦、加深、减淡、涂抹等工具对图像进行修饰教学重点熟练的设置画笔的各个参数熟练运用橡皮擦、加深、减淡、涂抹等工具对图像进行修饰教学难点设置画笔的各个参数教学方法任务驱动教学法、教授法、演示法教学内容教学方法及课程思政课程导入国画是我国传统的绘画形式，历史源远流长。画家用毛笔蘸水、墨、彩，作画于绢或纸上，题材包括人物、山水、花鸟等。在内容和艺术创作上，体现了古人对自然、社会及与之相关联的政治、哲学、宗教、道德、文艺等方面的认知。本节课利用Photoshop软件设计制作水墨山水画。案例分析：渐变感、层次感、朦胧感使用工具：画笔工具、减淡加深工具组、橡皮擦工具、涂抹工具等。二、技术讲解（一）画笔工具组1.属性栏详解画笔下拉面板：演示讲解画笔的设置方法画笔预设窗口：演示讲解各参数的应用方法模式列表：演示讲解常用的模式效果不透明度、流量、喷枪：演示效果2.画笔工具的应用案例（二）铅笔工具1.属性栏重点说明自动抹除功能2.演示铅笔与画笔的效果（三）颜色替换工具1.属性栏模式：设置可以替换的颜色属性取样：用来设置颜色取样的方式限制：选择“不连续”，可替换出现在光标下任何位置的样本颜色；选择“连续”，只替换与光标下的颜色邻近的颜色；选择“查找边缘”，可替换包含样本颜色的链接区域，同时保留形状边缘的锐化程度容差：用来设置工具的容差范围消除锯齿：勾选该项，可以为校正的区域定义平滑的边缘，从而消除锯齿2.案例应用（四）混合器画笔工具1.属性栏画笔：打开画笔预设进行画笔设置前景色：打开【拾色器】面板，设置当前画笔的颜色值每次描边后载入画笔：与【载入画笔】功能相同每次描边后清理画笔：与【清理画笔】功能相同混合画笔组合：提供多种为用户提前设定的画笔组合类型潮湿、载入、混合、流量（二）历史记录画笔工具组历史记录画笔工具属性栏讲解：模式：是图像的混合模式不透明度：调整颜色的不透明度的选项，值越大越透明。流量：与不透明度选项有相似的处理效果喷枪：将历史记录画笔转换为喷枪功能案例练习：2.历史记录艺术画笔工具属性栏讲解：模式：设置历史记录艺术画笔的绘图模式样式：根据绘图样式，在原图中应用画笔笔触特效区域：设置画笔的笔触区域容差：调整画笔笔触应用的间隔范围案例练习：（三）橡皮擦工具橡皮擦工具【模式】：可以选择橡皮擦的种类【不透明度】：用于设定工具的擦除强度【流量】：用于控制工具的涂抹速度【抹到历史记录】：与历史记录画笔工具的作用相同背景橡皮擦工具是一种智能橡皮擦，它可以自动地采集画笔中心的色样，同时删除在画笔内出现的这种颜色，有选择地将指定区域擦除成透明效果，并可以在擦除背景的同时保留前景中的图像不受影响。通常用于抠取反差较大的图像。魔术橡皮擦工具将图像中颜色相近的区域擦除，它与魔棒工具有些类似，也是根据容差值自动分析图像边缘。（四）修饰工具组模糊工具用于柔化图像的硬边缘或减少图像中的细节，使图像变得柔和甚至模糊属性栏讲解：【画笔】：可选择一种笔尖，并设置笔尖的大小和软硬程度，硬度越大，则模糊的效果越强。【模式】：设定工具和底图不同的混合模式。【强度】：设置工具的强度。强度越大，工具产生的效果就越明显。【对所有图层取样】：如选中，操作将对所有图层的像素起作用；如不选，则操作只针对当前所选图层。锐化工具和【模糊工具】正好相反，用于增加图像边缘的对比度以增强外观上的锐化程度。涂抹工具用于模拟用手指涂抹油墨的效果属性栏讲解：减淡和加深工具主要用来调整图像的细节部分，改变图像的曝光度，使图像局部变亮或变暗，类似于加光或遮光的作用。其用法是，切换【减淡工具】或【加深工具】后，在图像上需要变亮或变暗的区域反复拖动光标即可。属性栏讲解：【范围】：包括阴影、中间调、高光【曝光度】：用于设置图像的曝光强度，曝光度越高，减淡或加深工具的使用效果就越明显【保护色调】：可防止颜色发生色相偏移，确保照片、图片颜色不失真5.海绵工具增加或降低颜色的饱和度。属性栏详解：【模式】：包含“去色”和“加色”，用来降低或增加图像中某部分的饱和度。【流量】：设定不同的流量值来控制加色或去色的程度，值越高，工具的强度越大，效果越明显。【自然饱和度】：选择此项，可以在增加饱和度的同时，防止颜色过度饱和而出现溢色。10分钟案例导入法课程思政点：弘扬我国传统文化，培养民族自豪感演示教学法演示教学法演示教学法演示教学法学中做做中学学中做做中学课堂实操：完成任务1案例的设计与制作分组协作法讲座教学法课后作业请运用本次任务所学技术，临摹如图所示的水墨国画《图形图像处理项目化教程》教案授课内容项目四矢量插画设计制作任务2卡通插画设计制作教学时数2节教学目的与要求理解钢笔工具的功能理解路径和形状的区别能够熟练运用钢笔工具绘制路径、修改路径、设计并制作矢量图形教学重点熟练运用钢笔工具绘制路径、修改路径、设计并制作矢量图形教学难点熟练运用钢笔工具绘制路径、修改路径、设计并制作矢量图形教学方法任务驱动教学法、教授法、演示法教学内容教学方法及课程思政课程导入卡通插画采用矢量绘图技法，制作出扁平化风格的图像，是图形图像处理行业非常流行的设计风格。案例分析：简洁的线条、扁平化风格、鲜明的个性设计使用工具：钢笔工具、文字工具、转换点工具等。二、技术讲解（一）矢量绘图工具矢量绘图工具钢笔工具组矢量绘图工具钢笔工具组文字工具组路径选择工具组形状工具组使用钢笔或形状工具时，存在以下两种状态：位图与矢量图位图由像素构成，可以表现色彩及其深浅的细微变化。矢量图由数学对象构成，比如直线和曲线，它不受尺寸的约束，适用于插画、文字、徽标等图形。使用钢笔或形状工具绘制图形时，存在以下两种状态：形状：包含填充和轮廓，会自动产生形状图层及形状路径。绘制形状绘制形状形状图层形状路径对路径进行填充，需将路径转换为选区，转换的快捷方式为【Ctrl+Enter对路径进行填充，需将路径转换为选区，转换的快捷方式为【Ctrl+Enter】。小技巧（二）钢笔工具的操作技法钢笔工具可以绘制的是路径（曲线或直线），而且绘制的准确度最高。示例示例图中”急转弯”的点叫做“角点”。角点绘制直线的方法操作方法：“点→点”画直线，具体操作点击PPT中的相关视频。绘制曲线的方法操作方法：“点→拖动”画曲线，具体操作点击PPT中的相关视频。添加锚点、删除锚点操作方法：（1）已绘制完毕的路径，使用【添加锚点工具】添加点，使用【删除锚点工具】删除点。（2）对路径添加点、删除点：鼠标移动到路径上，可增加锚点；鼠标移动到锚点上，可删除锚点。非闭合路径、闭合路径路径可以是闭合的或非闭合的，创建方法的差别在于结束路径时的绘制。结束非闭合路径：结束非闭合路径：回车确认，路径存在两个端点之间（此时画布上路径消失）。结束闭合路径：鼠标指针指向路径起点，钢笔工具出现圆圈小尾巴，单击即结束；再次单击，开始新路径的绘制。（三）路径的编辑技法1.编辑曲线的方法每个锚点都有方向点和方向线，他们的位置决定了路径曲线的形态。锚点锚点路径方向线方向点利用【转换点】、【路径选择工具】、【直接选择工具】，可以调整方向点和方向点，从而改变路径的形态。2.编辑曲线的工具【路径选择工具】:选择和移动整条路径；【直接选择工具】:选择一个或多个角点或锚点，对其进行移动，或【转换点】工具：可以在绘制的过程中随时按住Alt【转换点】工具：可以在绘制的过程中随时按住Alt键临时切换为转换点工具，对锚点、方向点和方向线进行修改，不需要时松开Alt键。3.编辑曲线的视频（具体操作点击PPT中的相关视频）创建新路径创建新路径绘制路径时，路径面板会生成名为“工作路径”的路径层并显示路径的缩略图。这是一个临时存储区域，如果重新开始绘制，则新路径会取代原来的“工作路径”。保存路径的方法：（1）在路径面板中双击该路径，在“存储路径”对话框中输入名称，单击确定将其重命名并保存。（2）在绘制新路径之前，单击【创建新路径】按钮，在新的路径层上进行绘制。（四）路径面板用前景色填充路径：选择路径层，设置一个前景色，单击“用前景色填充路径”按钮，可为路径进行颜色的填充。用画笔描边路径：绘制路径，切换到画笔工具，设置画笔的属性单击“用画笔描边路径”按钮，则生成一条有颜色的路径将路径作为选区载入：可以将路径转换为选区，常被用于抠图。快捷操作：使用【Ctrl+回车】/路径上右击鼠标选择【建立选区】。从选区生成工作路径：将一个选区转换为路径进行编辑。添加图层蒙版：将路径作为矢量蒙版运用于图像中。10分钟案例导入法课程思政点：弘扬我国传统文化，培养民族自豪感演示教学法演示教学法演示教学法演示教学法学中做做中学学中做做中学课堂实操：完成任务2案例的设计与制作分组协作法讲座教学法课后作业绘制卡通动物形象《图形图像处理项目化教程》教案授课内容项目四矢量插画设计制作任务3文字设计教学时数2节教学目的与要求理解文字工具的功能和文字面板中各参数的作用能够熟练运用文字工具为作品添加文字修饰或设计字体教学重点能够熟练运用文字工具为作品添加文字修饰或设计字体教学难点能够熟练运用文字工具为作品添加文字修饰或设计字体教学方法任务驱动教学法、教授法、演示法教学内容教学方法及课程思政课程导入文字是平面设计中非常重要的一部分，很多完整的作品都需要用文字来说明主题或通过特殊编排的文字来衬托整个画面。好的作品不但表现在创意、图形构成等方面，文字的编辑和应用也非常重要。案例1：图标中的文字应用案例分析：庄重感、怀旧感、带有强烈的视觉冲击力使用工具：椭圆工具、文字工具等。案例2：电商类图片的文字应用案例分析：可爱风、亲和感使用工具：文字工具、图层样式等。二、技术讲解（一）创建文字创建点文字（1）操作用法：选择横排文字工具或直排文字工具，或者按快捷键T，在图像中需要输入文本操作用法的位置，单击鼠标左键定位文本插入点，直接输入文本。（2）创建点文字——练习案例创建段落文本（1）操作方法：3.创建文字选区（1）操作方法进入快速蒙版模式。用【横排文字蒙版】工具和【直排文字蒙版】工具可以创建文字选区。退出快速蒙版模式，单击【选择】|【反向】，让文字成为选区。（2）创建文字选区——练习案例4.创建路径文字（1）输入沿路径排列的文字操作方法输入沿路径排列的文字时需要先创建文本排列的路径，再使用文本工具在路径上输入文本即可。案例应用2.在路径内部输入文本（1）操作方法绘制封闭路径，将光标移动到封闭路径内部，当光标呈形状时，单击即可将文本插入点定位到路径内部，输入文本即可。（四）编辑文字1.文字工具——属性面板【切换文字方向】将文字方向转换为水平方向或垂直方向。【字体】设置文字的字体。【字体样式】设置文字的字形，包括常规、斜体、粗体、粗斜体等选项。【字号】设置文字的大小【锯齿效果】设置文字的锯齿效果，包括无、锐利、平滑、明晰、强等选项。【对齐方式】分别单击对应的按钮设置段落文字的对齐方式。【颜色块】单击该颜色块，在打开的对话框中可设置文字的颜色。【变形文字】单击该按钮，在打开的对话框中为文字设置上弧等变形效果。【切换字符和段落面板】单击该按钮，可显示或隐藏【字符】面板或【段落】面板，这两个面板也可通过依次执行菜单【窗口】/【字符】或【窗口】/【段落】来打开。2.使用“字符”面板——面板详解使用“段落”面板——面板详解4.点文本与段落文本的转换（1）操作方法：将点文本转换为段落文本，可选择需要转换的文字图层，在其上单击鼠标右键，在弹出的快捷菜单中选择“转换为段落文本”命令即可。5.文本变形（1）文字变形1）操作方法：在文本工具的属性栏中提供了文字变形工具，通过该工具可以对选择的文本进行变形处理，以得到更加艺术化的效果。（2）文字的自由