Photoshop 2022 版创意实训教程 课件 项目五 文字和其他工具的应用

项目五文字和其他工具的应用可直接用于课堂教学·16:9宽屏·浅蓝专业版本项目围绕“文字工具”与“其他工具”展开，学习文字的精准表达、辅助工具的细节优化，以及综合海报的制作与网页输出。TPhotoshop课堂教学PPT项目五文字和其他工具的应用01课程导入：文字是设计信息的核心载体课程导入项目五文字和其他工具的应用02项目定位文字用于传递信息、强化主题，是Photoshop设计中的核心元素。各类辅助工具用于优化细节、提升创作效率，支撑完整的设计流程。本项目系统学习文字工具的基础操作、样式设置与创意应用，同时掌握其他实用工具的功能与场景。课堂提问海报中为什么不能只追求“好看”，还要保证文字清晰可读？切片、裁剪、取样等工具如何帮助设计作品更适合实际发布？学习主线任务一：文字工具——横排/直排文字、字符与段落、变形文字、路径文字、文字蒙版。任务二：其他工具——裁剪、透视裁剪、切片、吸管、颜色取样器、标尺等。综合拓展：完成“广西小台芒”立体感海报并进行切片输出。课程思政：设计既要美观，也要负责课程思政项目五文字和其他工具的应用03职业素养：注重细节，传递精准的信息价值文字工具不仅是排版工具，更是信息传递的载体；字体大小、间距、切片划分都应围绕“清晰、准确传递信息”。文化传播：用文字设计讲好地方特色故事在“广西小台芒”海报中，将文字设计与地方特色、传统文化结合，避免千篇一律的商业化排版。责任意识：拒绝“过度设计”，坚守信息真实性电商海报中文字变形过度会导致关键信息难以识别，应兼顾设计感与信息准确性，避免误导消费者或受众。创新思维：打破工具局限，探索多元表达在路牌标识设计中，从需求中找创意、从组合中求突破，形成“技术服务于场景”的设计理念。课堂落点信息清晰文化表达真实可靠工具组合创新学习目标与重点难点教学目标项目五文字和其他工具的应用04学习目标掌握Photoshop文字工具的创建、编辑、字符面板和段落面板设置方法。能够完成变形文字、路径文字、文字蒙版与图像填充等文字创意效果。认识裁剪、透视裁剪、切片、吸管、颜色取样器、标尺等辅助工具的功能场景。能完成“广西小台芒”综合海报，并理解切片导出在网页展示中的作用。知识重点/知识难点重点文字工具的应用、其他工具的应用。难点1路径文字的精准贴合。难点2文字变形的自然协调。难点3透视裁剪的角度矫正。难点4切片工具的优化导出。难点5文字蒙版与图像填充的融合。课堂结构：从文字工具到综合海报输出课程流程项目五文字和其他工具的应用05一、基础知识文字工具组、工具选项栏、字符面板、段落面板、变形文字、路径文字。二、案例练习沿路径排列文字、创建文字路径、横排文字蒙版工具创建文字、透视裁剪图像。三、任务拓展完成北京冬奥会标志效果、图像填充文字效果和“广西小台芒”立体感海报。教学提醒所有参数、快捷键、菜单命令与案例步骤均按文档顺序呈现。课堂讲解时先明确“为什么这样做”，再示范“怎样操作”。每个案例结束后安排学生复述关键菜单、工具和参数。任务一：认识文字工具组任务一文字工具项目五文字和其他工具的应用06讲解重点Photoshop2022中文字工具包括横排文字工具、直排文字工具、横排文字蒙版工具和直排文字蒙版工具4种。在创建文字之前，需要先在工具箱中选择相应的文字工具。横排文字工具快捷键为T。工具提示：横排文字工具工具箱中的文字工具图5-1【横排文字】工具图5-2工具选项栏工具选项栏：文字输入前先设置好任务一文字工具项目五文字和其他工具的应用07操作说明工具选项栏可转换文字方向、设置文字字符格式、文字对齐方式、文字颜色和文字变形。文字的字体、大小、颜色要在一开始就设置好；输入文字过程中无法更改。如果输入之后需要修改，先点击对号，再在窗口【字符】中修改。图5-2工具选项栏字符面板：精准控制文字属性任务一文字工具项目五文字和其他工具的应用08讲解重点【字符】面板主要用于调节字号、字体、行间距、字间距。单击选项栏中的【显示/隐藏字符和段落调板】按钮，在弹出的对话框中选中【字符】选项卡。可在已输入文本需要修改时使用该面板。显示/隐藏字符和段落调板按钮图5-3【字符】面板文字字符与段落：排版细节控制任务一文字工具项目五文字和其他工具的应用09讲解重点文字字符：在文字图层中选中要设置的文字后，可用颜色色块下方的按钮完成加粗、斜体、大小写、上标、下标等设置。创建段落：选择文字工具后，左键拖拽建立文字定界框，即可在框中输入段落文字。超过区域范围的文字将会被隐藏。图5-4文字字符图5-5【段落】面板创建变形文字：让文字与画面主题更协调任务一文字工具项目五文字和其他工具的应用10操作入口与参数选择文字图层后，可单击菜单【文字】|【文字变形】，也可右键选择【文字变形】，或单击文字选项栏中的【创建文字变形】按钮。水平或垂直：决定扭曲操作作用方向。弯曲：决定文字扭曲程度；水平扭曲与垂直扭曲控制相应方向的扭曲效果。图5-6【变形文字】对话框路径文字：文字沿路径或在封闭路径内排列任务一文字工具项目五文字和其他工具的应用11概念说明路径文字是指使用钢笔工具等路径工具创建路径，再输入文字，使文字沿路径排列，或在封闭路径内输入。当路径形状改变时，文字也会随之发生变化。可用于创建艺术文字。图5-7打开【路牌标识.jpg】文件实例1：创建沿路径排列的文字——准备与绘制路径案例练习1项目五文字和其他工具的应用12步骤1—步骤2步骤1：打开素材资源库中的【路牌标识.jpg】文件。步骤2：选择【钢笔工具】，在图像上绘制一条曲线。讲解要点：曲线决定文字排列方向，路径位置应与路牌画面构图相匹配。图5-7打开素材图5-8绘制一条曲线实例1：将文字输入到路径上案例练习1项目五文字和其他工具的应用13步骤3—步骤4步骤3：选择【横排文字工具】，将鼠标指针放到路径上方，指针变成形状。步骤4：单击确定输入点，然后输入文字，输入的文字会沿路径排列。注意：文字位置由路径和输入点共同决定。图5-9将鼠标指针放到路径上方图5-10输入文字实例1：设置文字参数并保存最终效果案例练习1项目五文字和其他工具的应用14步骤5—步骤6步骤5：单击【窗口】|【字符】命令，打开【字符】面板，在其中设置各项文字参数。步骤6：完成最终效果，保存文档。教学检查：路径文字是否贴合圆形标识，是否保持可读性。图5-11设置文字参数图5-12最终效果实例2：创建文字路径——输入文字并设置字号颜色案例练习2项目五文字和其他工具的应用15步骤1打开素材资源库中的【618盛典素材.jpg】、【花朵.png】、【眼睛.png】文件。使用横排文字工具分别输入“618”“盛典”。字体：AlibabaPuHuiTi；“618”大小170点，颜色#e74e87；“盛典”大小140点，颜色#a762cc。图5-13输入“618”“盛典”文字并设置字体字号实例2：文字转形状后进行调整案例练习2项目五文字和其他工具的应用16步骤2选择“618盛典”文字图层。单击右键【转换为形状】。使用【转换点工具】对文字中相应部分进行调整。讲解要点：转换为形状后可对文字轮廓进行更细致的路径调整。图5-14调整文字实例2：删格化、绘制圆环与表盘案例练习2项目五文字和其他工具的应用17步骤3—步骤4步骤3：将“618盛典”文字图层删格化，并将“盛”右上角的点部分删除，使用【自定义形状工具】绘制一个圆环。步骤4：使用【椭圆工具】和【矩形工具】绘制表盘。注意：图形装饰要服务文字主题，不能影响文字识别。图5-15绘制圆环图5-16绘制表盘实例2：盖印图层并设置投影案例练习2项目五文字和其他工具的应用18步骤5将“618盛典”以及钟表的几个图层都选中。执行盖印图层：Ctrl+Alt+Shift+E，将其合并到新图层。给新图层设置投影，颜色为#eea6e1。图5-17给新图层设置投影实例2：沿路径输入促销说明文字案例练习2项目五文字和其他工具的应用19步骤6使用钢笔绘制路径。沿路径输入“闪电配送货到付款全国联保正品行货”。字体：黑体；字号：24点；颜色：#f2b250。绘制路径文字沿路径排列实例2：完成最终效果并保存案例练习2项目五文字和其他工具的应用20步骤7完成最终效果，保存文档。课堂检查：文字变形是否协调，路径文字是否可读，装饰图形是否与主题统一。图5-19最终效果横排文字蒙版工具：用图像填充文字案例练习3项目五文字和其他工具的应用21概念说明在处理文字输入时，如需为文字设置特殊效果，可利用工具栏中的横排文字蒙版工具。文字提交后将变为选区状态，可以进一步复制、生成图层并叠加图案效果。该工具适合制作文字与图像融合的设计效果。图5-20载入素材图片实例：横排文字蒙版工具创建文字——载入与选择工具案例练习3项目五文字和其他工具的应用22步骤1—步骤2步骤1：打开素材资源库中的【色林错风景.jpg】文件，载入素材图片。步骤2：选中横排蒙版文字工具，快捷键shift+T。图5-20载入素材图片图5-21选中横排蒙版文字工具实例：素材变红并输入文字案例练习3项目五文字和其他工具的应用23步骤3—步骤4步骤3：移动鼠标在画板中单击，素材图片会变红。步骤4：输入“PS设计”文字；字体选择“黑体”；文字大小300点。图5-22素材图变红图5-23输入“PS设计”文字实例：提交文字，形成选区状态案例练习3项目五文字和其他工具的应用24步骤5单击属性栏上的对勾按钮，提交文字。文字文本变成选区状态。讲解要点：文字蒙版工具生成的是选区，不是普通文字图层。属性栏对勾按钮图5-24文字文本变成选区状态实例：生成图层并添加图案叠加案例练习3项目五文字和其他工具的应用25步骤6—步骤7步骤6：按快捷键Ctrl+J，生成图层1。步骤7：双击图层1，打开图层样式，给图层1添加图案叠加效果。图5-25生成图层1图层样式：图案叠加图层效果显示实例：调整文本位置，完成最终效果案例练习3项目五文字和其他工具的应用26步骤8调整文本位置，完成最终效果，保存文档。课堂检查：文字是否清晰；图案叠加是否增强效果；文字与背景的关系是否协调。图5-27最终效果任务拓展：文字工具综合练习任务拓展项目五文字和其他工具的应用27任务要求根据本任务所学知识，完成图5-28和图5-29所示的效果设计。练习重点：路径文字、文字排版、文字与图像融合、标志类视觉效果。图5-28任务拓展1图5-29任务拓展2任务二：其他工具的应用任务二其他工具项目五文字和其他工具的应用28任务导入Photoshop2022工具箱中还包含一系列功能强大且用途广泛的辅助工具。这些工具在细节处理、创意实现和工作流程优化方面发挥关键作用。本任务重点认识文字菜单、裁剪、透视裁剪、切片、吸管、颜色取样器、标尺等工具。图5-30【图层】/【文字】菜单命令裁剪工具：保留需要的图像部分任务二其他工具项目五文字和其他工具的应用29功能与参数【裁剪】工具主要用来将图像中多余的部分剪切掉，只保留需要的部分。在裁剪的同时还可以对图像进行旋转、扭曲等变形修改。拉直：可拉直图片的倾斜角度；视图：可选择裁剪区域内网格显示形式；其他裁剪选项：可调节裁剪时显示效果。裁剪工具选项栏图5-31【裁剪】工具透视裁剪工具：裁剪同时矫正透视关系任务二其他工具项目五文字和其他工具的应用30功能说明【透视裁剪】工具主要用于在裁剪的同时矫正图像的透视关系，即将倾斜的物体矫正为平面的。一般裁剪工具只能裁剪出正方形或长方形图片；透视裁剪工具可裁剪出不规则形状的图片。透视裁剪工具图标/选项图5-32【透视裁剪】工具切片工具与切片选择工具：面向网页输出任务二其他工具项目五文字和其他工具的应用31功能说明【切片】工具用于在图像中创建切片，方式包括根据参考线切片和直接拖曳切片。参考线切片更精确，拖曳切片更灵活，但位置和排列不够精确。【切片选择】工具用于对切片进行堆叠、选项设置、激活、分割、显示或隐藏等操作。图5-33【切片】工具图5-34【切片选择】工具吸管工具：改变前景色或背景色任务二其他工具项目五文字和其他工具的应用32功能与选项【吸管】工具可以吸取图像中某个像素点的颜色，也可取周围多个像素的平均色。取样大小：选择取样范围或取样点。样本：可选择当前图层、当前和下方图层、所有图层等，通常默认选择所有图层。显示取样环：选择吸取颜色时是否显示取样环。吸管工具选项栏图5-35【吸管】工具颜色取样器：同时监测多个区域颜色任务二其他工具项目五文字和其他工具的应用33功能说明【颜色取样器】工具用于检测图像中像素的色彩构成。调整图像时可同时监测高光、暗调、灰色等区域的颜色，避免颜色被过分调整。吸管工具只能吸取一个颜色；颜色取样器可以同时记录多个颜色，最多可记录4个。颜色取样器选项栏图5-36【颜色取样器】工具标尺工具：测量距离与角度任务二其他工具项目五文字和其他工具的应用34功能说明【标尺工具】可以测量工作区中图像两点之间的距离和角度。文档说明中强调该工具也可用于图像角度相关的处理。课堂提醒：测量类工具用于辅助判断画面位置、角度和比例。标尺工具选项栏图5-37【标尺工具】实例：透视裁剪图像——打开素材案例练习4项目五文字和其他工具的应用35步骤1打开素材资源库中的【吸盘.jpg】文件，载入素材图片。本案例目标：使用透视裁剪工具完成倾斜图像的裁剪与透视矫正。图5-38【吸盘.jpg】文件图片实例：选择透视裁剪工具案例练习4项目五文字和其他工具的应用36步骤2单击“透视裁剪工具”按钮。选中选项栏内的“显示网格”复选框。将鼠标指针移到画布内，鼠标指针会变为相应形状。透视裁剪工具按钮显示网格复选框图5-39单击“透视裁剪工具”按钮实例：创建带网格的矩形裁剪框案例练习4项目五文字和其他工具的应用37步骤3在图像中拖曳，创建一个有网格的矩形裁剪框。网格可辅助判断透视方向和裁剪区域。图5-40创建一个有网格的矩形裁剪框实例：调整裁剪框形状案例练习4项目五文字和其他工具的应用38步骤4将鼠标指针移到裁剪框四角的控制柄处时，指针会变为白三角箭头状。拖曳鼠标可以改变裁剪框形状。垂直向下拖曳左上角控制柄，再垂直向上拖曳左下角控制柄，调整裁剪框形状。图5-41调整裁剪框的形状实例：完成裁剪图像任务案例练习4项目五文字和其他工具的应用39步骤5按Enter键，完成裁剪图像任务。也可单击工具箱内其他工具，调出提示框后单击“裁剪”按钮完成裁剪。课堂检查：裁剪后的图像是否完成透视矫正，画面是否保留关键内容。图5-42完成裁剪图像的任务综合案例训练：打造“广西小台芒”立体感海报综合案例项目五文字和其他工具的应用40案例目标制作一张包含立体变形文字、图像填充文字、透视校正文字，并最终为网页展示进行切片优化的综合性海报。主要功能：横排文字工具、文字蒙版工具、变形文字、透视裁剪工具、切片选择工具。图5-43参考图案例参考局部1案例参考局部2案例参考局部3综合案例：准备工作与新建文档综合案例项目五文字和其他工具的应用41第一部分：新建文档打开Photoshop2022，点击文件>新建。尺寸：宽度800像素，高度1400像素。分辨率：72像素/英寸；颜色模式：RGB。命名为“广西小台芒海报”，点击“创建”。图5-44新建文件综合案例：创建背景综合案例项目五文字和其他工具的应用42第一部分：背景创建选择“油漆桶”（G）。选择颜色e3eac9，填充文件上部分800×900像素的矩形背景。选择颜色1c7640，填充下部分800×500像素的矩形背景。形成具有层次感的背景。图5-45油漆桶填充综合案例：使用横排文字工具创建主标题综合案例项目五文字和其他工具的应用43第二部分：主标题与边框选择“横排文字工具”（T），输入“广西小台芒”。字体：黑体、粗体；大小110点；颜色1c7640。使用“移动工具”（V）将文字调整到居中偏上的位置。使用“圆角矩形工具”（U）绘制边框和下方圆角矩形，并输入“肉厚核小酸甜爽口”。图5-46添加文字与边框综合案例：变形文字塑造动感综合案例项目五文字和其他工具的应用44第四部分：应用变形选中“~产地来自广西农家有机果园~”文字图层。点击“创建文字变形”图标。样式选择“旗帜”。弯曲：+80%；水平扭曲：0%；垂直扭曲：0%。图5-47变形文字综合案例：使用透视裁剪工具添加透视元素综合案例项目五文字和其他工具的应用45第五部分：置入并校正素材打开芒果图片，选择“透视裁剪工具”（C）。在芒果图片上依次点击四个角，创建近似梯形裁剪框，边线应与芒果透视角度大致平行。按回车键确认裁剪，Photoshop会自动将倾斜的芒果校正为正面视角。图5-48综合案例：使用路径绘制文字综合案例项目五文字和其他工具的应用46第六部分：路径文字使用钢笔在芒果上方绘制半圆路径。使用横排文字工具沿路径输入“果香浓到骨子里，每一口都是热带阳光的甜润”。字体：黑体；字号：30点；颜色：#1c7640。图5-49综合案例：完善海报其他文案综合案例项目五文字和其他工具的应用47第七部分：底部文案输入“品质始终如一”：黑体，48点，白色。输入“做好优质的水果口味香甜”：黑体，30点，白色。使用圆角矩形工具绘制四个无填充、白色边框矩形。使用直线工具绘制白色直线，并输入“次果”“坏果”“化肥”“农药”：黑体，48点，白色。图5-50输入文字综合案例：使用切片工具输出综合案例项目五文字和其他工具的应用