Photoshop 2022 版创意实训教程 课件 项目二 图像绘制与修饰

项目二图像绘制与修饰Photoshop课堂教学完整PPT｜画笔·修复·形状·渐变教学组织逻辑课程导入→学习目标→重点难点→基础知识→操作步骤→案例练习→任务拓展→课堂总结图2-2甜甜圈绘制效果图图2-11制作促销价格标签浅蓝色教学版/16:9宽屏01课程导入课程导入：从基础修图走向创意表达02项目定位“图像绘制与修饰”是Photoshop从基础操作迈向创意实现的核心模块，也是设计中塑造视觉细节、修复图像瑕疵的关键环节。四大任务任务一：画笔、铅笔与橡皮擦工具任务二：仿制图章与修复画笔工具任务三：形状工具任务四：渐变工具教师讲解重点本项目围绕自由绘制、精准勾勒、细节擦除、图像修复、规整图形绘制与色彩过渡展开，服务于基础修图与创意绘制需求。课程导入课程思政：技术、文化与责任并重03图2-1甜甜圈素材图2-1绘制立体按钮职业素养精益求精，追求专业品质：笔触参数和工具模式都需反复调试、追求极致。文化传承用设计活化传统元素，传递文化温度，培养用现代工具讲好中国故事的文化自觉。责任意识拒绝“过度修图”，坚守设计伦理，兼顾视觉效果与信息真实性。创新思维打破“工具=固定用法”的思维定式，从参数中找创意、从组合中求突破。讲课提示强调“技术服务于创意，创意源于生活”，引导学生把规范操作与设计表达结合起来。学习目标学习目标与课堂成果04目标1掌握画笔、铅笔和橡皮擦工具的选择、前景色设置、画笔预设（大小、硬度）的调整和图层的使用。目标2掌握仿制图章、污点修复画笔、修复画笔和修补工具的基本方法，理解取样、对齐与融合差异。目标3掌握形状工具组与三种绘制模式，能用形状工具制作促销价格标签。目标4掌握渐变工具、渐变类型和渐变编辑器，能绘制立体按钮并完成轻拟物天气图标。学习目标知识重点与知识难点05知识重点（1）画笔、铅笔和橡皮擦工具的应用。（2）仿制图章和修复画笔工具的应用。（3）形状工具的应用。（4）渐变工具的应用。知识难点（1）画笔工具参数的协同调节。（2）修复工具的自然过渡技巧。（3）形状工具模式的选择与切换。（4）渐变工具的光影模拟逻辑。（5）轻拟物图标的风格化呈现。教学流程课堂流程安排06从工具认识到综合实战1.课程导入：认识图像绘制与修饰在设计中的作用2.基础知识：画笔、修复、形状、渐变工具的核心概念3.操作案例：甜甜圈插画、封面次图修复、促销价格标签、立体按钮4.综合案例：轻拟物天气图标制作5.任务拓展：电影胶片、雪绒花、旧照片修复、五彩光盘等6.课堂总结：工具选择、参数设置、图层意识与职业规范任务一画笔、铅笔和橡皮擦工具的应用建立分层绘画思维，理解笔触差异与基础参数。画笔铅笔橡皮擦分层绘画07任务一任务一基础：三种工具的功能区别08画笔工具核心绘画工具，笔触边缘柔和、有羽化效果，类似毛笔或马克笔。可通过调整“硬度”控制边缘柔和程度，适合绘制阴影、色彩过渡和柔和线条。铅笔工具笔触边缘清晰、锐利、无抗锯齿，类似铅笔。线条由纯色像素组成，边界分明，适合像素画、硬边轮廓或需要清晰边缘的图形。橡皮擦工具功能是擦除像素。可选择“画笔”模式进行柔和擦除，也可选择“铅笔”模式进行硬边擦除，甚至选择“块”模式擦除。任务一画笔面板：预设、动态与散布09可调出画笔面板的工具画笔工具、铅笔工具、图章工具、图案图章工具、历史记录画笔工具、模糊工具、锐化工具、涂抹工具、减淡工具、加深工具、海绵工具等。画笔预设可选择相应的画笔，也可通过修改直径值来调整当前画笔的大小。包括画笔笔尖形状、动态形状等设置。动态形状大小抖动控制画笔之间的动态混合效果；“控制”包括关、渐隐、钢笔压力、笔倾斜和光笔轮等。散布与纹理散布使线条产生散射效果，数值越大效果越强；纹理在画笔中产生图案纹理效果；双重画笔可产生两种纹理相交效果。任务一画笔与铅笔参数：课堂操作提醒10•画笔工具绘制的线条比较柔和；铅笔工具绘制的线条比较坚硬。•画笔：设置画笔的形状、大小，可以载入、复位、保存、替换画笔。•不透明度：值越大，越不透明。流量：值越大，颜色越浓。•喷枪：喷绘颜色停留时间越长，边缘模糊程度越厉害。•自动擦除：实现擦除功能。•按SHIFT不放，可绘制水平或垂直方向的直线。定义画笔和定义图案在“编辑”下的“定义图案”或“定义画笔”。橡皮擦工具在背景层可绘出背景色；在其它层上，可擦除掉图层颜色，使下层图层可见。任务一｜案例案例导入：甜甜圈插画绘制11案例目标通过甜甜圈插画绘制，练习铅笔起稿、画笔上色、橡皮擦修改、分层绘画、文字工具添加标题等操作。图2-1甜甜圈素材图2-2甜甜圈绘制效果图任务一｜案例步骤甜甜圈插画：创建文档与铅笔起稿12步骤1创建新文档打开Photoshop2002，执行“文件->新建”（或Ctrl+N）。设置宽度500像素、高度600像素、分辨率72像素/英寸、RGB颜色、内容为白色。再执行“文件->打开”（或Ctrl+O），选择参考素材图2-1。步骤2使用铅笔工具起稿在工具栏中点击并按住“画笔工具”图标，在弹出菜单中选择“铅笔工具”，或按快捷键B。设置硬边圆形画笔，主直径4像素，硬度100%。画笔工具组/铅笔工具前景色设置在工具栏底部设置前景色为灰色，点击前景色色块，在“拾色器”中选择浅灰色，点击好。任务一｜案例步骤甜甜圈插画：新建图层并勾勒轮廓13步骤3在新图层上绘画在图层面板中点击“创建新的图层”按钮，新建“图层1”。在新图层上绘画是一个非常好的习惯。步骤4勾勒基本轮廓把甜甜圈的基本轮廓勾勒出来，形成后续上色和投影的基础。图2-3勾勒轮廓甜甜圈任务一｜案例步骤甜甜圈插画：设置画笔属性14步骤5切换画笔工具在工具栏中点击并按住“画笔工具”图标，或按快捷键B。步骤6设置画笔参数在顶部画笔属性栏中设置画笔属性为：大小25像素，终极炭笔模式。绘画过程中可长按“【”缩小、长按“】”增大画笔，也可改变画笔软硬及形状。图2-3设置画笔属性快捷键B大小25像素任务一｜案例步骤甜甜圈插画：绘制大体色块与修改15步骤7绘制大体色块设置前景色为粉色；新建“图层2”；在这一层用画笔工具绘制甜甜圈的大体色块。不同颜色只需切换不同的前景色即可。步骤8使用橡皮擦修改如果觉得画得不对，可以用橡皮擦工具擦掉重新画，类似在纸上作画。图2-4绘制甜甜圈的大体色块图2-4橡皮擦工具任务一｜案例步骤甜甜圈插画：绘制投影与斑点16步骤9绘制投影在轮廓图层（图层1）上新建“图层3”，按第6步的方法绘制甜甜圈投影部分。步骤10绘制彩色斑点在图层3上面新建一个图层，选择铅笔工具，前景色设为“黄色”，绘制斑点；通过反复切换不同前景色，绘制五颜六色的斑点。此时可隐藏草稿图层。图2-5绘制甜甜圈的投影图2-6绘制甜甜圈的斑点任务一｜案例步骤甜甜圈插画：添加文字并完成效果17步骤11选择文字工具在工具栏中点击并按住“文字工具”图标（T），选择横排文字。步骤12输入标题文字点击图层上方空白处，输入文字“SteetDay”；在顶部文字属性栏中选择合适的手写字体，文字大小为72点，并设置颜色为橙色，得到最终效果。图2-6文字工具图2-6输入文字并设置字体字号任务一｜任务拓展任务一拓展：从基本工具到更高级应用18任务拓展现在已经掌握画笔、铅笔和橡皮擦工具的基本用法，可以尝试更高级的应用：1.电影胶片效果制作2.制作雪绒花3.铅笔标志设计图2-7设计铅笔标志任务二仿制图章和修复画笔工具的应用学习瑕疵修复、取样、对齐和环境融合。污点修复修复画笔修补工具仿制图章19任务二任务二导入：图像修复工具的作用20任务目标本任务聚焦图像修复核心工具，涵盖污点修复画笔、修复画笔、修补工具及仿制图章。学习各工具的大小调节、取样方法与功能差异，掌握仿制图章“无损仿制”与修复画笔“环境融合”的核心区别。图2-1素材图片图2-2效果图片任务二｜基础知识修复工具基础：污点修复画笔21•调节大小：p后面的【】进行调节。•类型：内容识别（常用）/创建纹理/近似匹配。•内容识别：点击需要修复的区域，软件会自动在周围取样，通过计算进行光线和明暗匹配，并进行羽化融合。•创建纹理：可以创建纹理，纹理为Photoshop自带不可修改。•近似匹配：使用工具边缘的像素来修补图像。讲解重点污点修复画笔强调“自动匹配”，适合快速处理小污点、斑点等局部瑕疵。内容识别（常用）任务二｜基础知识修复工具基础：修复画笔、修补工具与仿制图章22修复画笔工具调节大小：p后面的【】进行调节。取样：在相似区域按住Alt键单击取样，再在需要修复区域点击或涂抹。修复画笔尽量要比修复区域大，否则效果不是很好。对齐：勾选对齐后吸取点跟随修复点移动；不勾选则每次单击使用同一吸取点。修补工具源：选区位置被鼠标停留位置覆盖。目标：选区位置覆盖鼠标停留位置。仿制图章使用方法同修复画笔一致。①仿制图章是无损仿制，取样什么颜色/皮肤，仿制的就是什么样子。②修复画笔有运算过程，在涂抹中将取样图像和目标位置融合，自动适应周围环境。任务二｜案例步骤修复案例：打开文件并复制背景图层23步骤1打开文件按Ctrl+O组合键，打开文件。步骤2复制背景图层按Ctrl+J组合键，复制“背景”图层，在“图层”控制面板中生成新的图层“图层1”。图2-3生成新的图层“图层1”Ctrl+OCtrl+J任务二｜案例步骤修复案例：放大显示与红眼工具24步骤3放大显示选择“缩放”工具，在图像窗口中鼠标光标变为放大图标，单击鼠标将图片放大显示。步骤4选择红眼工具选择“红眼”工具，并在属性栏中完成设置。图2-4将图片放大显示红眼工具属性栏设置图2-4选择“红眼”工具任务二｜案例步骤修复案例：去除红眼25步骤5单击左眼去除红眼在人物左侧眼睛上单击鼠标，去除红眼。步骤6同法去除右眼红眼用相同的方法去除右侧红眼，观察去除后的效果。图2-5去除红眼任务二｜案例步骤修复案例：用污点修复画笔去除污点26步骤7选择污点修复画笔选择“污点修复画笔”工具，将鼠标光标放置在要修复的污点图像上，单击鼠标去除污点。步骤8继续去除脸部瑕疵用相同方法继续去除脸部的所有雀斑、痘痘和发丝。图2-6去除污点图2-7去除脸部的雀斑、痘痘和发丝任务二｜案例步骤修复案例：使用修补工具修补眼袋27步骤9圈选眼袋部分选择“修补”工具，在图像窗口中圈选眼袋部分。步骤10拖曳到临近位置在选区中单击并拖曳到适当的临近位置，释放鼠标，修补眼袋。按Ctrl+D取消选区；用相同方法继续修补眼袋。修补工具图2-8修补眼袋图2-9修补眼袋效果任务二｜案例步骤修复案例：仿制图章完成皮肤修复28步骤11选择仿制图章工具选择“仿制图章”工具，在属性栏中打开画笔选择面板，选择需要的画笔形状并设置大小，流量设置为35%。步骤12Alt取样并修复将鼠标放置在颈部需要取样的位置，按住Alt键并单击确定取样点；再将光标放在需要修复的粗糙皮肤处，单击鼠标去掉瑕疵。图2-9“仿制图章”工具图2-9选择画笔形状并设置其大小流量35%Alt取样任务二｜任务拓展任务二拓展：旧照片与水果斑点修复29任务要求1.修复旧照片。2.修复水果照片上的斑点。练习时注意工具选择、取样区域、修复边缘的自然过渡，以及修复结果的真实性。图2-10旧照片素材图图2-11修复水果照片上的斑点素材图任务三形状工具的应用通过制作促销价格标签，掌握形状工具组、绘制模式与图层样式。形状工具形状图层路径填充像素30任务三｜基础知识任务三基础：形状工具组31形状工具包括矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具以及自定形状工具。常用形状椭圆工具可绘制正圆或椭圆；直线工具可绘制直线或添加箭头；圆角矩形工具需要先设置圆角半径；多边形工具可自定义边数。关键技能工具选择、绘制模式选择、几何选项设置、辅助键（Shift、Alt）的使用、图层样式的应用、路径选择工具的简单调整。任务三｜基础知识形状工具的三种绘制模式32形状图层最常用。绘制后会自动创建新的形状图层，图形由矢量蒙版定义，可以无失真变换，并可填充纯色、渐变或图案。本任务主要使用此模式。路径只绘制一条工作路径，不产生任何图像像素。主要用于创建选区或用于钢笔工具的高级操作。填充像素直接在当前图层上绘制由像素构成的图形，与画笔工具效果类似，绘制后无法进行矢量编辑。任务三｜案例案例导入：制作一个促销价格标签33案例目标通过制作常见的商店价格标签，掌握Photoshop2002中形状工具组的核心操作、绘制技巧以及图层样式综合应用。图2-11制作促销价格标签任务三｜案例步骤促销价格标签：创建新文档34步骤1创建新文档打开Photoshop2002，执行“文件->新建”（或Ctrl+N）。设置宽度300像素、高度300像素、分辨率72像素/英寸、RGB颜色、内容为白色，点击创建。图2-2创建新文档300×300像素72像素/英寸任务三｜案例步骤促销价格标签：绘制标签底座35步骤2设置矩形工具在工具栏中选择矩形工具；在窗口顶端选项栏中，设置绘制模式为形状图层，不描边，设置前景色为橘红色（例如#da4849），圆角设置20像素。步骤3绘制主体形状在画布中央，按住Shift键的同时，点住鼠标左键并拖动，绘制一个正圆角矩形作为标签主体。矩形工具设置颜色/圆角设置图2-3设置前景色任务三｜案例步骤促销价格标签：绘制并调整三角形36步骤4选择三角形工具在左边工具栏中右键矩形工具，选择三角形工具；在窗口顶端选项栏中将路径操作样式设置为“合并形状”。步骤5绘制三角形并旋转点住鼠标左键并拖动，在圆角矩形下方绘制一个三角形；同时按Ctrl+T，旋转三角形并调整到适当位置。选择三角形工具合并形状图2-4绘制一个三角形任务三｜案例步骤促销价格标签：载入选区并填充黄色37步骤6载入图层形状选区按住Ctrl的同时，在图层面板中单击“圆角图层”，将整个图层形状载入选区。步骤7填充黄色并取消选区设置前景色为黄色（如#fbe600），新建图层，同时按住Alt+Delete，把选区填充为黄色；再按Ctrl+D取消选区。图2-5选区填充为黄色#fbe600Alt+DeleteCtrl+D任务三｜案例步骤促销价格标签：绘制选区并删除部分图形38步骤8绘制选区在工具栏中选择矩形选框工具，点击鼠标左键并拖动鼠标绘制选区。步骤9删除选中部分按Delete键删除所选部分图形，形成标签的局部形态。图2-6绘制选区图2-7删除部分图形任务三｜案例步骤促销价格标签：输入SALE文字39步骤10选择横排文字工具在左边工具栏中选择横排文字工具，点击图形黄色部分位置，输入文字“SALE”。步骤11设置文字属性在窗口顶端选项栏中，设置文字大小为80点，字体为粗黑体（如Geometr706BlkCnBT），颜色为深绿色（如#193901）。图2-7选择横排文字工具SALE80点#193901任务三｜案例步骤促销价格标签：输入价格并完成调整40步骤12输入价格文字用同样方法，在图形下方输入文字“9.9元”，调整文字的大小、颜色和位置。步骤13观察调整整体观察所设计图形，作细节调整即可完成。图2-7选择横排文字工具任务三｜任务拓展任务三拓展：创建不同形状的标签41拓展要求创建不同形状的标签。练习时可继续使用形状图层、合并形状、选区填充、文字排版等操作，形成不同的商业促销标签效果。图2-7创建不同形状的标签任务四渐变工具的应用通过绘制立体按钮，理解颜色过渡与光影模拟。渐变工具渐变编辑器选区新图层42任务四｜基础知识任务四基础：渐变工具与五种渐变类型43渐变工具用于在整个画布或选区内填充一个颜色到另一个（或多个）颜色的平滑过渡效果，是创建背景、表现物体光影和立体感的强大工具。渐变类型线性渐变：直线从起点到终点。径向渐变：圆形光晕效果。角度渐变：围绕起点逆时针扫描。对称渐变：起点两侧对称线性渐变。菱形渐变：以菱形向外渐变。关键技能渐变工具的选择、渐变编辑器的使用、渐变类型的选择、在图层或选区内拖动应用渐变。任务四｜案例案例导入：绘制立体按钮44案例目标通过绘制立体按钮，掌握渐变工具、渐变编辑器和渐变类型选择。利用“选区+新图层”方式，模拟按钮光影与体积感。图2-1绘制立体按钮任务四｜案例步骤立体按钮：新建文档并创建圆形选区45步骤1创建新文档打开Photoshop2002，新建400×400像素、RGB模式、白色背景的文档。步骤2创建圆形选区与图层选择“椭圆选框工具”，按住Shift键，在画布中央拖动创建正圆形选区。在图层面板中点击“创建新图层”按钮，新建“图层1”，用于制作按钮。图2-1新建“图层1”任务四｜案例步骤立体按钮：选择渐变工具与线性渐变46步骤3选择渐变工具在工具栏中选择“渐变工具”，或按快捷键G。步骤4选中线性渐变在屏幕顶部选项栏中，确保选中“线性渐变”图标。图2-1选择“渐变工具”图2-1选中“线性渐变”图标快捷键G任务四｜案例步骤立体按钮：打开渐变编辑器并设置颜色47步骤5打开渐变编辑器点击选项栏中的渐变样本预览图，打开“渐变编辑器”。步骤6设置渐变色标在渐变条上点击左下角色标，再点击“颜色”框，将其设置为较深的灰色（如#0050KK）；点击右下角色标，将其设置为较浅的灰色。图2-4打开“渐变编辑器”#0050KK任务四｜案例步骤立体按钮：填充基础渐变48步骤7拖动填充渐变在圆形选区内，从左上方向右下方拖动鼠标，拖动距离约为直径的2/3。松开鼠标后，选区被填充为上深下浅的渐变，初步产生立体感。步骤8取消选区按Ctrl+D取消选择。图2-2填充上深下浅的渐变任务四｜案例步骤立体按钮：添加高光增强光泽49步骤9创建高光选区新建“图层2”，使用“椭圆选框工具”在按钮左上角创建较小椭圆形选区，作为高光区域。步骤10前景色到透明渐变选择“渐变工具”，在预设列表中选择“从前景色到透明”的渐变，确保前景色为白色，在椭圆选区内从左上角稍向右下角拖动一小段距离，按Ctrl+D取消选择。必要时执行“滤镜>模糊>高斯模糊”。如图2-3模糊一下边缘任务四｜案例步骤立体按钮：绘制深蓝色按钮与高光50步骤11绘制深蓝色按钮新建“图层3”，重复前面绘制渐变圆形的方法，在灰色渐变圆形上绘制一个由深蓝渐变到浅蓝的圆形。步骤12绘制高光新建“图层4”，参照步骤3的方法绘制高光，完成蓝色按钮图标绘制。图2-3绘制由深蓝渐变到浅蓝的圆形图2-4绘制高光任务四｜任务拓展任务四拓展：绘制五彩光盘51拓展要求绘制五彩光盘。练习时注意渐变类型的选择、渐变编辑器的颜色设置，以及在选区与图层中拖动应用渐变的方向和距离。图2-4绘制五彩光盘综合案例轻拟物天气图标制作综合运用形状工具、图层样式、渐变叠加与投影效果。轻拟物天气图标渐变叠加投影52综合案例综合案例导入：轻拟物天气图标53案例目标本任务聚焦轻拟物风格的雷雨天气图标制作，是Photoshop形状工具与图层样式的综合实战。通过圆角矩形、椭圆、钢笔工具构建基础形态，再以渐变叠加、投影等图层样式强化体积感，完成适合移动端APP审美的天气图标。图2-13调整闪电和云朵的位置和大小综合案例｜步骤天气图标：新建文件54步骤1新建文件新建文件，设置尺寸宽1000像素、高1000像素，分辨率为72像素。图2-1新建文件综合案例｜步骤天气图标：创建圆角矩形底板55步骤2使用圆角矩形工具创建宽度800像素、高度800像素、圆角半径200像素的圆角矩形。填充颜色为蓝色，数值为#4ebef8。图2-2创建圆角矩形800×800像素半径200像素#4ebef8综合案例｜步骤天气图标：添加颜色叠加图层样式56步骤3添加颜色叠加双击圆角矩形图层，添加颜色叠加图层样式，设置左边色标颜色#6dbbf2，右边色标颜色#97d5f6，为图标底板营造体积感。图2-3添加颜色叠加图层样式#6dbbf2#97d5f6综合案例｜步骤天气图标：为底板添加投影57步骤4添加投影样式为圆角矩形添加蓝色#984bb的投影样式。图2-4为圆角矩形添加蓝色#984bb,投影样式#984bb综合案例｜步骤天气图标：绘制云朵基础圆形58步骤5绘制三个圆使用椭圆工具，鼠标左键弹出对话框，设置350×350像素正圆，Ctrl+J复制正圆图层；同理绘制一个300×300像素正圆。取消描边，三个圆都填充颜色#6cccf9，并放置好位置。图2-5绘制三个圆350×350300×300#6cccf9综合案例｜步骤天气图标：绘制长方形连接云朵59步骤6绘制长方形绘制长方形，调整好位置和大小，使之与两个圆底端对齐，并在底下两个圆切线重合。图2-6绘制长方形综合案例｜步骤天气图标：合并云朵形状60步骤7合并形状选择三个圆图层及矩形图层，点击鼠标右键，执行“合并形状”，并修改图层名字为“云朵”。图2-7合并形状综合案例｜步骤天气图标：给云朵添加渐变叠加61步骤8添加渐变叠加双击“云朵”图层，给云朵层添加一个渐变叠加图层样式，设置左边色标颜色#a1dbf9，右边色标颜色#ffffff。图2-8添加渐变叠加图层样式#a1dbf9#ffffff综合案例｜步骤天气图标：给云朵添加投影62步骤9添加投影为云朵层再添加一个投影图层样式，投影颜色为#32a7e4，不透明度为50%。图2-9