《Photoshop网店美工实例教程（Photoshop2023+AIGC）》电子教案

《Photoshop网店美工实例教程（Photoshop2023+AIGC）》教案PAGEPAGE44项目一认识AIGC应用教学内容一、认识AIGC二、AIGC提示词设计三、AIGC赋能图像创作教学要求1．了解AIGC的特征和发展趋势。2．了解提示词的设计原则和基本框架。3．掌握提示词的设计技巧。4．了解AIGC技术在图像创作领域的应用场景。5．了解常见的图像类AIGC工具。6．掌握AIGC图像生成方式。教学重点1．提示词的设计原则与技巧2．提示词的基本框架3．常见的图像类AIGC工具4．AIGC图像生成方式教学难点1．提示词的设计原则与技巧2．提示词的基本框架教学方法讲授法、案例法、实践法课时数4课时教学内容任务一认识AIGC一、AI与AIGC人工智能（ArtificialIntelligence，AI）是一门旨在模拟、延伸和扩展人类智能的综合性技术学科，也是覆盖算法研发、数据处理、算力支撑、场景应用的完整技术体系，并非单一工具或功能。人工智能生成内容（ArtificialIntelligenceGeneratedContent，AIGC）是AI技术体系中聚焦内容创作的核心分支，特指依托生成式深度学习模型，在人类指令引导下，自动生成文本、图像、音频、视频、代码、3D模型等各类全新数字内容的技术。二、AIGC的特征AIGC作为一种新兴的内容生产模式，具备区别于传统内容生产模式的显著特征，主要体现在以下几个方面。1．高效性2．多样性3．交互性4．低成本5．持续进化三、AIGC的发展现状与发展趋势AIGC当前已进入规模化应用、全行业渗透的成熟期，技术迭代速度加快，应用场景持续拓展，产业生态日趋完善，但同时也面临合规监管、内容质量、伦理规范等挑战，整体呈现技术突破与规范发展并行、商业落地与价值升级同步的发展格局。1．发展现状（1）技术层面（2）应用层面（3）产业层面2．发展趋势（1）从通用大模型向垂直小模型演进（2）智能体崛起，一人公司爆发式增长（3）多模态融合的深化与实时化（4）产业向规范化、普惠化、生态化发展任务二AIGC提示词设计一、提示词的定义提示词又称指令词、引导词，是用户向AIGC模型传递创作需求、任务指令、约束条件、风格要求等信息的标准化指令集合，也是实现人机高效交互、驱动AIGC模型完成内容生成任务的核心媒介。二、提示词的设计原则与技巧提示词设计并非随意发挥，而应依据特定逻辑和标准。只有遵循一定的设计原则、掌握设计技巧，才能构建出精准、高效、可复用的提示词，让AIGC工具生成内容贴合预期、品质出众。1．提示词的设计原则（1）精准清晰原则（2）完整全面原则（3）简洁凝练原则（4）适配场景原则（5）可迭代优化原则2．提示词的设计技巧（1）关键词前置（2）角色设定（3）细节约束（4）案例参考（5）负面提示三、提示词的基本框架为了系统化地构建高质量提示词，业界总结出多种通用的框架结构，其中最为经典且适用性最广泛的是“角色—背景—任务—约束—示例—输出格式”框架，该框架构成了一个完整的指令闭环。1．角色2．背景3．任务4．约束5．示例6．输出格式任务三AIGC赋能图像创作一、AIGC技术在图像创作领域的应用场景AIGC技术的爆发正在重塑图像创作的生态版图，从游戏影视的概念设计到电商营销的视觉呈现，AIGC已从辅助工具跃升为创意引擎，其应用场景非常广泛，几乎覆盖了所有涉及视觉表达的领域，极大地降低了专业门槛，同时提高了生产效率。1．影视与游戏行业2．广告营销与电商设计3．艺术创作与文创设计4．建筑设计与室内设计5．出版与教育AI赋能：AIGC重塑网店美工办公流程二、常见的图像类AIGC工具随着技术的迭代，市场上涌现出众多功能强大且各具特色的图像类AIGC工具。目前，主要的图像类AIGC工具如下。1．即梦AI2．WHEE3．万相4．无界AI5．百度文心助手三、AIGC图像生成方式AIGC图像生成的主流方式分为文本生成图像（文生图）、图像生成图像（图生图）、多模态混合生成3类，不同生成方式的操作逻辑、控制精度、适用场景各不相同。1．文本生成图像（文生图）2．图像生成图像（图生图）3．多模态混合生成归纳与提高通过本项目的学习，我们了解了AIGC的特征和发展趋势、提示词的设计原则和基本框架，掌握了提示词的设计技巧，还了解了AIGC技术在图像创作领域的应用场景，以及常见的图像类AIGC工具，还掌握了AIGC图像生成方式等。项目二Photoshop网店美工设计快速入门教学内容一、网店美工设计四大要点二、Photoshop的基本概念三、PhotoshopCC2023的工作界面四、调整Photoshop视图五、应用辅助工具六、设置前景色与背景色七、常用图标汇总八、常用快捷键汇总教学要求1．了解网店美工设计的四大要点。2．了解Photoshop的基本概念。3．掌握辅助工具的使用方法。4．掌握设置前景色与背景色的方法。教学重点1．网店美工设计四大要点2．Photoshop的工作界面和各种视图2．应用辅助工具3．设置前景色与背景色教学难点1．网店美工设计四大要点2．Photoshop的工作界面和各种视图教学方法讲授法、案例法、实践法课时数3课时教学内容任务一网店美工设计四大要点一、图片素材开展网店美工设计工作，首要任务是筹备充足的图片素材，图片素材主要分为商品实拍图与页面装饰素材两大类。完成图片素材的筹备与筛选后，再借助专业的图形图像处理软件，对素材进行编辑、组合与优化，最终打造出具备视觉吸引力的页面效果。二、色彩搭配色彩是网店美工设计中极具影响力的视觉表达元素。合理运用色彩，能够营造出差异化的视觉氛围，直接影响买家的心理感受，同时塑造商品与店铺的品牌风格和品牌形象。因此，科学、精准的色彩搭配是打造优质网店页面的关键。网店美工设计中，常用的配色方案包含同一色相配色、类似色相配色、对比色相配色、补色配色、渐变配色及重色调配色等。三、合理布局页面布局，即是对图片、文字、按钮等页面核心元素，进行科学规划与有序排布，以此吸引买家注意力，提高页面转化率。买家浏览商品页面时，通常会先对页面形成整体印象，再将视线聚焦到视觉突出、位置醒目的区域。基于这一浏览习惯，在进行页面布局时，可将需要重点展示的商品图、模特展示图等核心内容进行放大处理，并放置在页面的黄金视觉区域，最大化突出商品核心优势。四、创意文字在网店美工设计过程中，为强化页面主题的表现力，提升视觉设计感，通常需要对主题文字进行创意设计。创意文字设计以字体本身的结构规范为基础，结合页面风格与设计主题，借助多样化的创作手法与艺术表现形式，打造出辨识度高、表现力强的创意文字造型，让文字成为页面的视觉亮点之一。任务二Photoshop的基本概念一、像素与分辨率像素与分辨率是Photoshop中直接决定图像文件体积与图像清晰度的两个核心基础概念，也是网店美工设计中把控图像质量的关键依据。1．像素2．图像分辨率二、图像颜色模式颜色模式是将视觉颜色转化为数字信号的标准模型，也是Photoshop中记录、存储和呈现图像色彩的核心方式。不同颜色模式的适用场景、色彩表现和文件特性差异显著，网店美工设计中，常用的有以下3种颜色模式。1．RGB颜色模式2．CMYK颜色模式3．灰度颜色模式任务三PhotoshopCC2023的工作界面PhotoshopCC2023的工作界面主要由菜单栏、工具属性栏、工具箱、图像窗口、状态栏和面板等组成。一、工具箱工具箱是Photoshop中盛放工具的容器，其中包含各种选择工具、绘图工具、颜色工具及更改屏幕显示模式工具等，用于对图像进行各种编辑操作。1．选择工具2．显示隐藏工具二、工具属性栏工具属性栏位于菜单栏下方，主要用于设置工具的参数属性。一般来说，先在工具箱中选择要使用的工具，然后根据需要在工具属性栏中进行参数设置，最后使用工具对图像进行编辑和修改。每种工具都有对应的工具属性栏，当选择不同的工具时，工具属性栏的选项内容会随之产生变化。三、面板面板默认位于工作界面右侧，它是Photoshop中一种非常重要的辅助工具，可以帮助用户快速完成大量的操作任务。1．打开面板2．展开和折叠面板3．分离与合并面板4．关闭面板和面板菜单四、状态栏状态栏位于工作界面底部，可以显示图像的显示比例、当前文档大小和当前文档尺寸等信息，极大地方便了用户查看图像信息。任务四调整Photoshop视图一、切换屏幕显示模式在操作过程中，为了更方便地操作和更好地查看图像效果，可以通过切换屏幕的显示模式查看图像。●标准屏幕模式●带有菜单栏的全屏模式●全屏模式二、调整商品图像显示比例在图像编辑过程中，为了查看图像的整体或者细节效果，经常需要对图像进行放大和缩小操作。调整商品图像显示比例的两种方法如下。1．使用状态栏调整图像显示比例2．使用缩放工具调整图像显示比例三、移动图像显示画面1．使用抓手工具移动图像显示画面2．使用滚动条移动图像显示画面任务五应用辅助工具一、显示图像标尺在PhotoshopCC2023中，为了在处理图像时能够精确定位鼠标指针的位置并对图像进行选择，可以使用标尺协助完成相关操作。单击“视图”|“标尺”命令或按【Ctrl+R】组合键，可以将标尺显示或隐藏。二、编辑图像参考线参考线是浮在整个图像上不可打印的线，用于对图像进行精确定位和对齐。用户可以移动或删除参考线，也可以锁定参考线。1．新建参考线2．移动与删除参考线任务六设置前景色与背景色一、使用工具箱中的颜色工具设置前景色和背景色在工具箱中有一个设置前景色和背景色的工具，用户可以通过该工具设置当前使用的前景色和背景色。二、使用“拾色器”对话框设置前景色和背景色通过“拾色器”对话框设置前景色和背景色是最常用的方法之一。单击工具箱中的前景色色块，在弹出的“拾色器（前景色）”对话框中选择需要的颜色（如红色），然后单击“确定”按钮，即可将前景色设置为选择的颜色。单击工具箱中的背景色色块，在弹出的“拾色器（背景色）”对话框中选择需要的颜色（如蓝色），然后单击“确定”按钮，即可将背景色设置为选择的颜色。三、使用“颜色”面板设置前景色和背景色单击“窗口”|“颜色”命令，弹出“颜色”面板。在其中单击前景色或背景色色块，通过拖动R、G、B颜色条上对应的滑块即可调整颜色。单击“颜色”面板右上角的按钮，在弹出的面板菜单中可以选择其他设置颜色的方式及颜色样板条类型等。四、使用吸管工具设置前景色和背景色在工具箱中选择吸管工具，将鼠标指针移至图像窗口中，并在取色位置处单击，即可提取该处的颜色，所提取的颜色为当前前景色；如果按住【Alt】键并单击取色位置处，则所提取的颜色为当前背景色。任务七常用图标汇总任务八常用快捷键汇总归纳与提高PhotoshopCC2023是由美国Adobe公司开发的一款专业图像处理软件，具有功能强大、操作便捷等特点，被广泛应用于网店美工设计、图像处理与视觉创意等领域。通过本项目的学习，我们了解了网店美工设计的四大要点、Photoshop的基本概念，掌握了辅助工具的使用方法，以及设置前景色与背景色的方法等。项目三网店美工图像处理基本操作教学内容一、调整商品图像尺寸二、裁剪与变换商品图像三、还原与恢复图像编辑操作四、图层的基本操作教学要求1．掌握调整商品图像尺寸的方法。2．掌握裁剪与变换商品图像的方法。3．掌握还原与恢复图像编辑操作的方法。4．掌握图层的基本操作。5．掌握使用AIGC工具进行扩图的方法。教学重点1．调整商品图像尺寸2．裁剪与变换商品图像3．还原与恢复图像编辑操作4．图层的基本操作教学难点1．裁剪与变换商品图像2．栅格化图层内容3．合并图层4．使用图层组管理图层教学方法讲授法、案例法、实践法课时数3课时教学内容任务一调整商品图像尺寸一、调整图像大小图像大小与图像的像素大小和分辨率密切相关，使用“图像大小”命令可以调整图像的像素大小与分辨率，从而改变图像的整体尺寸与文件大小。单击“图像”|“图像大小”命令，或者直接按【Ctrl+Alt+I】组合键，在弹出的“图像大小”对话框中设置各项参数，然后单击“确定”按钮。二、调整画布大小画布是指绘制和编辑图像的工作区域。如果希望调整画布的大小，可以使用“画布大小”命令进行调整。单击“图像”|“画布大小”命令，在弹出的“画布大小”对话框中设置各项参数，然后单击“确定”按钮。三、使用AIGC工具扩展图像尺寸使用AIGC工具扩展图像尺寸是基于生成式人工智能（AIGC）技术，在原有图像基础上按指定比例或自定义尺寸进行智能扩展的图像处理方式。在网店美工实操中，使用AIGC工具扩图主要有以下两种实用模式。（1）比例适配扩图（2）自由扩展AI赋能：使用稿定设计的“AI扩图”功能进行扩图任务二裁剪与变换商品图像一、裁剪商品图像在PhotoshopCC2023中，使用裁剪工具裁剪图像是最常用、最方便的一种方法。选择裁剪工具后，将鼠标指针移到图像中，按住鼠标左键并拖动，此时图像中将出现一个带有8个控制柄的裁剪框。在裁剪框内双击或者按【Enter】键确认，即可得到裁剪框内的图案。二、变换商品图像单击“编辑”|“变换”菜单中的命令，可以对图像执行多种变换操作，如缩放、旋转、斜切、扭曲、透视、变形、水平翻转和垂直翻转等。1．图像的缩放2．图像的旋转3．图像的斜切4．图像的扭曲5．图像的透视6．图像的变形7．水平翻转和垂直翻转任务三还原与恢复图像编辑操作一、使用菜单命令还原图像操作单击“编辑”|“还原”命令，可以撤销最近一步对图像所做的操作。撤销之后，单击“编辑”|“重做”命令，可以重做刚刚还原的操作。按【Ctrl+Z】组合键，可以在最近一步的“还原”和“重做”操作之间进行切换。二、使用“历史记录”面板恢复图像操作“历史记录”面板主要用于记录操作步骤，一个图像自从打开后，对图像进行的任何操作都会记录在“历史记录”面板中。使用“历史记录”面板可以帮助用户恢复到之前操作的任意一个步骤。单击“窗口”|“历史记录”命令，即可打开“历史记录”面板进行恢复图像操作。任务四图层的基本操作一、选择图层要想编辑某个图层中的图像，必须先选中该图像所在的图层。当前处于选中状态的图层称为当前图层。在“图层”面板中单击某个图层即可将其选中，选中的图层以灰底显示。1．选择多个图层2．取消选择图层二、重命名图层在“图层”面板中双击图层名称，这时图层名称处于可修改状态。直接输入新的图层名称并按【Enter】键确认，即可重命名图层。三、转换“背景”图层与普通图层“背景”图层相当于作画时的底层画布，它在“图层”面板中默认位于最下方。普通图层是常用的图层类型，默认为透明状态，可在其中执行各类图像编辑操作，并且能够自由修改图层混合模式、不透明度、填充、可见性及图层顺序等。1．将“背景”图层转换为普通图层2．将普通图层转换为“背景”图层四、复制图层在“图层”面板中，可以根据需要复制图层。将需要复制的图层拖至“创建新图层”按钮上，松开鼠标左键后即可复制该图层。五、栅格化图层内容对于文字图层、形状图层、矢量蒙版或智能对象等包含矢量数据的图层，若要对其进行编辑操作，首先要将图层内容栅格化。栅格化是将矢量图层转换为位图图层的过程。选中需要栅格化的图层内容，单击“图层”|“栅格化”菜单中的命令，即可选择栅格化的内容。六、对齐和分布图层内容在网店美工设计中，经常需要对多个图层中的内容进行对齐与分布操作，操作前需先选中多个图层或对图层进行链接。单击“图层”|“对齐”和“图层”|“分布”菜单中的命令，即可完成图层内容的对齐与分布。七、合并图层在Photoshop中，用户可根据需要创建多个图层，但图层数量越多，图像文件占用的存储空间就越大。因此，为了节省存储空间，可对无须再修改的图层执行合并操作，以减少图层数量。1．合并图层●合并图层●合并可见图层●拼合图像2．盖印图层八、使用图层组管理图层在图像处理过程中，如果使用的图层数量过多，会导致“图层”面板过长，查找与管理图层较为不便。为解决这一问题，PhotoshopCC2023提供了图层组功能，方便用户对图层进行分类管理。1．创建图层组2．使用图层组归纳与提高要利用Photoshop进行网店美工设计，首先需要掌握软件的基本操作。通过本项目的学习，我们掌握了调整商品图像尺寸的方法，裁剪与变换商品图像的方法，还原与恢复图像编辑操作的方法，还掌握了图层的基本操作，以及使用AIGC工具进行扩图的方法等。项目四选区的创建与编辑教学内容一、选区工具的应用二、课堂案例——制作全麦欧包商品主图三、课堂案例——制作女装穿搭公众号首图四、编辑与修改选区五、课堂案例——制作亲子陪伴小红书封面六、课堂练习——制作电饭锅商品主图七、AI助训——制作养宠科普小红书封面教学要求1．掌握选框工具、磁性套索工具和魔棒工具的使用方法。2．掌握快速选择工具和选择并遮住工具的使用方法。3．掌握使用AIGC工具智能抠图的方法。4．掌握选区的移动、全选和反选操作方法。5．掌握羽化选区的方法。教学重点1．选区工具的应用2．编辑与修改选区教学难点1．制作全麦欧包商品主图2．制作女装穿搭公众号首图3．制作亲子陪伴小红书封面教学方法讲授法、案例法、实践法课时数4课时教学内容任务一选区工具的应用一、应用矩形选框工具矩形选框工具用于创建矩形选区。使用矩形选框工具时，直接按住鼠标左键并拖动，即可创建矩形选区；若拖动鼠标指针时按住【Shift】键，可以创建正方形选区；若按住【Alt】键的同时拖动鼠标指针，可以让选区以鼠标指针按下点为中心创建选区；若按住【Shift+Alt】组合键的同时拖动鼠标指针，则以起始点为中心向外拖出正方形选区。当需要取消选区时，可以直接按【Ctrl+D】组合键，或者单击“选择”|“取消选择”命令。二、应用磁性套索工具磁性套索工具是一种智能化、可以识别图像边界的选区工具，适用于选择背景复杂但边缘清晰的图像。三、应用魔棒工具魔棒工具根据图像的饱和度、色度和亮度等信息选择选区的范围，通过调整容差值控制选区的精确度。选择魔棒工具，在图像中单击，则与单击处颜色相近的区域都会被选中。四、应用快速选择工具快速选择工具是魔棒工具的升级，同时又结合了画笔工具的特点，其默认选择鼠标指针周围与鼠标指针范围内的颜色类似且连续的图像区域，所以鼠标指针的大小决定选取范围的大小。选择工具箱中的快速选择工具，在工具属性栏中调整工具笔尖大小，然后在图像中按住鼠标左键并拖动，松开鼠标左键后即可创建选区。五、应用选择并遮住工具利用PhotoshopCC2023的选择并遮住工具可以对选区进行细化，从而更精确地选择对象。在图像中创建选区后，工具属性栏中的“选择并遮住”按钮被激活，单击该按钮即可打开“选择并遮住”工作区。六、应用AIGC工具抠图AIGC工具抠图依托人工智能图像识别与分割技术，可自动完成图像主体与背景的智能分离，是网店美工高效处理素材的核心技能。相比传统手动抠图，它无须复杂操作，上传商品、人物图像后，算法能精准识别轮廓，细腻处理发丝、商品边缘等细节，大幅提高抠图效率与精度。目前，主流AIGC工具有百度文心助手、美图设计室、豆包、创可贴AI、稿定AI等，均支持一键抠图、背景替换、批量处理与高清导出，可广泛适配商品主图、详情页配图等网店设计场景。AI赋能：使用百度文心助手抠图任务二课堂案例——制作全麦欧包商品主图【案例学习目标】【案例知识要点】学习使用矩形选框工具、魔棒工具、磁性套索工具分别创建选区并选取对应图像，掌握运用移动工具移动选区内图像的操作方法。【效果所在位置】效果文件/项目四/全麦欧包商品主图.psd。案例操作方法：见教材P61。任务三课堂案例——制作女装穿搭公众号首图【案例学习目标】掌握使用AIGC工具对人物图像进行精细化抠图的方法，并能运用移动工具对抠取后的图像进行位置调整，实现图像的精准合成。【案例知识要点】通过美图设计室的“智能抠图”功能，完成人物图像的精确抠取；运用移动工具拖动、调整抠出图像的位置，完成画面布局。【效果所在位置】效果文件/项目四/女装穿搭公众号首图.psd。案例操作方法：见教材P64。任务四编辑与修改选区一、移动选区创建选区后，选择工具箱中的任意一种选区工具，然后将鼠标指针移至选区内，当鼠标指针呈形状时按住鼠标左键并拖动，即可移动选区。如果要轻微地移动选区，或者要求精准地移动选区时，可以使用键盘上的4个方向键，每次只移动1像素的距离；如果按住【Shift】键的同时再按4个方向键，可以一次移动10像素的距离。二、全选和反选选区单击“选择”|“全部”命令或者直接按【Ctrl+A】组合键，可以选择画布范围内所有的图像。在图像中创建一个选区，然后单击“选择”|“反选”命令或直接按【Ctrl+Shift+I】组合键，可以将选区反选，即取消选择当前的区域，而选择未选择的区域。三、羽化选区“羽化”命令主要用于柔化选区的边缘，使其产生一种渐变过渡的效果，以免选区边缘过于生硬。单击“选择”|“修改”|“羽化”命令，在弹出的“羽化选区”对话框中，设置“羽化半径”数值，该数值越大，选区边缘就越柔和。任务五课堂案例——制作亲子陪伴小红书封面【案例学习目标】掌握编辑选区的方法与技巧，能够运用“羽化”命令制作柔和的图像效果；通过实践操作感受小红书封面创作的乐趣，积累小红书封面设计的实操经验。【案例知识要点】运用羽化命令实现图像柔和效果，掌握“全选”命令的使用方法，能够运用“扩展”命令调整选区范围。【效果所在位置】效果文件/项目四/亲子陪伴小红书封面.psd。案例操作方法：见教材P67。任务六课堂练习——制作电饭锅商品主图【练习知识要点】使用魔棒工具抠取“新品上市”标签图像，使用磁性套索工具抠取电饭锅主体图像，使用矩形选框工具绘制矩形选区并进行颜色填充，完成电饭锅商品主图的制作。【素材所在位置】素材文件/项目四/电饭锅商品主图。【效果所在位置】效果文件/项目四/电饭锅商品主图.psd。任务七AI助训——制作养宠科普小红书封面【实训知识要点】使用美图设计室的“智能抠图”功能抠取宠物图像；将抠取后的宠物图像置入封面文件窗口，调整图像的大小与位置；利用“扩展”命令调整选区范围，并填充白色，为文字添加描边效果；最后使用矩形选框工具绘制装饰图形，完成养宠科普小红书封面的制作。【素材所在位置】素材文件/项目四/养宠科普小红书封面。【效果所在位置】效果文件/项目四/养宠科普小红书封面.psd。归纳与提高选区是Photoshop中非常重要的概念。将图像中需要编辑的区域创建为选区后，后续编辑操作仅会作用于选区内的图像，选区外的图像则不受影响。因此，熟练掌握选区的创建与应用，是网店美工必须具备的基础技能之一。通过本项目的学习，项目五图层的高级应用教学内容一、应用图层样式二、课堂案例——制作胶囊形促销Banner三、应用图层混合模式四、课堂案例——制作美妆店铺首页全屏海报五、应用填充图层和调整图层六、课堂案例——制作春季上新直播间背景七、课堂练习——制作坚果礼盒年货节主图八、AI助训——制作中秋节促销全屏海报教学要求1．掌握应用图层样式的方法。2．掌握应用图层混合模式的方法。3．掌握应用填充图层和调整图层的方法。4．掌握使用AIGC工具为商品添加投影效果的方法。教学重点1．应用图层样式2．应用图层混合模式3．应用填充图层和调整图层教学难点1．制作胶囊形促销Banner2．制作美妆店铺首页全屏海报3．制作春季上新直播间背景教学方法讲授法、案例法、实践法课时数6课时教学内容任务一应用图层样式一、添加投影效果投影效果是Photoshop图层样式中最常用的视觉效果之一，通过在图层对象的下方或侧方生成模拟光线照射形成的阴影区域，让平面图像产生立体感、层次感与空间感，使商品、文字、图标等元素看起来更真实、更突出，不与背景融为一体。在“图层样式”对话框左侧选中“投影”复选框，在对话框右侧设置各项“投影”参数，即可为图层中的图像添加投影效果。AI赋能：使用即梦AI为商品添加投影效果二、添加渐变叠加效果渐变叠加效果是指在图层内容上方直接覆盖一层渐变色彩，使图像或文字呈现出平滑过渡的渐变效果。通过调整渐变颜色、样式、角度、缩放等参数，可以快速制作出色彩丰富、富有层次感的文字、按钮与背景效果。在“图层样式”对话框左侧选中“渐变叠加”复选框，在对话框右侧设置各项“渐变叠加”参数，即可为图像或文字添加渐变叠加效果。三、添加斜面和浮雕效果斜面和浮雕效果常用于为图像或文字制作凹陷、凸起、立体雕刻的视觉效果，使平面元素呈现出强烈的立体感与质感。在“图层样式”对话框左侧选中“斜面和浮雕”复选框，在对话框右侧设置各项“斜面和浮雕”参数，即可为图像或文字添加斜面和浮雕效果。任务二课堂案例——制作胶囊形促销Banner【案例学习目标】掌握为文字添加不同图层样式的方法，制作具有特殊视觉效果的文字。培养审美能力，开拓设计思维，激发创新与创造能力。【案例知识要点】选择文本图层，使用“图层样式”对话框为其添加多种图层样式，实现丰富的视觉效果。【效果所在位置】效果文件/项目五/胶囊形促销Banner.psd。案例操作方法：见教材P77。任务三应用图层混合模式一、应用基础混合模式在图层混合模式中，“正常”模式与“溶解”模式属于不依赖颜色运算、相对独立的基础混合模式。“正常”是Photoshop的默认图层混合模式，在该模式下，图层直接显示自身颜色，不会与下方图层进行颜色的相加、相减或混合运算。而“溶解”模式会根据图层不透明度随机让部分像素显示、部分像素完全透明，与底层颜色交错呈现，形成类似颗粒、抖动、扩散的视觉效果。这种效果由像素随机分布产生，而非平滑过渡。二、应用变暗组混合模式在Photoshop图层混合模式中，“变暗”“正片叠底”“颜色加深”“线性加深”与“深色”均属于变暗组混合模式。将上层图像设置为这类模式后，整体画面会与下层图像进行颜色运算，最终呈现整体变暗、对比度增强的效果。三、应用变亮组混合模式使用“变亮”“滤色”“颜色减淡”“线性减淡（添加）”与“浅色”这类变亮组混合模式，图层中的黑色区域会完全透明、不产生遮挡，而所有比黑色亮的区域都会对下层图像起到提亮、加光的作用。四、应用对比组混合模式对比组混合模式是Photoshop中功能较强、使用频率较高的图层混合模式。它同时包含提亮与压暗的运算规则，以上层图像作为“滤镜”，根据下层图像的明暗关系，分别对亮部提亮、对暗部压暗，从而显著增强画面的整体对比度与层次感。Photoshop中对比组混合模式包括“叠加”“柔光”“强光”“亮光”“线性光”“点光”与“实色混合”。五、应用色彩组混合模式“色相”“饱和度”“颜色”与“明度”模式是将上层图像的色彩相关属性（色相、饱和度、明度等）应用到下层图像中，只改变色彩信息，不破坏原图的明暗结构。这组图层混合模式实用性强、效果直观，常用于图像统一调色、局部上色、替换色调等操作。六、应用特殊组混合模式除前面介绍的图层混合模式外，还有一组效果较为特殊的模式，包括“差值”“排除”“减去”和“划分”。使用这类图层混合模式可通过色彩运算生成特殊的反差、反相或色调效果，多用于创意合成与特效制作。任务四课堂案例——制作美妆店铺首页全屏海报【案例学习目标】掌握为图层添加不同混合模式的方法，使图层产生丰富的视觉融合效果。提升对图层混合原理的理解能力，培养利用图层混合模式增强画面层次感与氛围感的设计能力。【案例知识要点】使用移动工具合理排布图像元素，通过添加“叠加”“滤色”“柔光”等图层混合模式，制作出层次丰富、质感高级的画面混合效果。【效果所在位置】效果文件/项目五/美妆店铺首页全屏海报.psd。案例操作方法：见教材P81。任务五应用填充图层和调整图层一、应用填充图层填充图层包括纯色、渐变和图案3种填充方式。以“纯色填充”为例，单击“图层”面板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中选择“纯色”命令，或者单击“图层”|“新建填充图层”|“纯色”命令，在弹出的“拾色器（纯色）”对话框中选择所需的颜色，然后单击“确定”按钮，即可创建纯色填充图层。二、应用调整图层使用调整图层调整图像与使用菜单命令调整图像的功能基本相同，只是使用调整图层可以不修改原图像，而且编辑起来更加方便。单击“图层”面板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中选择相应的命令，或者单击“图层”|“新建调整图层”命令中的子命令，都可以创建调整图层。三、认识“调整”面板在创建调整图层时，将弹出对应的“调整”面板。在“调整”面板的上方是调整图层命令的图标，共16个，将鼠标指针放置在图标上方，就会出现相应命令的名称。单击这些调整图层命令的图标，即可在选择图层的上方创建调整图层。任务六课堂案例——制作春季上新直播间背景【案例学习目标】学习使用填充图层与各类调整图层制作直播间背景，掌握画面色调、氛围与质感的综合调整方法。【案例知识要点】使用渐变填充图层与图层混合模式改变画面显示效果；通过使用“曲线”“色相/饱和度”“照片滤镜”等调整图层优化图像色彩、饱和度与对比度。【效果所在位置】效果文件/项目五/春季上新直播间背景.psd。案例操作方法：见教材P86。任务七课堂练习——制作坚果礼盒年货节主图【练习知识要点】运用图层混合模式与调整图层打造丰富的图像视觉特效；通过为文字和图形添加“渐变叠加”“斜面和浮雕”“描边”等图层样式，增强画面的层次感与视觉表现力。【素材所在位置】素材文件/项目五/坚果礼盒年货节主图。【效果所在位置】效果文件/项目五/坚果礼盒年货节主图.psd。任务八AI助训——制作中秋节促销全屏海报【实训知识要点】【素材所在位置】素材文件/项目五/中秋节促销全屏海报。【效果所在位置】效果文件/项目五/中秋节促销全屏海报.psd。归纳与提高Photoshop中的图像由一个或多个图层组成，图层是Photoshop进行图形绘制与图像处理的核心功能。在网店美工设计中，灵活运用图层，能够有效提高图像处理效率，创作出层次丰富、效果多样的视觉作品。通过本项目的学习，我们不仅掌握了应用图层样式和图层混合模式的方法，还掌握了应用填充图层和调整图层的方法，以及使用AIGC工具为商品添加投影效果的方法等。项目六调整图像的色调与色彩教学内容一、调整图像的色调二、课堂案例——增强商品图像的对比度三、调整图像的色彩四、课堂案例——制作黑白相片效果五、课堂案例——修复偏色的商品图像六、课堂练习——为模特还原白皙肌肤七、AI助训——制作户外帐篷全屏海报教学要求1．掌握调整图像色阶、曲线、曝光度的方法。2．掌握调整图像亮度/对比度、自然饱和度、色相/饱和度的方法。3．掌握调整图像色彩平衡、可选颜色的方法。4．掌握通道混和器的应用方法。5．掌握为图像去色的方法。6．掌握使用AIGC工具更换商品颜色的方法。教学重点1．调整图像的色调2．调整图像的色彩教学难点1．增强商品图像的对比度2．制作黑白相片效果3．修复偏色的商品图像教学方法讲授法、案例法、实践法课时数6课时教学内容任务一调整图像的色调一、调整色阶“色阶”命令是常用的色调调整命令之一，设计师使用此命令时，可以通过修改图像的阴影、中间调和高光的亮度水平，调整图像的色调范围与色彩平衡。该命令常用于修复曝光不足或曝光过度的图像，也可用于增强图像对比度。单击“图像”|“调整”|“色阶”命令或者直接按【Ctrl+L】组合键，即可打开“色阶”对话框。在“色阶”对话框中，中间的直方图用于显示图像的色阶分布信息。通常情况下，如果色阶的像素集中在左侧，说明图像阴影区域较多，整体画面偏暗；如果色阶的像素集中在右侧，则说明图像高光区域较多，整体画面偏亮。在“色阶”对话框中，黑色滑块代表图像的阴影区，灰色滑块代表图像的中间调区，白色滑块代表图像的高光区，可通过拖动滑块或者直接输入数值调整图像的阴影、中间调和高光，从而调整图像的色调。二、调整曲线“曲线”命令也是Photoshop中常用的色调调整命令之一，可用于在阴影到高光的整个色调范围内对图像上多个不同点位的亮度与对比度进行调整。单击“图像”|“调整”|“曲线”命令或直接按【Ctrl+M】组合键，即可打开“曲线”对话框。对于色调偏暗的RGB颜色模式的图像，可以将曲线调整至上凸的形态，使图像变亮；对于色调偏亮的RGB颜色模式的图像，可以将曲线调整至下凹的形态，使图像变暗；对于色调对比度不明显的图像，可以将曲线调整为S形，使图像高光区更亮、阴影区更暗，从而增加图像的对比度。三、调整曝光度“曝光度”命令主要用于调整HDR图像的色调，也常用于校正曝光不足或曝光过度的数码照片。单击“图像”|“调整”|“曝光度”命令，弹出“曝光度”对话框，设置各项参数，即可调整图像的曝光度。AI赋能：使用稿定AI处理曝光过度的商品图像四、调整亮度/对比度使用“亮度/对比度”命令可以快速调整图像的亮度和对比度。单击“图像”|“调整”|“亮度/对比度”命令，弹出“亮度/对比度”对话框，设置各项参数，即可调整图像的亮度和对比度。任务二课堂案例——增强商品图像的对比度【案例学习目标】掌握使用色调调整命令对商品图像进行色彩校正的方法。培养问题探究能力，在实践中学会发现、分析并解决图像色彩问题。【案例知识要点】使用“曲线”命令调整图像的明暗层次，使用“色阶”命令增强图像的对比度。【效果所在位置】效果文件/项目六/增强商品图像的对比度.psd。案例操作方法：见教材P96。任务三调整图像的色彩一、调整自然饱和度“自然饱和度”命令用于调整图像色彩的饱和度，该命令的优势在于提高饱和度时，能有效避免颜色过度饱和产生的溢色问题，尤其适合人像照片的色彩调整。单击“图像”|“调整”|“自然饱和度”命令，弹出“自然饱和度”对话框，设置各项参数，即可调整图像色彩的饱和度。二、调整色相/饱和度使用“色相/饱和度”命令可以对图像色彩的色相、饱和度与明度三大核心属性进行调节。单击“图像”|“调整”|“色相/饱和度”命令，弹出“色相/饱和度”对话框，设置各项参数，即可调整图像色彩的色相、饱和度和明度。使用“色相/饱和度”命令既可以调整整个图像的色相、饱和度和明度，又可以调整图像中单个颜色的色相、饱和度和明度。三、调整色彩平衡“色彩平衡”命令是通过调整各种色彩的色阶来校正图像中出现的偏色现象，更改图像的总体颜色混合。单击“图像”|“调整”|“色彩平衡”命令，弹出“色彩平衡”对话框，设置各项参数，即可调整图像的色彩平衡和色调平衡。四、调整可选颜色使用“可选颜色”命令可以对图像进行校正和调整，主要针对RGB、CMYK和黑、白、灰等主要颜色的组成进行调节。该命令可以选择性地增加或减少图像某一主色调含量，而不影响其他主色调。单击“图像”|“调整”|“可选颜色”命令，弹出“可选颜色”对话框，在“颜色”下拉列表框中可以选择要进行调整的颜色种类，然后分别拖动4个颜色滑块，进行颜色调整。五、应用通道混和器图像的色彩是由各种颜色混合在一起组成的，其颜色信息都保存在通道中。“通道混和器”命令利用存储颜色信息的通道混合通道颜色，从而改变图像的颜色。单击“图像”|“调整”|“通道混和器”命令，弹出“通道混和器”对话框，设置各项参数，即可改变图像的颜色。使用“通道混和器”命令可将彩色图像转换为单色图像，或者将单色图像转换为彩色图像。六、图像去色使用“去色”命令可以对图像进行去色操作，将彩色图像转换为灰度图像，但不改变图像的颜色模式。AI赋能：使用绘蛙更换商品颜色任务四课堂案例——制作黑白相片效果【案例学习目标】掌握“去色”“通道混和器”“亮度/对比度”等色彩调整命令，制作专业的黑白相片效果。培养灵活运用多种工具解决问题的能力，在实践中敢于尝试、善于应变。【案例知识要点】使用“去色”命令快速将彩色图像转换为黑白图像，再利用“通道混和器”命令精细调整黑白图像的影调与层次，最后通过使用“亮度/对比度”命令、添加“高反差保留”滤镜及设置图层混合模式，进一步优化画面的明暗对比与细节质感。【效果所在位置】效果文件/项目六/制作黑白相片效果.psd。案例操作方法：见教材P103。任务五课堂案例——修复偏色的商品图像【案例学习目标】掌握“色相/饱和度”“色彩平衡”和“可选颜色”命令的综合运用方法，提升图像色彩校正的实操能力。【案例知识要点】通过“色相/饱和度”“色彩平衡”“可选颜色”等命令，对偏色图像进行分层校正，先提升色彩鲜艳度，再校正整体偏色，最后精细优化色彩层次。【效果所在位置】效果文件/项目六/修复偏色的商品图像.psd。案例操作方法：见教材P106。任务六课堂练习——为模特还原白皙肌肤【练习知识要点】使用“色相/饱和度”命令降低图像整体饱和度，再使用“色彩平衡”命令减少图像中的青色、增加图像中的蓝色以校正偏色，最后使用“亮度/对比度”命令提高图像整体对比度，增强画面层次。【素材所在位置】素材文件/项目六/为模特还原白皙肌肤.jpg。【效果所在位置】效果文件/项目六/为模特还原白皙肌肤.psd。任务七AI助训——制作户外帐篷全屏海报【实训知识要点】使用稿定AI将白天露营场景一键转换为温馨夜景，使用“曲线”“亮度/对比度”和“色相/饱和度”等命令对稿定AI生成效果进行明暗与色彩的二次优化，强化电商商品图的场景化呈现效果。【素材所在位置】素材文件/项目六/帐篷.jpg、海报.psd。【效果所在位置】效果文件/项目六/户外帐篷全屏海报.psd。归纳与提高在网店美工设计中，设计人员需要根据实际需求对图像的色调与色彩进行调整。PhotoshopCC2023提供了丰富的色调与色彩调整工具，在图像处理工作中发挥着重要作用。通过本项目的学习，我们不仅掌握了调整图像色阶、曲线、曝光度的方法，调整图像亮度/对比度、自然饱和度、色相/饱和度的方法，调整图像色彩平衡、可选颜色的方法，还掌握了通道混和器的应用方法，为图像去色的方法，以及使用AIGC工具更换商品颜色的方法等。项目七网店图像的修复、修饰与绘制教学内容一、网店图像的修复二、课堂案例——修复模特面部瑕疵三、网店图像的修饰四、课堂案例——修饰手表实拍相片五、网店图像的绘制与填充六、课堂案例——制作零食详情页首图七、课堂练习——制作女装直播预告海报八、AI助训——制作冬枣礼盒包装效果图教学要求1．掌握图像修复工具的使用方法。2．掌握图像修饰工具的使用方法。3．掌握图像画笔工具和“填充”命令的使用方法。4．掌握使用AIGC工具修复与精修商品图像的方法。5．掌握使用AIGC工具绘制商品图像的方法。教学重点1．网店图像的修复2．网店图像的修饰3．网店图像的绘制与填充教学难点1．修复模特面部瑕疵2．修饰手表实拍相片3．制作零食详情页首图教学方法讲授法、案例法、实践法课时数6课时教学内容任务一网店图像的修复一、应用污点修复画笔工具使用污点修复画笔工具可以快速移除图像中的杂色或污点。使用该工具时，只需在图像有污点的位置单击或涂抹，即可完成修复。污点修复画笔工具会自动从修复区域的周围取样并匹配纹理、颜色与亮度，无须手动定义参考点。二、应用移除工具如果需要修复大片区域，可以使用移除工具。使用该工具时，可通过涂抹的方式标记图像中需要修复的区域，该工具基于AI技术，可一键移除多余物体、瑕疵或人物，并自动匹配周围纹理、光照与颜色，实现无痕填充。三、应用修复画笔工具如果需要更精准地控制取样来源，可以使用修复画笔工具。使用该工具时，可以通过手动在图像中取样或使用图案填充的方式修复图像，这样的修复效果更可控、更精准。选择修复画笔工具，按住【Alt】键，当鼠标指针呈形状时，在图像中没有多余图像的地方单击进行取样，然后松开【Alt】键，单击有多余图像的地方，即可将取样位置的图像复制到当前单击位置。四、应用修补工具修补工具适用于对图像较大区域进行整体修复。使用该工具修补图像时，需先创建选区，选中需要修复的区域，再将选区拖至用于取样的目标区域，即可完成修复操作。五、应用仿制图章工具仿制图章工具用于复制图像内容，它可以将一幅图像的全部或部分内容，复制到当前图像或另一幅图像中。选择仿制图章工具，在其工具选项栏中选择合适的画笔大小，然后将鼠标指针移到图像窗口中，按住【Alt】键的同时单击进行取样，然后移动鼠标指针到当前图像的其他位置或者另一幅图像中，按住鼠标左键并拖动，即可复制取样的图像。六、应用内容感知移动工具使用内容感知移动工具可以移动或复制选中区域的图像内容。使用该工具时，先为需要移动的对象创建选区，然后将选区拖动到目标位置，软件会自动进行内容感知融合，完成移动或复制操作。AI赋能：使用百度文心助手去除多余图像任务二课堂案例——修复模特面部瑕疵【案例学习目标】使用图像修复工具对人物照片进行精细美化，掌握人像精修的基本流程。弘扬工匠精神，在修图过程中做到一丝不苟、细致入微。【案例知识要点】使用缩放快捷键调整图像显示大小；使用污点修复画笔工具去除人物面部雀斑等瑕疵；使用修复画笔工具修复杂乱的眉毛；结合“曲线”命令调整画面亮度。【效果所在位置】效果文件/项目七/修复模特面部瑕疵.psd。案例操作方法：见教材P115。任务三网店图像的修饰一、应用模糊工具使用模糊工具可以使图像产生模糊效果，从而柔化图像，减少图像细节。选择模糊工具后，在图像中按住鼠标左键并拖动，即可进行模糊操作。二、应用锐化工具使用锐化工具可以增强图像中相邻像素之间的对比，使图像产生更加清晰的效果。选择锐化工具后，在图像中按住鼠标左键并拖动，即可进行锐化操作。三、应用减淡工具使用减淡工具可以提高图像的曝光度，使图像变亮。选择工具箱中的减淡工具，在图像中按住鼠标左键并拖动，即可进行减淡操作。四、应用加深工具AI赋能：使用美图设计室精修商品图任务四课堂案例——修饰手表实拍相片【案例学习目标】使用图像修饰工具对商品实拍照片进行精修美化；培养求真务实、精益求精、实践创新的专业素养与工匠精神。【案例知识要点】【效果所在位置】效果文件/项目七/修饰手表实拍相片.psd。案例操作方法：见教材P120。任务五网店图像的绘制与填充一、应用画笔工具在使用画笔工具绘制图形之前，应选择所需的画笔笔尖形状和大小，并设置不透明度、流量等属性。1．设置笔刷2．设置画笔流量二、应用渐变工具使用渐变工具可以快速填充渐变色。渐变色是具有多种过渡颜色的混合色。选择工具箱中的渐变工具，在其工具属性栏中可以设置各项渐变参数。三、应用“填充”命令使用“填充”命令可以对选区或图像填充颜色或图案。“填充”命令能有效地保护图像中的透明区域，有针对性地填充图像。单击“编辑”|“填充”命令，弹出“填充”对话框。在其中设置内容、模式和不透明度等参数，然后单击“确定”按钮，即可完成填充操作。AI赋能：使用万相绘制包装插画任务六课堂案例——制作零食详情页首图【案例学习目标】掌握渐变工具、加深工具、模糊工具的综合运用方法；能够独立完成零食详情页首图的制作，提升电商详情页的视觉设计能力。【案例知识要点】使用渐变工具绘制渐变背景；使用加深工具对台阶图像进行局部加深处理，增强立体感；导入云素材，并通过调整图层混合模式与不透明度实现自然融合；使用模糊工具对画面进行柔化处理，营造层次与氛围感。【效果所在位置】效果文件/项目七/零食详情页首图.psd。案例操作方法：见教材P125。任务七课堂练习——制作女装直播预告海报【练习知识要点】使用污点修复画笔工具去除模特面部瑕疵，使用锐化工具对服装细节进行锐化处理，借助百度文心助手抠取模特图像，将抠取完成的模特图像导入文档中，使其贴合海报整体布局。【素材所在位置】素材文件/项目七/女装直播预告海报。【效果所在位置】效果文件/项目七/女装直播预告海报.psd。任务八AI助训——制作冬枣礼盒包装效果图【实训知识要点】使用万相绘制冬枣礼盒包装插画；使用减淡工具对插画背景进行提亮处理，增强文字层次感；使用即梦AI将包装正面图生成带手提的礼盒立体效果图。【素材所在位置】素材文件/项目七/冬枣礼盒包装效果图。【效果所在位置】效果文件/项目七/冬枣礼盒包装效果图.psd。归纳与提高用数码相机拍摄的照片或从网络上下载的图片，往往存在一些不尽如人意的瑕疵。此时可利用Photoshop提供的修复、修饰与绘制工具快速去除图像缺陷，优化画面效果，最终得到更加完整、美观的图像。通过本项目的学习，我们不仅掌握了图像修复工具、图像修饰工具、图像画笔工具和“填充”命令的使用方法，还掌握了使用AIGC工具修复、精修与绘制商品图像的方法等。项目八路径的创建与应用教学内容一、绘制与编辑路径二、课堂案例——绘制“小象日记”童装品牌Logo三、绘制形状四、课堂案例——制作店铺首页优惠券模块五、课堂练习——制作茶叶网店店招导航六、AI助训——绘制“金色稻田”农产品品牌Logo教学要求1．掌握使用路径工具绘制多种路径的方法。2．掌握编辑路径的方法。3．掌握使用形状工具绘制各种形状的方法。4．掌握使用AIGC工具辅助绘制Logo的方法。教学重点1．绘制与编辑路径2．绘制形状教学难点1．绘制“小象日记”童装品牌Logo2．制作店铺首页优惠券模块教学方法讲授法、案例法、实践法课时数6课时教学内容任务一绘制与编辑路径一、认识“路径”面板“路径”面板用于保存和管理路径，其中显示了当前工作路径、存储的路径和当前矢量蒙版的名称及缩览图。路径的基本操作和编辑可以通过该面板完成。单击“窗口”|“路径”命令，即可打开“路径”面板。单击“路径”面板右上角的按钮，在弹出的面板菜单中可实施与路径相关的操作。二、应用钢笔工具绘制路径钢笔工具是绘制路径的基本工具，使用钢笔工具可以绘制出各种各样的路径。1．认识钢笔工具2．绘制直线路径3．绘制曲线路径三、选择与移动路径选择与移动路径主要通过使用路径选择工具和直接选择工具来完成。1．路径选择工具2．直接选择工具四、转换锚点类型在路径中，锚点和方向线决定了路径的形状。锚点共有4种类型，分别为直线锚点、平滑锚点、拐点锚点和复合锚点。通过改变锚点的类型，可以改变路径的形状。使用工具箱中的转换点工具可以实现各锚点之间的转换。1．转换为直线锚点2．转换为平滑锚点3．转换为拐点锚点4．转换为复合锚点五、路径与选区的转换在Photoshop中，路径与选区是可以相互转换的。要将当前选择的路径转换为选区，可以单击“路径”面板底部的“将路径作为选区载入”按钮，或者直接按【Ctrl+Enter】组合键。同样，也可将选区转换为路径。在创建选区后，单击“路径”面板右上角的按钮，在弹出的面板菜单中选择“建立工作路径”命令，弹出“建立工作路径”对话框，在“容差”数值框中设置路径的平滑度，然后单击“确定”按钮，即可得到路径。单击“路径”面板底部的“从选区生成工作路径”按钮，也可将选区转换为路径。AI赋能：使用即梦AI生成童装品牌Logo初稿任务二课堂案例——绘制“小象日记”童装品牌Logo【案例学习目标】使用钢笔工具绘制并调整路径，掌握路径填充与图层管理的方法；能够独立完成品牌Logo的精细化绘制；树立文化自信，构建民族文化价值观。【案例知识要点】使用钢笔工具绘制平滑路径与拐点锚点，通过“路径”面板进行路径管理与填充；结合图层分层绘制Logo各部分细节。【效果所在位置】效果文件/项目八/童装品牌Logo.psd。案例操作方法：见教材P137。任务三绘制形状一、应用矩形工具使用矩形工具可以绘制长方形和正方形。选择该工具后，直接在图像窗口中按住鼠标左键并拖动鼠标指针，即可绘制长方形；按住【Shift】键并拖动鼠标指针，可以绘制正方形。选择工具箱中的矩形工具，在其工具属性栏中可以设置各项参数。二、应用椭圆工具椭圆工具与矩形工具的工具属性栏基本相同，区别在于使用椭圆工具绘制的形状是椭圆形。选择椭圆工具后，在图像窗口中按住鼠标左键并拖动，可以绘制椭圆形；按住【Shift】键并拖动鼠标指针，可以绘制正圆形。三、应用三角形工具三角形工具用于绘制三角形。选择三角形工具后，在图像窗口中按住鼠标左键并拖动，即可绘制三角形；按住【Shift】键并拖动鼠标指针，可以绘制正三角形。四、应用多边形工具多边形工具用于绘制边数可控的多边形及星形。选择工具箱中的多边形工具，在其工具属性栏的“边”数值框中可以设置边的数值，即多边形的边数。在“路径选项”面板中设置不同的参数，可以得到不同形状的星形。五、应用直线工具选择工具箱中的直线工具，在其工具属性栏中设置直线粗细的数值，可以绘制不同粗细的直线。单击“设置其他形状和路径选项”按钮，在弹出的“路径选项”面板中设置各项参数，可绘制不同类型的直线路径。六、应用自定形状工具使用自定形状工具可以绘制Photoshop预设的各种图形。选择工具箱中的自定形状工具，单击“形状”右侧的下拉按钮，在弹出的“形状”面板中选择所需的形状。在图像窗口中按住鼠标左键并拖动，即可绘制图形。任务四课堂案例——制作店铺首页优惠券模块【案例学习目标】使用不同的绘图工具绘制各种形状，使用文字工具添加文字，设置图层样式为形状添加特殊效果，掌握店铺首页优惠券模块的完整制作流程。【案例知识要点】使用绘图工具绘制优惠券的基础形状，使用横排文字工具添加文字，通过图层样式增强视觉效果。【效果所在位置】效果文件/项目八/店铺首页优惠券模块.psd。案例操作方法：见教材P145。任务五课堂练习——制作茶叶网店店招导航【练习知识要点】使用钢笔工具绘制路径，使用不同的绘图工具绘制各种图形，使用文字工具添加文字，添加图层样式制作立体效果。【素材所在位置】素材文件/项目八/茶叶网店店招导航。【效果所在位置】效果文件/项目八/茶叶网店店招导航.psd。任务六AI助训——绘制“金色稻田”农产品品牌Logo【实训知识要点】使用即梦AI生成Logo初稿，使用钢笔工具绘制与调整路径，使用文字工具输入并设置品牌文字。【素材所在位置】素材文件/项目八/农产品品牌Logo。【效果所在位置】效果文件/项目八/农产品品牌Logo.psd。归纳与提高路径不仅可以用于精准创建选区，还可以灵活绘制各类不规则图形，是使用Photoshop进行图像处理时必须熟练掌握的核心技能之一。通过本项目的学习，我们不仅掌握了使用钢笔工具绘制多种路径的方法，编辑路径的方法，还掌握了使用形状工具绘制各种形状的方法，以及使用AIGC工具辅助绘制Logo的方法等。项目九蒙版与通道的应用教学内容一、应用蒙版二、课堂案例——制作移动端首页热卖推荐区三、应用通道四、课堂案例——制作暖风机关键词推广图五、课堂练习——制作时尚女装网店首页六、AI助训——制作豆浆机关键词推广图教学要求1．掌握应用图层蒙版与剪贴蒙版的方法。2．掌握创建与复制通道、载入通道选区的方法。3．掌握应用颜色通道和Alpha通道的方法。4．掌握使用AIGC工具为商品图像添加动态光效的方法。教学重点1．应用蒙版2．应用通道教学难点1．制作移动端首页热卖推荐区2．制作暖风机关键词推广图教学方法讲授法、案例法、实践法课时数5课时教学内容任务一应用蒙版一、应用图层蒙版图层蒙版实际上是作用于某一图层的遮罩，用于控制图层的显示、隐藏与透明区域。1．添加图层蒙版2．复制与移动图层蒙版3．应用与删除图层蒙版二、应用剪贴蒙版剪贴蒙版是使上方图层的图像内容按照下方基底图层的形状显示。可以使用一个图层控制多个连续图层的显示范围，但这些图层必须是相邻且连续的。在“图层”面板中选中需要创建剪贴蒙版的图层，然后单击“图层”|“创建剪贴蒙版”命令，或按【Ctrl+Alt+G】组合键，即可创建剪贴蒙版。AI赋能：使用美图设计室生成AI试鞋效果任务二课堂案例——制作移动端首页热卖推荐区【案例学习目标】使用不同的绘图工具绘制图形，掌握图层蒙版与剪贴蒙版的使用方法，能够运用蒙版完成商品图像的合成。【案例知识要点】单击“图层”面板中的“添加图层蒙版”按钮为图层添加蒙版，使用“创建剪贴蒙版”命令隐藏部分图像。【效果所在位置】效果文件/项目九/移动端首页热卖推荐区.psd案例操作方法：见教材P157。任务三应用通道一、认识“通道”面板“通道”面板是创建与编辑通道的主要场所，单击“窗口”|“通道”命令，即可调出“通道”面板。“通道”面板中包括眼睛图标、缩览图、通道组合键、“将通道作为选区载入”按钮、“将选区存储为通道”按钮、“创建新通道”按钮、“删除当前通道”按钮等。二、复制通道在“通道”面板中选择要复制的通道，将其拖至“创建新通道”按钮上，松开鼠标左键后即可复制该通道。三、载入通道选区在“通道”面板中单击“将通道作为选区载入”按钮，即可调用所选通道上的灰度值，并将其转换为选区。按住【Ctrl】键的同时在“通道”面板中单击要作为选区载入的通道缩览图，也可将其载入选区。四、应用颜色通道颜色通道用于保存图像颜色的基本信息，每个图像都有一个或多个颜色通道，图像中默认的颜色通道数量取决于其颜色模式，即一个图像的颜色模式决定其颜色通道的数量。每个颜色通道都存放着图像中某种颜色的信息，所有颜色通道中的颜色叠加混合即产生图像中的颜色。以RGB图像为例，其默认有3个颜色通道和1个用户编辑图像的复合通道。当红、绿、蓝3个颜色通道合成在一起时，才会得到色彩最真实的图像。如果图像缺少某一个颜色通道，则合成的图像就会偏色。Lab模式则由“明度”“a”“b”这3个通道组成，但与RGB模式不同的是，它把颜色分配到“a”“b”两个通道，“明度”通道则由黑、白、灰组成。“a”通道管理洋红与绿色，而“b”通道管理黄色与蓝色。五、应用Alpha通道利用Alpha通道可以将选区存储为灰度图像。在Photoshop中，经常使用Alpha通道创建和存储蒙版，这些蒙版用于处理和保护图像的某些特定区域。在Alpha通道中，白色代表被选择的区域，黑色代表未被选择的区域，而灰色则代表被部分选择的区域，即羽化的区域。Alpha通道只存储选区，并不会影响图像的颜色。单击“通道”面板中的“创建新通道”按钮，即可创建一个Alpha通道。如果当前图像中创建了选区，单击“将选区存储为通道”按钮，即可将选区保存为Alpha通道。任务四课堂案例——制作暖风机关键词推广图【案例学习目标】使用颜色通道抠取半透明图像素材，掌握通道复制、色阶调整、选区载入及图层样式应用的综合应用技巧。【案例知识要点】利用通道对比差异抠取半透明物体，通过色阶增强通道对比度，应用图层样式修改物体颜色，运用图层混合模式优化画面效果。【效果所在位置】效果文件/项目九/暖风机关键词推广图.psd。案例操作方法：见教材P163。AI赋能：使用即梦AI为商品图像添加动态光效任务五课堂练习——制作时尚女装网店首页【练习知识要点】掌握使用移动工具导入与排版素材的方法，熟练使用椭圆工具、矩形工具绘制页面装饰与布局图形，运用剪贴蒙版制作商品展示图，通过横排文字工具完成标题、分类及价格信息的排版，实现时尚女装网店首页的视觉层次与商业展示效果。【素材所在位置】素材文件/项目九/女装网店首页。【效果所在位置】效果文件/项目九/时尚女装网店首页.psd。任务六AI助训——制作豆浆机关键词推广图【实训知识要点】掌握AIGC工具与Photoshop结合的电商推广图制作流程，能够使用即梦AI为刀头素材生成旋涡光晕特效，运用矩形工具绘制功能模块，通过剪贴蒙版实现图像裁切，最终使用横排文字工具完成卖点文案排版，制作出视觉清晰、卖点突出的豆浆机关键词推广图。【素材所在位置】素材文件/项目九/豆浆机。【效果所在位置】效果文件/项目九/豆浆机关键词推广图.psd。归纳与提高蒙版和通道是Photoshop中非常强大的核心功能，业内常说“通道是核心，蒙版是灵魂”，它们是Photoshop用户从初级向中级进阶的重要门槛。借助蒙版与通道，图像调整、合成等各项功能才能发挥到极致。通过本项目的学习，我们掌握了应用图层蒙版与剪贴蒙版的方法，创建与复制通道、载入通道选区的方法，应用颜色通道和Alpha通道的方法，以及使用AIGC工具为商品图像添加动态光效的方法等。项目十文字的创建与应用教学内容一、创建文字二、课堂案例——制作小红书美妆产品测评图文笔记三、创建变形文字与路径文字四、课堂案例——制作国庆节家电促销全屏海报五、课堂练习——制作麦片详情页产品信息模块六、AI助训——制作秋季家装节全屏海报教学要求1．掌握使用文字工具创建文字的方法。2．熟悉“字符”面板和“段落”面板。3．掌握创建变形文字的方法。4．掌握创建路径文字的方法。5．掌握使用AIGC工具生成和修改文字的方法。教学重点1．创建文字2．创建变形文字与路径文字教学难点1．制作小红书美妆产品测评图文笔记2．制作国庆节家电促销全屏海报教学方法讲授法、案例法、实践法课时数3课时教学内容任务一创建文字一、应用横排文字工具使用横排文字工具和直排文字工具可以创建点文字、段落文字和路径文字，使用直排文字蒙版工具和横排文字蒙版工具可以创建文字选区。选择工具箱中的横排文字工具，在其工具属性栏中可以设置各项文字参数。二、认识“字符”面板单击“窗口”|“字符”命令，即可调出“字符”面板。“字符”面板主要用于设置文字的字体、字号、字形、字距和行距等，其中设置字体、字号、字形、字体颜色和消除锯齿选项与文字工具属性栏中相应选项的功能相同。三、认识“段落”面板段落文字是指用文字工具拖出一个定界框，然后在这个定界框中输入文字。段落文字具有自动换行、可调整文字区域大小等特点。在处理文字较多的文本时，可以创建段落文字。单击“窗口”|“段落”命令，即可调出“段落”面板。四、编辑文本框在文本框中输入文字时，当输入的文字到达文本框的边缘时，文字就会自动换行。如果输入的文字过多，文本框右下角的控制柄就会呈形状，表明文字已经超出了文本框的范围，超出的文字被隐藏。此时，可以调整文本框的大小，以显示被隐藏的文字。拖动文本框四周的控制柄，即可调整文本框大小。将鼠标指针移至文本框的对角线上，当其变成形状时按住鼠标左键并拖动，即可旋转文本框。五、创建文字选区使用工具箱中的横排文字蒙版工具可以创建文字选区。选择工具箱中的横排文字蒙版工具，在图像窗口中单击，图像窗口就会进入快速蒙版状态，此时整个图像窗口中铺上了一层透明的红色，可以在其中输入文字。输完后按【Ctrl+Enter】组合键，即可退出蒙版状态，创建文字选区。AI赋能：使用X·FUN智能包装设计平台生成创意文字任务二课堂案例——制作小红书美妆产品测评图文笔记【案例学习目标】使用文字工具输入点文字与段落文本，掌握“字符”面板与“段落”面板的各项参数设置方法；结合图层样式、形状工具完成图文排版，设计出符合小红书平台风格、满足市场需求的美妆产品测评笔记作品。【案例知识要点】使用横排文字工具输入标题与产品信息，通过“字符”面板调整字体、字号、颜色等参数，利用“段落”面板实现文本对齐；通过图层组复制快速完成排版。【效果所在位置】效果文件/项目十/小红书美妆产品测评图文笔记.psd。案例操作方法：见教材P177。任务三创建变形文字与路径文字一、创建变形文字在PhotoshopCC2023中，可以对创建的文字进行变形操作，从而制作出更有艺术美感的文字特效。选择文字图层，单击“文字”|“文字变形”命令，或者单击文字工具属性栏中的“创建文字变形”按钮，即可弹出“变形文字”对话框。在“样式”下拉列表框中提供了15种变形样式，通过设置相应参数可以得到不同的变形效果。二、创建路径文字路径文字是指使用钢笔工具等路径工具创建路径，然后输入文字，使文字沿着路径排列，或者在封闭的路径内输入文字。当改变路径的形状时，文字也会随之产生变化。选择钢笔工具，在图像窗口中绘制一条路径。选择横排文字工具，将鼠标指针移至路径起始点处，此时鼠标指针变成形状，单击确定文本插入点。在文本插入点的位置输入文字。按住【Ctrl】键的同时将鼠标指针移至文字上方，当鼠标指针呈形状后按住鼠标左键并沿路径拖动，即可沿路径移动文字。AI赋能：使用稿定AI快速修改文字内容任务四课堂案例——制作国庆节家电促销全屏海报【案例学习目标】使用横排文字工具输入文字，掌握单击“创建文字变形”按钮制作变形文字的方法，应用图层样式为文字添加丰富效果，完成国庆节家电促销全屏海报的制作。【案例知识要点】使用横排文字工具输入文字并设置各项参数，单击“创建文字变形”按钮制作变形文字，单击“添加图层样式”按钮为文字添加描边、内阴影、渐变叠加、内发光、颜色叠加、投影等效果。【效果所在位置】效果文件/项目十/国庆节家电促销全屏海报.psd。案例操作方法：见教材P182。任务五课堂练习——制作麦片详情页产品信息模块【练习知识要点】掌握电商详情页产品信息模块的排版方法，能够熟练运用文字工具创建点文字与段落文字，区分标题与正文的视觉层级；使用直线工具绘制分割线，让模块布局清晰、条理分明。【素材所在位置】素材文件/项目十/产品信息模块。【效果所在位置】效果文件/项目十/麦片详情页产品信息模块.psd。任务六AI助训——制作秋季家装节全屏海报【实训知识要点】使用X·FUN智能包装设计平台的“AI字体”功能生成创意标题文字；使用钢笔工具绘制曲线路径；使用横排文字工具添加营销文案，并完成整体排版。【素材所在位置】素材文件/项目十/秋季家装节全屏海报。【效果所在位置】效果文件/项目十/秋季家装节全屏海报.psd。归纳与提高文字是网店美工设计中不可或缺的元素之一，在网店图像中恰当地使用文字可以起到画龙点睛的作用。通过本项目的学习，我们掌握了使用文字工具创建文字的方法，熟悉了“字符”面板和“段落”面板，掌握了创建变形文字、路径文字的方法，还掌握了使用AIGC工具生成和修改文字的方法等。项目十一滤镜在网店美工设计中的应用教学内容一、应用滤镜库二、课堂案例——为女装模特瘦腿三、课堂案例——制作高级感玻璃效果四、应用其他常用滤镜五、课堂案例——制作下雪特效六、课堂练习——制作移动端新中式红茶海报七、AI助训——制作腊八粥宣传海报教学要求1．熟悉滤镜与滤镜库的功能。2．掌握“液化”滤镜的应用方法。3．掌握其他常用滤镜的应用方法。4．掌握使用AIGC工具为商品图像添加动态光效的方法。教学重点1．应用滤镜库2．应用其他常用滤镜教学难点1．为女装模特瘦腿2．制作高级感玻璃效果3．制作下雪特效教学方法讲授法、案例法、实践法课时数3课时教学内容任务一应用滤镜库一、认识滤镜库滤镜库可以使滤镜的浏览、选择与应用更加直观、便捷，其中包含了大部分常用滤镜，可以在同一个对话框中完成多个滤镜的添加操作。单击“滤镜”|“滤镜库”命令，即可打开“滤镜库”对话框，认识各选项的功能。二、应用“液化”滤镜使用“液化”滤镜可以对图像进行任意扭曲，还可定义扭曲的范围和强度。单击“滤镜”|“液化”命令，即可打开“液化”对话框。该对话框中包含了多个变形工具，可以对图像进行推、拉、膨胀等操作。AI赋能：使用即梦AI进行风格转绘任务二课堂案例——为女装模特瘦腿【案例学习目标】使用“液化”滤镜对图像进行自然变形修饰，掌握人像形体优化的修图思路。【案例知识要点】通过创建选区与变换框调整腿部比例；使用“液化”滤镜中的向前变形工具对模特腿部进行塑形美化。【效果所在位置】效果文件/项目十一/为女装模特瘦腿.psd。案例操作方法：见教材P191。任务三课堂案例——制作高级感玻璃效果【案例学习目标】使用“高斯模糊”滤镜与“玻璃”滤镜制作通透、高级的玻璃质感效果，掌握半透明特效的设计思路。【案例知识要点】使用“高斯模糊”滤镜柔化图像，使用“玻璃”滤镜制作纹理质感，结合图层蒙版实现局部玻璃效果。【效果所在位置】效果文件/效果文件/项目十一/高级感玻璃效果.psd。案例操作方法：见教材P193。任务四应用其他常用滤镜一、应用“模糊”滤镜组“模糊”滤镜组包含多种模糊滤镜，可以柔化图像、降低相邻像素间的对比度，使图像呈现柔和、平滑的过渡效果。两种常用的模糊滤镜如下。1．“动感模糊”滤镜2．“高斯模糊”滤镜二、应用“锐化”滤镜组锐化”滤镜组主要通过增强相邻像素间的对比度，减弱或消除图像模糊，让图像更清晰。两种常用的锐化滤镜如下。1．“USM锐化”滤镜2．“智能锐化”滤镜三、应用“像素化”滤镜组“像素化”滤镜组主要用于将图像分块，或者将图像平面化。该滤镜组中包含7种滤镜，两种常用的像素化滤镜如下。1．“马赛克”滤镜2．“点状化”滤镜四、应用“渲染”滤镜组“渲染”滤镜组中包括5种滤镜，它们可以使图像产生三维、云彩或光照效果，以及添加模拟的镜头折射和反射效果。两种常用的渲染滤镜如下。1．“镜头