Photoshop 2022 版创意实训教程 课件 项目三 图层

项目三图层Photoshop课堂教学PPT课程导入·基础知识·操作步骤·案例练习·任务拓展·课堂总结本课以“图层”为核心，围绕图层管理、蒙版控制、图层样式与案例应用展开，帮助学生建立分层编辑、非破坏性调整与图层协同的操作思维。图3-1图层堆叠图3-2图层面板项目三图层|Photoshop课堂教学01课程导入课程导入：为什么要学习图层？图层是Photoshop图像处理工作流中的核心功能模块。通过分层管理图像元素，可实现对图像的精准编辑、分层修饰与非破坏性调整，是提升图像处理效率、保障编辑灵活性的关键技术支撑。•把复杂画面拆分为独立元素，便于单独修改与反复调整。•通过蒙版、剪贴蒙版和样式等功能，实现非破坏性编辑。•在实际设计中，清晰的图层逻辑能降低沟通成本，提高协作效率。课堂提示：本项目的所有操作都要围绕“分层管理、精准控制、灵活修改”三点展开。项目三图层|Photoshop课堂教学02育人目标课程思政：图层学习中的职业素养•职业素养：条理清晰，培养“凡事有规划、操作有逻辑”的职业习惯。•文化传承：用现代设计工具与传统美学结合，用技术传承文化、用设计传播经典。•责任意识：尊重原创，拒绝抄袭，坚守设计伦理。•创新思维：从功能组合中找创意，从灵活应用中求突破。项目三图层|Photoshop课堂教学03学习目标学习目标：本节课要掌握什么？•认识图层的概念、类型和图层面板的功能。•掌握图层选择、命名、新建、顺序调整、复制、删除、合并和对齐等基本操作。•理解图层蒙版、剪贴蒙版、快速蒙版和矢量蒙版的控制逻辑。•能按步骤完成手机屏幕嵌入风景、水晶球效果、凹陷文字效果等实例。•能够根据任务拓展要求，迁移应用图层、蒙版和图层样式。项目三图层|Photoshop课堂教学04重点难点知识重点与难点知识重点•认识图层•蒙版的应用•图层样式的应用•图层编辑的应用知识难点•图层类型的选择与转换•图层蒙版的精准控制•剪贴蒙版的层级关系•图层样式的参数协同•图层编组的逻辑分类项目三图层|Photoshop课堂教学05教学逻辑课堂结构：从认识图层到综合应用步骤1：认识图层：理解图层概念、类型、面板与基础操作。步骤2：案例一：制作适配手机屏幕的风景照片。步骤3：蒙版应用：掌握图层蒙版、剪贴蒙版、快速蒙版、矢量蒙版。步骤4：案例二：制作透明水晶球效果。步骤5：图层样式：理解样式对话框与常见效果。步骤6：案例三：制作凹陷文字效果，并完成任务拓展。项目三图层|Photoshop课堂教学06任务一任务一：认识图层图层是Photoshop中优化图像编辑逻辑、降低复杂操作难度的关键工具。它的核心价值在于将图像元素进行分层管理，使各元素的编辑互不干扰。•【图层】面板可直观显示当前图像的所有图层信息。•图层信息包括图层类型、可见性、叠加模式等。•面板支持创建、选择、隐藏、删除等基础操作。•本任务重点建立“分层编辑”的工作思维。项目三图层|Photoshop课堂教学07基础知识图层的概念：像透明胶片一样堆叠Photoshop中的图层如同透明胶片般自上而下堆叠，上层内容会覆盖下层对应区域，未被覆盖的区域可透见下层内容。这种堆叠形态是实现“分层编辑”的核心前提。图3-1图层堆叠注意：同一图像文件内所有图层的分辨率、通道数及图像模式完全一致，避免图层融合时出现像素错位、色彩偏差等问题。项目三图层|Photoshop课堂教学08基础知识图层类型（一）：普通、背景、文字图层•普通图层：最基础的图层类型，具备全功能编辑属性，可承载画笔绘制、图像粘贴、滤镜添加等操作。•背景图层：相当于图像的“底层基底”，默认锁定透明像素；一幅图像可无背景图层，但最多仅能存在1个。•文字图层：由【文字工具】创建，系统自动以输入文字内容命名；双击图层缩略图可改文字内容，文字保持矢量特性，缩放不失真。项目三图层|Photoshop课堂教学09基础知识图层类型（二）：形状、填充、调整图层•形状图层：通过【矩形工具】【椭圆工具】【自定义形状工具】等创建，承载矢量形状，缩放无像素模糊。•填充图层：由“填充内容层”和“矢量蒙版”组成，填充内容仅含纯色、渐变、图案三类。•调整图层：实现“非破坏性编辑”的核心图层，仅作用于下方所有图层，可调整色调、亮度、对比度、饱和度等，不修改原图像像素。项目三图层|Photoshop课堂教学10基础知识认识【图层】面板：图层管理核心控制台【图层】面板是Photoshop中管理、操控图层的核心控制台。图层的创建、选中切换、命名修改、可见性开关、不透明度调节、叠加模式设置以及图层类型转换等，绝大多数都要通过该面板完成。图3-2图层面板项目三图层|Photoshop课堂教学11基础操作图层的基本操作：建立清晰图层逻辑图层的灵活性是其核心优势。在【图层】面板中，用户可完成图层选择、创建、调整堆叠顺序、复制及删除等基础操作。•选择图层：确定当前可编辑对象。•修改图层名称：让文件结构清晰，便于后续管理。•新建、复制、删除图层：控制素材与编辑步骤。•调整顺序、合并、对齐图层：控制画面显示和构图关系。项目三图层|Photoshop课堂教学12基础操作基本操作1：选择图层•选择单个图层：在【图层】面板中，单击需要操作的图层；该图层显示为浅灰色时，即表示它是当前可编辑图层。•选择多个图层：按住Ctrl键依次单击目标图层，可间隔选择不连续的多个图层；按住Shift键单击两个不同目标图层，可选中两者之间的所有图层。图3-3选择单个图层图3-4选择多个图层项目三图层|Photoshop课堂教学13基础操作基本操作2：修改图层名称在【图层】面板中找到目标图层，双击其名称（注意避开图层缩略图）；待名称进入可编辑状态后，输入新名称，按下Enter键即可完成修改。图3-5修改图层名称讲解重点：图层命名是提高文件可读性和协作效率的重要习惯。项目三图层|Photoshop课堂教学14基础操作基本操作3：新建图层•用快捷按钮新建：点击【图层】面板底部的【创建新图层】按钮，会在当前选中图层上方新增普通图层。•按住Ctrl键同时点击【创建新图层】按钮，可在当前图层下方新建普通图层；背景图层下方无法新建图层。•通过菜单新建：点击【图层】面板右上角菜单按钮，或顶部菜单栏【图层】→【新建】→【图层】。图3-6用快捷按钮新建图层图3-7通过菜单新建项目三图层|Photoshop课堂教学15基础操作基本操作4：调整图层顺序•图层顺序决定图像显示优先级：上层图层覆盖下层对应区域。•鼠标拖曳调整：选中需移动的图层，按住鼠标左键拖曳至目标位置，出现分隔线后松开鼠标。•菜单命令调整：选择【图层】→【排列】，再选择“置于顶层”“置于底层”“上移一层”“下移一层”等。图3-8鼠标拖曳调整图3-9菜单命令调整项目三图层|Photoshop课堂教学16基础操作基本操作5：复制图层（方法1—2）•工具按钮复制：在【图层】面板中，选中需复制的图层，拖曳到底部【创建新图层】按钮上，松开后自动生成带“副本”的新图层。•右键命令复制：右键单击目标图层，选择【复制图层】命令；在对话框中可修改新图层名称，点击【确定】生成复制图层。•注：背景图层需先解锁才能复制。图3-10工具按钮复制图3-11右键命令复制项目三图层|Photoshop课堂教学17基础操作基本操作5：复制图层（方法3—4）•菜单命令复制：选中要复制的图层后，点击【图层】→【复制图层】；后续操作与“右键命令复制”一致。•跨文件复制：同时打开两个图像文件，确保两文件分辨率、模式兼容；在源文件【图层】面板中选中目标图层，拖曳到目标文件图像窗口中，松开后完成复制。图3-12菜单命令复制图3-13跨文件复制项目三图层|Photoshop课堂教学18基础操作基本操作6：删除图层•工具按钮删除：选中图层，点击底部【删除图层】按钮，确认后删除；按住Alt键点击可跳过确认。•拖曳删除：将目标图层直接拖曳到【删除图层】按钮上，松开后删除，无需额外确认。•菜单命令删除：执行【图层】→【删除】→【图层】，注意区分“隐藏图层”与“删除图层”。图3-14工具按钮删除图3-15拖曳删除图3-16菜单命令删除项目三图层|Photoshop课堂教学19基础操作基本操作7：合并图层•合并图层：需先选中多个图层，执行命令后会将选中图层合并为一个普通图层。•合并可见图层：无需选图层，合并所有“眼睛”图标开启的图层，隐藏图层不参与。•拼合图像：适用于最终导出，会合并所有图层；隐藏图层会被删除。•右键命令合并：右键选择【合并图层】【合并可见图层】或【拼合图像】，操作逻辑与菜单命令一致。图3-17合并图层图3-18右键命令合并图层项目三图层|Photoshop课堂教学20基础操作基本操作8：对齐图层•对齐图层需先选中2个及以上图层，单个图层无需对齐。•菜单命令对齐：选择【图层】→【对齐】，在子菜单中选择顶对齐、垂直居中对齐、左对齐、水平居中对齐等。•移动工具对齐：选择【移动工具】（快捷键V），在属性栏的“对齐”选项组中点击对应按钮。图3-19菜单命令对齐图3-20移动工具对齐项目三图层|Photoshop课堂教学21案例练习案例练习：制作适配手机屏幕的风景照片本实例将通过图层复制、自由变换、剪贴蒙版等基础操作，完成尺寸适配手机屏幕的风景照片制作。步骤1：打开素材文件“手机.png”。步骤2：用【快速选择工具】选中手机屏幕空白区域，按Ctrl+J复制为“图层1”。步骤3：置入素材“风景.png”，按Ctrl+T调整大小与位置，并拖动到“图层1”上方。步骤4：创建剪贴蒙版，使风景自动适配屏幕空白区域，移动图像至合适位置。项目三图层|Photoshop课堂教学22案例练习步骤1：打开“手机.png”素材执行顶部菜单栏【文件】→【打开】命令，在弹出的“打开”对话框中找到并选中素材文件“手机.png”，点击【确定】按钮完成打开。图3-21打开“手机.png”素材项目三图层|Photoshop课堂教学23案例练习步骤2：快速选择屏幕空白区域并复制在左侧工具箱中选择【快速选择工具】，调整“画笔大小”；在手机屏幕空白区域单击并缓慢拖动，逐步选中整个空白区域。选中后按Ctrl+J，生成“图层1”。快速选择工具图标图3-22选中屏幕区域图3-22自动生成“图层1”项目三图层|Photoshop课堂教学24案例练习步骤3：置入风景并调整位置执行【文件】→【置入嵌入对象】命令，选中素材“风景.png”后点击【置入】。置入后按Ctrl+T调出“自由变换”框，按住Shift键拖动角点保持比例，调整至适配手机屏幕空白区域的大小，按Enter确认。最后将“风景”图层拖至“图层1”的上方。图3-23拖动“风景”图层至“图层1”的上方项目三图层|Photoshop课堂教学25案例练习步骤4：创建剪贴蒙版并调整最终效果在【图层】面板中右键单击“风景”图层，在快捷菜单中选择【创建剪贴蒙版】命令，也可按Alt+Ctrl+G快速创建。此时“风景”图层会自动适配“图层1”的屏幕空白区域；最后用【移动工具】（快捷键V）拖动“风景”图层内的图像，调整至合适位置。图3-24创建剪贴蒙版图3-24菜单命令图3-25手机屏幕嵌入风景效果图项目三图层|Photoshop课堂教学26任务拓展任务拓展：制作适配电脑屏幕的鲜花壁纸使用资源库提供的素材，通过图层复制、自由变换、剪贴蒙版等操作，制作出效果如图3-26所示的鲜花电脑壁纸，进一步巩固图层管理技能。图3-26鲜花电脑壁纸项目三图层|Photoshop课堂教学27任务二任务二：蒙版的应用在Photoshop中，蒙版的核心功能是控制图像的显示区域。用户可通过蒙版隐藏不需要显示的部分，且不会删除图像原有像素，即“非破坏性编辑”，后续可随时调整显示或隐藏区域。•常见用途：抠图、图片边缘淡化、图层自然融合。•学习重点：理解不同蒙版类型与显示控制逻辑。•操作关键：确认正在编辑的是图层本身，还是蒙版缩略图。项目三图层|Photoshop课堂教学28基础知识蒙版的基本类型：四种控制方式•图层蒙版：通过蒙版内的灰度信息控制显示区域，黑色隐藏、白色显示、灰色半透明。•剪贴蒙版：通过下方对象轮廓控制上方所有关联图层的显示范围。•矢量蒙版：依托路径或矢量形状控制图像显示，缩放后不会出现像素模糊。•快速蒙版：临时蒙版，可在蒙版编辑与选区状态之间快速切换，方便临时调整选区范围。项目三图层|Photoshop课堂教学29基础知识【蒙版】面板：调整不透明度与羽化范围•不透明度：控制蒙版对图像的遮挡强度，数值越低隐藏效果越弱，数值越高隐藏效果越强。•羽化范围：调整蒙版边缘的过渡柔和度，数值越大融合越自然；数值越小边缘越锐利。•通过面板可直观修改参数，无需反复操作图层属性。图3-27【蒙版】面板项目三图层|Photoshop课堂教学30基础知识图层蒙版：用黑白灰控制显示图层蒙版的核心作用是“保护图层像素+灵活控制显示”。所有编辑操作仅作用于蒙版，不会改动图层本身的像素。•黑色：隐藏图层对应区域。•白色：显示图层对应区域。•灰色：图层对应区域呈现半透明，灰度越深，透明程度越高。图3-28灰度作用原理注意：添加图层蒙版后，默认编辑会作用于蒙版；若需编辑图层本身，必须点击图层缩略图切换操作对象。项目三图层|Photoshop课堂教学31基础知识剪贴蒙版：以形控图剪贴蒙版的核心逻辑是“以形控图”：通过下方图层的“形状”限制上方图层的“内容显示”，形成类似“剪贴画”的效果。基底图层提供显示轮廓，内容图层的内容仅在基底图层轮廓范围内显示。图3-29未添加剪切蒙版的效果图3-30添加了剪切蒙版的效果规则：下形状，上图像。删除基底图层会导致剪贴蒙版失效。项目三图层|Photoshop课堂教学32基础知识快速蒙版与矢量蒙版快速蒙版•专为“精准创建选区”设计，是临时蒙版。•可在“蒙版编辑”与“选区”之间快速转换。•黑色涂抹添加蒙版，白色涂抹擦除蒙版。矢量蒙版•通过钢笔工具或形状工具创建。•与分辨率无关，缩放后边缘不模糊。•常用于形状画框、Logo图标、按钮边框等。项目三图层|Photoshop课堂教学33操作步骤矢量蒙版操作：绘制路径步骤1：选择【自定形状工具】；若未显示，可长按“矩形工具”切换。步骤2：在顶部工具选项栏中，务必选择【路径】按钮，避免误选“形状”或“像素”模式。步骤3：点击工具选项栏中的【形状】下拉按钮，在【形状】面板中选择需要的形状；在图像窗口拖动绘制路径。图3-31绘制路径项目三图层|Photoshop课堂教学34操作步骤矢量蒙版操作：创建并调整蒙版确保当前选中需要添加蒙版的图层，点击【图层】→【矢量蒙版】→【当前路径】。完成后，路径范围内的图像正常显示，路径外的图像被蒙版遮挡，后续可通过“直接选择工具”调整路径锚点，修改蒙版范围。图3-32修改蒙版范围图3-33创建矢量蒙版最终效果项目三图层|Photoshop课堂教学35案例练习案例练习：制作透明水晶球效果（一）步骤1：在Photoshop软件中，执行【文件】→【打开】命令，在弹出的对话框中选择素材文件“水晶球.png”。图3-34透明水晶球效果项目三图层|Photoshop课堂教学36案例练习案例练习：制作透明水晶球效果（二）步骤2：选择【快速选择工具】，调整工具选项栏中的“画笔大小”；在图像中水晶球区域单击并拖动，逐步选中整个水晶球。快速选择工具图标图3-35选中整个水晶球项目三图层|Photoshop课堂教学37案例练习案例练习：制作透明水晶球效果（三）步骤3：确保水晶球选区未取消，执行【文件】→【置入嵌入对象】命令，选择素材“人物.png”并置入。置入后按Enter确认；【图层】面板会新增“人物”图层。拖动“人物”图层至图层列表最上方，使其位于所有图层之上。图3-36新增“人物”图层并置入人物项目三图层|Photoshop课堂教学38案例练习案例练习：制作透明水晶球效果（四）步骤4：在【图层】面板中选中“人物”图层，点击面板底部的【添加图层蒙版】按钮，为该图层创建图层蒙版。添加图层蒙版按钮图3-37创建图层蒙版图3-37图层面板效果项目三图层|Photoshop课堂教学39案例练习案例练习：制作透明水晶球效果（五）步骤5：选择【画笔工具】（快捷键B），在顶部选项栏选“柔边圆”画笔样式、设黑色笔尖，调整参数：不透明度15%～30%、流量60%～70%。务必选中蒙版缩略图，在水晶球边缘区域涂抹，完成融合。图3-38水晶球边缘区域涂抹图3-39最终效果图项目三图层|Photoshop课堂教学40任务拓展任务拓展：绘制人物城市重影效果使用资源库提供的人物、城市素材，通过图层蒙版调整透明度、控制边缘过渡等，制作出人物与城市图像融合的重影效果。图3-40人物城市重影效果图项目三图层|Photoshop课堂教学41任务三任务三：图层样式的应用图层样式是Photoshop中用于快速美化图层外观的工具。它可直接应用于图层，为图层内容添加阴影、发光、浮雕、渐变叠加等特殊效果。用户既可以使用软件预设样式一键更改外观，也能通过【图层样式】对话框自定义效果参数，且所有样式可随时调整。•用途：快速形成空间感、材质感和视觉层次。•关键：理解每种样式的作用，并根据案例要求协同设置参数。项目三图层|Photoshop课堂教学42基础知识打开【图层样式】对话框（一）•右键菜单法：在【图层】面板中右键单击需要添加样式的目标图层，选择【混合选项】。•双击快捷法：双击目标图层的“图层缩略图右侧空白区域”，注意避开图层名称和蒙版缩略图。•顶部菜单法：点击【图层】→【图层样式】→【混合选项】命令。图3-41打开【图层样式】对话框图3-42选择子菜单中的【混合选项】命令项目三图层|Photoshop课堂教学43基础知识打开【图层样式】对话框（二）面板按钮法：在【图层】面板底部，找到并点击【添加图层样式】按钮，在弹出的下拉菜单中选择任意样式，或直接选择【混合选项】，均可打开【图层样式】对话框。图3-43选择【混合选项】打开【图层样式】对话框项目三图层|Photoshop课堂教学44基础知识图层样式概念（一）：常见效果及作用•混合选项：“混合颜色带”本质是特殊蒙版，可通过调整“上层”“下层”控制透明区域。•斜面和浮雕：模拟高光与阴影，为图层添加立体效果，包括内斜面、外斜面、浮雕、枕形浮雕、描边浮雕。•描边：为图层对象轮廓添加装饰线条，可设置位置、内容、粗细与不透明度。•内阴影：在图层对象边缘内侧添加阴影，模拟凹陷嵌入的视觉感。项目三图层|Photoshop课堂教学45基础知识图层样式概念（二）：发光、叠加与投影•外发光和内发光：外发光从对象外边缘向外扩散，内发光从对象内边缘向内扩散。•光泽：模拟光滑材质表面的反光效果，常用于制作金属、塑料等材质质感。•颜色、渐变和图案叠加：用指定内容覆盖图层原有颜色，可调整叠加不透明度。•投影：在图层对象下方或侧方添加外部阴影，可调整角度、距离、模糊度、颜色及不透明度。项目三图层|Photoshop课堂教学46案例练习案例练习：制作凹陷文字效果（一）步骤1：执行【文件】→【新建】命令，在对话框中设置参数：预设A4，方向竖向，宽度21cm，高度29.7cm，分辨率72像素/英寸，颜色模式RGB颜色，背景内容白色。点击【确定】后，将前景色设置为灰色（RGB数值：R182、G182、B182），填充背景色。图3-44新建文件并填充背景色为灰色项目三图层|Photoshop课堂教学47案例练习案例练习：制作凹陷文字效果（二）步骤2：选择【文字工具】（快捷键T），在顶部工具选项栏设置字体（建议ArialBlack，或其他粗体字体）、字号（建议150pt）、文字颜色（如白色）；在画布中央单击并输入大写字母“A”，生成“文字A”图层。图3-45生成“文字A”图层项目三图层|Photoshop课堂教学48案例练习案例练习：制作凹陷文字效果（三）步骤3：在【图层】面板中，双击“文字A”图层的“图层缩略图右侧空白区域”，打开【图层样式】对话框。在左侧样式列表中勾选【描边】，在右侧参数面板按图3-46参考设置。描边用于强化文字轮廓，为后续凹陷效果打基础。图3-46参数设置项目三图层|P