案例2 指尖艺术——商业海报（课件）《图形图像处理-Photoshop 2022》（高教版第五版）【上好课】

图形图像处理-Photoshop2022 高教版第五版 项目2 海报设计 案例2 指尖艺术——商业海报 ” 学习目标 知识目标 技能目标 素养目标 掌握图层、选区、填充、混合模式、渐变工具、图层样式、文字工具的操作。 能够按照教材步骤独立完成“指尖艺术”商业海报的制作，在操作过程中养成规范命名图层、合理设置参数的专业习惯。 培养学生的审美能力和设计表达意识，激发对海报设计的学习兴趣，树立精益求精的设计态度。 教学导入 知识讲授 师生互动 课堂练习 课堂小结 环节 目录 第一部分 海报背景与主体构建 教学导入 核心思考：素材的“变身”之谜 从零散的照片、抽象色块，到主题鲜明、视觉统一的海报作品，这中间经历了哪些关键的创作步骤？我们在处理过程中需要解决哪些问题？ 如果我们要制作一张以“指甲油”为主题的商业海报，为了吸引消费者目光、传递产品魅力，你会从哪些角度去思考构图方式与色彩搭配呢？ 知识讲授：步骤①：新建文档 在Photoshop中执行新建命令后，会弹出如左图所示的对话框。在此对话框中，我们可以对文档的基础属性进行详细配置，这是开始设计工作的第一步。 执行新建命令 点击顶部菜单栏【文件】→【新建】，或使用快捷键 Ctrl+N (Windows) / Cmd+N (Mac) 快速打开新建文档对话框。 基础尺寸设置 名称：指尖艺术 宽度：50 厘米 高度：70 里面 技术参数配置 分辨率：72 像素/英寸 颜色模式：RGB 颜色 背景内容：白色 💡 教师提示：分辨率的选择 本案例设计的是用于屏幕显示的数字海报，设置 72 像素/英寸的分辨率已足够清晰且能节省系统资源。若用于商业印刷，则需设置为 300 像素/英寸。 知识讲授： 知识讲授：步骤②：新建图层并填充背景 01. 新建图层 在“图层”面板底部找到“创建新图层”按钮并单击，即可生成新的“图层1”，为后续操作做准备。 02. 绘制选区 选择工具栏中的“矩形选框工具”，在画布上拖拽绘制一个略小于背景画布的矩形选区，作为背景色块区域。 03. 设置前景色 单击“设置前景色”色块打开拾色器，在色值输入框中输入#942a9f，确定后将该紫色设为前景色。 04. 填充选区颜色 确认选区处于激活状态，按下快捷键Alt + Delete，即可快速将设置好的紫色前景色填充到矩形选区中。 软件参数设置界面示意：在拾色器或导出设置中，精准输入色值是确保视觉效果统一的关键。 知识讲授： 知识讲授：步骤③：置入背景素材 01. 打开素材 打开背景素材“背景.jpg”，确认格式与路径无误，为后续移动和调整做好准备。 02. 移动素材 用“移动工具”将背景图拖入当前文件，图层面板会自动生成新图层“图层2”。 03. 调整大小 按 Ctrl+T 调出变换框，按住 Shift 拖动边角，等比例缩放至覆盖整个画布。 按住 Shift 键拖动是保证图像比例不变形的核心技巧，避免素材拉伸失真，确保画面协调。 知识讲授：步骤④：设置混合模式与不透明度 关键操作：参数配置 在“图层”面板中，选中目标图层“图层2”，将其混合模式修改为“滤色”，并把不透明度数值调整为30%，实现背景与主体的自然融合。 原理解析：“滤色”模式 “滤色”模式的核心是提亮图像，保留亮度信息，使暗色区域变亮甚至消失，类似多台投影机叠加投射的效果，非常适合处理深色背景融合需求。 如图所示，在Photoshop图层面板顶部的混合模式下拉菜单中，选中“滤色 (Screen)”选项，即可快速应用该效果，让背景素材呈现出通透、明亮的质感。 知识讲授： 知识讲授：步骤⑤：置入人物图像 01. 打开并移动 打开素材图像“人物.jpg”，使用“移动工具”将其拖拽到当前编辑的文件中，此时图层面板会自动生成新的“图层3”。 02. 重命名图层 03. 调整大小位置 按下快捷键Ctrl + T调出自由变换框，拖动控制点调整人物图像的大小，并移动其在画布中的位置，使其布局更协调。 教师强调：规范命名图层是专业设计的重要习惯。当项目复杂、图层数量增多时，清晰、直观的命名可以让你快速定位素材，避免混淆，从而大大提高后期修改和团队协作的工作效率。 知识讲授：步骤⑥：利用选区反选删除边缘 01 载入选区：按住Ctrl 键，单击“图层1”缩览图，快速载入该图层的矩形选区。 02 选区反选：执行Ctrl+Shift+I反转选区，选中矩形框外部区域，为删除做准备。 03 删除边缘：选中“人物”图层，按下Delete 键，删除选区外多余边缘。 教师讲解：反选的核心作用是选中当前选区的互补区域。在这个案例中，我们的目标是保留人物在矩形框内的部分，删除框外的部分。通过反选，我们精准地选中了不需要的区域，从而实现高效的“非破坏性裁剪”效果。 知识讲授： 步骤⑦：选择椭圆选框工具并设置添加到选区 核心操作 在软件左侧工具栏找到并点击“椭圆选框工具”，这是创建圆形/椭圆形选区的基础，也是图形绘制与选区编辑的第一步。 讲解与解析 选区运算含新选区、添加、减去、交叉四种模式。“添加到选区”可叠加新选区，适合绘制分散的装饰性图形组合。 💡 提示：确认“添加到选区”按钮处于激活状态（通常为高亮或按下状态）后，再进行绘图操作。 知识讲授：步骤⑧-1：绘制形状选区并填充白色 01. 绘制椭圆选区：使用椭圆选框工具，在图像上拖动绘制多个大小不一的椭圆选区。 02. 新建并重命名图层：在图层面板新建空白图层，命名为“形状”并置于“人物”图层之上。 03. 填充白色前景色：将前景色设为白色，选中“形状”图层，按Alt + Delete填充选区。 04. 取消图形选区：按快捷键Ctrl + D取消选区，完成绘制与填充。 教师讲解：图层顺序决定画面遮挡关系，将“形状”图层置于“人物”图层上方，绘制的白色形状可覆盖人物区域，实现创意视觉叠加效果。 步骤⑧-2：利用人物选区反选删除形状图层多余内容 01 载入人物选区 按住Ctrl 键单击“人物”图层缩略图，快速载入人物选区。 02 执行反选操作 快捷键Ctrl + Shift + I反选，选区切换为人物外的画布区域。 03 删除多余内容 选中“形状”图层，按Delete 键删除选区内容，保留人物外部分。 通过反选删除让白色形状仅出现在人物外，营造“环绕/穿透”艺术效果，增强画面层次感。 知识讲授： 知识讲授：步骤⑨：调整形状图层透明度并复制图层 01. 调整基础透明度 选中“形状”图层，在图层面板中将其不透明度参数调整为30%，让底层形状呈现出半透明的柔和质感。 02. 复制并重命名图层 将“形状”图层拖动到“创建新图层”按钮上，快速复制出两个新图层，并依次重命名为“形状2”和“形状3”。 知识讲授：步骤⑩：隐藏和调整形状图层 03. 隐藏备用图层 在图层面板中，单击“形状3”左侧的眼睛图标将其隐藏，使画布上仅显示“形状”和“形状2”。 04. 调整显示与位置 将“形状2”的不透明度提高至80%，再用移动工具将其水平向右拖动，与底层形状形成错落的层次感。 知识讲授： 知识背诵 选区反选 快速反转当前选区，选中未被选择的区域。 Ctrl + Shift + I 复制图层 直接复制当前选中图层，生成新的副本图层。 Ctrl + J 填充前景色 为当前选区或图层填充预设的前景色，效率极高。 Alt + Delete 自由变换 对图层、选区或路径进行缩放、旋转、斜切等变形操作，是图像调整的核心功能。 快捷键：Ctrl + T 取消选区 在完成选区操作后，快速取消当前的选择范围，释放对特定区域的锁定，以便进行后续整体操作。 快捷键：Ctrl + D 师生互动 ①（基础）在删除人物图像多余边缘时，我们先用矩形选框工具绘制了选区，然后按了什么快捷键进行反选？ ②（进阶）如果忘记反选，直接按Delete删除，会删除哪部分内容？ ③（综合）请完整说出反选删除人物边缘的三个操作步骤。 Ctrl+Shift+I 会删除矩形框内的人物图像（即保留的部分被删除了） 第一步：按住Ctrl键单击“图层1”缩览图，载入矩形选区；第二步：按Ctrl+Shift+I反选；第三步：选中“人物”图层，按Delete键删除多余边缘 课堂练习 一、填空题 1. 反选的快捷键是 ________________。 2. 复制图层的快捷键是 ______。 3. 设置图层混合模式为“______”可以使暗色变亮。 二、判断题 4. 调整图层不透明度不会影响图层中图像的清晰度。（ ） Ctrl+Shift+I Ctrl+J √ 滤色 第二部分 海报细节与效果完善 知识讲授：步骤⑪：显示形状3图层并设置渐变填充 1. 显示图层 单击“形状3”图层的眼睛图标，显示该图层，并将其不透明度调整为100%，确保图层内容完整呈现。 2. 选择渐变工具 在左侧工具栏中找到并点击“渐变工具”图标，切换至渐变填充模式，为后续颜色设置做准备。 3. 打开渐变编辑器 点击页面上方选项栏中的渐变条预览区域，系统将自动弹出“渐变编辑器”对话框，进行详细参数设置。 4-5. 设置渐变颜色与类型 设置渐变颜色为粉色 #ee9eea 到主色调紫色 #9030a7 的过渡，并在“渐变类型”下拉菜单中选择“线性渐变”，实现柔和的色彩流动效果。 操作界面预览 在渐变编辑器中，可以直观地调整颜色的色标位置、不透明度和渐变角度，确保最终的视觉效果符合设计预期。 知识讲授：步骤⑫：为形状3填充渐变色并移动位置 01 载入选区 按住Ctrl键，单击图层面板中“形状3”缩览图，快速载入其像素选区。 02 填充渐变 选渐变工具，在选区中从左向右水平拖曳，自动填充预设渐变效果。 03 移动位置 切换移动工具，按住左键拖动“形状3”，调整位置优化布局。 渐变填充的最终效果与鼠标拖曳的起点和终点密切相关。拖曳的距离越长，渐变的过渡就越自然、平缓；反之，拖曳距离越短，颜色的变化就会越急促、生硬。在操作时可根据需要灵活调整拖曳幅度。 知识讲授：步骤⑬：删除形状2和形状3多余边缘 01. 载入选区 按住键盘上的Ctrl键，单击“人物”图层缩览图，快速载入人物选区范围。 02. 反向选择 执行快捷键Ctrl + Shift + I，将人物选区反向，选中人物之外的所有区域。 03. 删除多余边缘 选中“形状2/3”图层，按下Delete键，删除超出人物轮廓的多余部分。 这一步的操作逻辑与步骤⑨完全一致。核心是让“形状2”和“形状3”遵循“仅出现在人物区域之外”的规则，构建统一、和谐的视觉层次，避免元素重叠造成的视觉混乱。 知识讲授： 知识讲授：步骤⑭-1：置入指甲油素材 01. 打开素材 在软件中打开准备好的“指甲油.png”图像文件，为后续的抠图操作做好准备。 02. 选择魔棒工具 在工具栏中找到并点击“魔棒工具”，该工具适合选取图像中颜色相近的区域，是抠取纯色背景的高效选择。 03. 设置容差参数 在工具选项栏中，将“容差”数值设置为30，这个数值能较好地匹配当前素材的背景色彩范围。 知识讲授： 知识讲授：步骤⑭-2：置入标志素材 01. 打开标志素材 在软件中打开准备好的图像文件“标志.png”。该素材为透明背景格式，可直接与当前设计稿融合，无需额外抠图处理。 02. 移动位置并调整参数 使用移动工具将标志拖入当前设计文件，按下快捷键Ctrl + T激活自由变换，缩放至合适大小后，放置在版面的视觉平衡位置。 知识讲授：步骤⑮：为指甲油和标志添加外发光 01. 选中图层 在图层面板中，精准选中指甲油图层和标志图层，这是后续添加样式的基础操作。 02. 添加样式 单击图层面板底部的“添加图层样式”按钮（fx图标），在展开的菜单中选择“外发光”选项。 03. 设置参数 在对话框中调节发光的颜色、大小、模糊度和不透明度，实时预览效果，直至达到理想的视觉呈现。 知识讲授： 知识讲授：步骤⑯：输入直排文字并添加内阴影 01. 选择工具 在工具栏中点击“直排文字工具”，这是实现竖向文本排版的基础，决定文字阅读方向与视觉布局。 02. 输入文字 在画布点击创建文本框，输入关键词“FINGER”，文字颜色设为白色，使其在复杂背景中清晰突出。 03. 内阴影效果 打开图层样式面板勾选“内阴影”，微调角度、距离和大小，让文字边缘产生向内阴影，赋予立体浮雕质感。 知识讲授：步骤⑰：输入其他文字并设置字符格式 01. 输入直排文字 使用直排文字工具，在画面中输入白色文字“玩转指尖艺术”，作为海报的核心艺术字，奠定整体视觉基调。 02. 打开字符与段落面板 在选项栏中找到“切换字符和段落面板”按钮并单击，打开专业的文本格式设置面板，为精细化排版做准备。 03. 精细化字符格式设置 在字符面板中，根据视觉需求调整字体、字号、字间距和颜色等参数，确保文字清晰、层次分明，提升版面质感。 通过字符面板，我们可以精确控制文本的每一个细节。合理的排版与细致的格式调整，是让海报文字从“信息”升华为“艺术”的关键一步。 知识讲授：步骤⑱：输入其他文字并设置字符格式 选择“横排文字工具”，依次输入“FUN”“FINGERTIP ART”“甲上添色”“玩转指尖艺术”，设置英文字体为Britannic Bold、字号100点，中文字体为宋体、字号48点，最终效果如图2-1所示。 知识背诵 图层样式进阶 外发光和内阴影是常用的图层样式，能为图形和文字增加立体感与层次感，让设计元素在视觉上更突出。 魔棒工具的容差 “容差”参数决定了选区的精度。数值越大，选取的颜色范围越广，边缘越模糊；数值越小，选区越精准，仅选择颜色非常相似的区域。 渐变工具的类型 最常见的两种渐变类型是线性渐变和径向渐变。线性渐变沿直线方向过渡颜色，而径向渐变则从中心点向外呈圆形或椭圆形扩散。 拼合图像的特点 执行“拼合图像”命令会将所有可见图层合并为一个背景图层，能显著减小文件体积，但操作后将无法再单独修改原有的各个图层内容，因此建议操作前保存副本。 字符面板的功能 字符面板是文本编辑的核心工具，不仅可以设置基础的字体、字号和颜色，还能精细化调整字间距、行间距、字符缩放及基线偏移，实现专业的排版效果。 师生互动：动手实践：基础操作练习 ①（基础）外发光和内阴影都属于图层样式，请说出它们之间最主要的区别是什么？ ②（进阶）字符面板可以设置文字的哪些参数？请说出至少三种。 ③（综合）拼合图像命令执行后，原本添加的外发光和内阴影效果还会保留吗？为什么？ 外发光是在图层对象的外部周围添加发光效果，内阴影是在图层对象的内部边缘添加阴影效果。外发光让对象向外突出，内阴影让对象向内凹陷。 字体、字号、字距、行距、颜色等 会保留。因为拼合图像只是将所有可见图层合并为一个背景图层，但每个图层的样式效果已经作为像素信息被合并到图像中，所以视觉效果不会改变。但合并后无法再修改图层样式的参数。 课堂练习 一、填空题 1. 添加外发光效果需要在图层面板中单击“___________________________”按钮。 2. 魔棒工具的“______”参数影响选区精度。 二、判断题 3. 拼合图像后还可以单独修改每个图层。（ 　） 4. 渐变工具只能使用预设的渐变颜色。（ ） 5. 内阴影样式只能用于文字图层。（ ） 添加图层样式（或fx图标） × × × 容差 课堂小结 01 / 第一课时：背景与主体构建 从新建背景画布开始，填充主色调紫色矩形，置入背景素材并设置滤色混合模式；随后精准置入人物主体，利用反选删除处理边缘，再绘制白色椭圆形状，通过反选删除和透明度调整，完成主体与背景的层次融合与初步构图。 02 / 第二课时：细节与特效完善 聚焦细节修饰，对形状应用渐变填充并清理多余边缘；使用魔棒工具精准抠取指甲油元素，将其与品牌标志置入画面，添加外发光特效增强质感。最后输入文字并添加内阴影，通过字符面板优化排版，拼合所有图层完成最终视觉呈现。 课程核心思路：从基础构图的背景与主体融合，进阶到细节的特效处理与文字排版，环环相扣的操作流程是打造高质量视觉海报的关键。 课后作业 01 / 基础作业 背诵两个课时的全部核心知识点（快捷键、滤色作用、图层样式、魔棒容差、渐变类型、拼合图像作用、字符面板设置等），下节课抽查。 02 / 操作作业 自选主题（美甲、饮品、服装、电子产品等），设计一张商业海报，要求使用至少3种图层样式，保存为PSD文件，下节课展示并讲解设计思路。 ” 感谢观看 THANKS FOR WATCHING 愿技术照亮前行的路 · 期待与您再次相遇 $