图片编辑与制作 项目四 CONTENTS 目 录 图片处理与设计 任务一 图文排版 任务二 实训一、实训二、实训三 综合实训 使用 AIGC 工具生成图片 任务三 任 务 描 述 Task description 老李带着小赵查看拍摄的产品图，发现部分图片存在过暗或过亮、色 彩饱和度较低、背景颜色不一致等问题。为提升图片质量，老李计划先处 理图片再进行设计，随后指导小赵填写了任务单 任 务 描 述 Task description 本次任务的清单 如右表所示 一、图片处理与设计的原则 1．真实性原则 在处理与设计图片时，除非有特殊需求（如制作特效图片、创意图 片等），否则都需要基于客观事实，不能虚构或篡改内容。 真实的图片能够显著提升用户对图片的信任度，特别是在新闻报道、 广告宣传等领域，真实性是提升公信力的基石。 相反，内容虚假或夸大其词的图片可能会误导用户，使用户对图片 所传达的信息产生错误的判断，进而损害品牌形象或社会公信力。 一、图片处理与设计的原则 2．主题明确性原则 为了避免图片中存在过多元素导致信息混乱， 图片的主题必须明确。 一张优秀的图片，应该让用户在看到图片的瞬 间便能够迅速捕捉到主要信息，如主体物的特 点、所处场景或当前发生的事件，这需要使用 较大的字号或视觉效果突出的颜色突显主题文 字，或将主题元素放在画面的中心位置，使用 箭头、线条等指引性元素引导用户的视线。 店铺横幅广告 一、图片处理与设计的原则 3．服务性原则 艺术展海报 图片的风格、文字及排版方式应为核心要素服务， 如视觉观感、主题等。 例如，若需要 展现年轻与活力的视觉观感，可采 用鲜艳夺目、明快清新的色彩搭配，笔画不拘一 格、笔势 自由流畅、富有动感的字体，以及灵活 多变、打破常规的排版方式；若需要传达高端与 稳重 的视觉观感，则可以考虑采用黑、白、灰等 经典且沉稳的色彩，笔画严谨、笔势稳健有力的 字体，以及更为规整、对称或平衡的排版方式。 一、图片处理与设计的原则 4．创意性原则 产品主图 在构图、色彩、元素搭配等方面展现创意，可以 使图片在激烈的市场竞争中形成差异化优势，以 独特的视觉效果吸引用户的注意力，使用户在欣 赏图片的同时逐步浏览其中的信息，促进转化。 右图所示的产品主图中，巧妙地融入了真实的蝴 蝶图像，蝴蝶图像与水杯杯面的蝴蝶元素形成了 美妙的呼应；同时，真实的蝴蝶图像与水杯之间 呈现出一种亲密而自然的交互场景，这种设计不 仅凸显了水杯的艺术美感，还巧妙地暗示了该水 杯的高质量——光滑的表面、优质的材质、美丽 的外观设计等正是让蝴蝶久久不愿离去的原因。 在快速变化的市场中，时效性原则是确保图片保持竞 争力和吸引力的核心要素。 这意味着图片内容与风格必须紧跟市场潮流和用户需 求的变化，实现及时更新和迭代，以有效吸引和留住 用户。 近年来，弥散风格以独特的模糊、虚化、噪点、朦胧、 虚实结合以及色彩渐变等特点，在图片处理和设计领 域中独树一帜，备受内容编辑人员和用户的喜爱。 一、图片处理与设计的原则 5．时效性原则 节气插画海报 一、图片处理与设计的原则 6．细节性原则 精心处理图片上的每一个细节，如主体物质感的真实呈现、光影效果的巧妙运用，以及背景环境的精心 布置，能够清晰展示图片的亮点、特性和优势，使图片看起来更加精致、高端和专业，从而增强用户对 图片内容的信任感。 厨具产品图 二、图片处理与设计的工具 （1）Photoshop Photoshop 是 Adobe 公司旗下的一款专业图片处理与设计工具，提供众多工具和命令，可以对图片进行 抠图、修饰、调色、图像合成等操作，强化图片的视觉效果；还可以应用滤镜功能创造独特的艺术风格、 应用文字工具为图片添加文字、应用绘图工具为图片添加装饰图形。 使用 Photoshop 制作的邀请函 二、图片处理与设计的工具 （2）Illustrator Illustrator 同样由 Adobe 公司开发，是一款专 门用来处理和设计矢量图片的强大工具，能够 轻松绘制精确、流畅的线条和形状，从而制作 出常用的 Logo、插画等类型的图片；它还内 置多种效果、滤镜，可以轻松让内容编辑人员 为图片添加独特的视觉效果，如渐变、阴影、 发光、纹理等。 使用 Illustrator 制作的不同主题的海报 二、图片处理与设计的工具 （3）美图秀秀 美图秀秀是一款由厦门美图网科技有限公司研发并推出的 图片处理与设计软件，凭借简单易用、功能丰富的特点， 赢得了广大内容编辑人员的喜爱。 在图片处理方面，美图秀秀提供了裁剪、旋转、缩放等编 辑工具，以及特效滤镜、人像美容、文字和贴纸添加、智 能抠图和背景替换等功能；在图片设计方面，美图秀秀提 供拼图功能让用户可以自由拼接多张图片，提供场景和边 框功能让用户可以自行为图片营造氛围，提供海报模板让 用户可以使用模板快速制作海报。 使用美图秀秀制作的海报 二、图片处理与设计的工具 （4）创客贴 创客贴是一款由北京艺源酷科技有限公司开发的在线图片处理与设计工具。 创客贴提供多种应用场景的模板、素材库，包括海报、公众号、PPT，以及海量的正版图片、字体、图标等设计元素， 还提供创客贴 AI、智能抠图、批量设计等工具，用户只需通过简单的拖、拉操作，便可以轻松处理与设计图片。 创客贴首页 二、图片处理与设计的工具 （5）稿定设计 稿定设计是一款聚焦商业设计的多 场景在线设计工具，由稿定（厦门） 科技有限公司开发和运营。 它和创客贴类似，提供大量的模板 和图片、视频、音乐、字体等素材， 确保用户在图片处理与设计过程中 拥有丰富的资源；同时还提供稿定 AI、批量处理、拼图等工具，以满 足用户多样化的需求。 稿定设计首页 三、图片的基本处理 4.工具属性栏 工具属性栏默认位于菜单栏的下方。 当内容编辑人员选择工具箱中的某个工具后，工具属性 栏将显示对应工具的参数设置选项。 5.浮动面板 新建通道、编辑路径和撤销编辑等操作。 在“窗口”菜单中选择某个面板的命令后，该面板被添 加到浮动面板中以缩略按钮的形式显示，并且可以通过 拖动鼠标指针调整该面板的位置。 6.图像编辑区 图像编辑区是在 Photoshop 中查看与编辑图像的区域， 也是浏览当前图像状态的主要场所，所有的图像处理结 果都在图像编辑区中显示。 7.状态栏 状态栏默认位于图像编辑区的下方。 左端显示当前图像编辑区的显示比例，在其中输入数值 并按【Enter】键可改变图像的显示比例；中间区域默认 显示当前文件的大小；单击右侧的按钮，可在弹出的列 表中设置中间区域的显示内容。 1.菜单栏 菜单栏由 11 个菜单组成，每个菜单下包含多个命令。 若命令右侧标有 标志，则表示该命令还有子命令； 若命令呈灰色显示，则表示该命令没有激活或当前不可 用。 2.标题栏 3.工具箱 工具箱集合了 Photoshop 中的所有工具，单击工具箱中对应的 工具按钮，可选择该工具。若工具按钮右下角标有 标志， 则表示该工具位于一个工具组中，该工具组还包含隐藏的工具， 此时，在该工具按钮上按住鼠标左键不放或单击鼠标右键，可 显示该工具组中的所有工具。 标题栏中显示已打开或已创建图像文件的名称、格式、 显示比例、色彩模式、所属通道、图层状态及该图像文 件的“关闭”按钮 。 Photoshop 2020 图片处理页面 三、图片的基本处理 1．抠图 （1）魔棒工具组 对象选择工具 • 该工具用于自动识别所框选区域内的完整对象，实现智能抠图。 • 该工具的使用方法为：单击“对象选择工具”按钮 ，在工具属 性栏中根据具体需求设置参数后，在图像编辑区内按住鼠标左键不放 并拖动鼠标指针，绘制一个选框区域，Photoshop将自动为区域内明 显的图像创建选区。 使用“对象选择工具”抠图 • 该工具用于快速选择指定区域，使用方法与“对象选择工具”一致。 快速选择工具 魔棒工具 • 在选择图片中颜色相同或颜色相近的区域时，可以使用“魔棒工具”。 • 单击“魔棒工具”按钮 ，在工具属性栏中根据具体需求设置参 数后，在图像编辑区内单击，Photoshop 将自动根据单击点下方的像 素创建选区。 三、图片的基本处理 1．抠图 （2）“焦点区域”命令 该命令适用于抠取主体物清晰而背景模糊的图像，也适用于抠取主体物毛发间存在背景颜色的图像。 选择【选择】/【焦点区域】命令，打开“焦点区域”对话框，在“视图”下拉列表中选择所需的视图模式选项，选中“自动”复选框， Photoshop将自动分析位于焦点的对象的区域或像素，将焦点以外的区域或像素选中，并用红色区域覆盖后抹除。 使用“焦点区域”命令抠图 三、图片的基本处理 1．抠图 （3）“主体”命令 该命令可让 Photoshop 自动识别图片中的主体物，并为其创建选区。 选择【选择】/【主体】命令，Photoshop 便可为图片中的主体物创建选区。 使用使用““主体主体””命令命令抠图抠图 三、图片的基本处理 2．裁剪 裁剪是指按照一定的尺寸或比例裁剪图片。在使用图片时，常需要各种尺寸和比例的图片，内容编辑人员可以按照实际 需求处理图片，裁剪掉图片多余的部分。Photoshop 提供了“裁剪工具” 和“透视裁剪工具” 用于裁剪图片。 （1）“裁剪工具” • 该工具可以根据设置的比例裁剪图片。单击“裁剪工具”按钮 ，在工具属性栏设置参数时，图像上将出现一个裁剪框，将鼠 标指针移至裁剪框上，当鼠标指针变为 形状时，拖曳裁剪 框可调整裁剪框范围，按【Enter】键完成裁剪操作。 （2）“透视裁剪工具” • 该工具不但可以裁剪图片，还可以矫正图片中的透视问题。单 击“透视裁剪工具” ，将鼠标指针移至图像编辑区，单击 确定第一个点，然后拖曳鼠标指针确定其他三个点，从而创建 矩形裁剪框，按【Enter】键完成裁剪操作。 使用“裁剪工具”裁剪图片 使用“透视裁剪工具”裁剪图片 三、图片的基本处理 3．调色 调色是指调整图片的色彩，旨在恢复其原本的色彩效果，提升视觉美观度。 具体而言， 可以通过调整图片的亮度、饱和度、对比度、色调等达到调色的目的。 需要注意的是，应在 遵循真实性原则的基础上进行调色，避免图片中的主体物颜色失真。 调调色色 三、图片的基本处理 3．调色 （1）调色命令 使用“亮度/对比度”命令调色 调色命令只能作用于当前选中的图层，并且调整的参数不可逆。选择【图像】/【调整】命令，在打开的 子菜单中可选择多种调色命令，如“亮度/对比度”“自然饱和度”“照片滤镜”等，选择这些命令后会 打开对应的对话框，在其中设置参数后，单击 按钮便可以执行命令进行调色。 三、图片的基本处理 3．调色 （2）调整图层功能 使用调整图层功能调色 该功能的作用范围更广，可以作用于位于调整图层下方的所有图层，并且随时在“属性”面板中编辑调色数值。单击“创造新 的填充或调整图层”按钮 ，在弹出的快捷菜单中选择“亮度/对比度”（用于调整图片亮度和对比度）、“自然饱和度”（用 于调整图片的饱和度）、“照片滤镜”（用于调整图片的色调）中的任一命令，会在图层中新建对应的调整图层，并在“属性 ”面板中显示可编辑的参数，通过设置这些参数便可以进行调色。 四、图像修饰与合成 1．图像修饰 “污点修复画笔工具”按钮 和 “修复画笔工具”按钮 “模糊工具”按钮 和 “锐化工具” ①“污点修复画笔工具” 的使用方法。 单击“污点修复画笔工具”按钮 ，在 工具属 性栏中根据具体需求自行设置参数 后，在图像中单击鼠标左键，或者按住鼠标 左键不放并拖 曳鼠标指针，Photoshop 将 修复画笔覆盖的区域。 ②“修复画笔工具” 的使用方法。单击“ 修复画笔工具”按钮 ，在工具属性栏 中根据具体需求自行设置参数后，按住【Alt 】键不放，此时鼠标指针变为 形状，将 鼠标指针移至取样点，单击取样，松开【Alt 】键完成取样，然后在需要修复的地方单击 鼠标左键，或者按住鼠标左键不放并拖曳鼠 标指针，即可修复图像。 “仿制图章工具” 该工具运用图片的一部分修复图片的另一部 分。其使用方法为：单击“仿制图章工具” 按钮 ，在工具属性栏中根据具体需求 自行设置参数后，按住【Alt】键不放，此时 鼠标指针变为 形状，将鼠标指针移至 取样点，单击取样（取样参考点会出现十字 形指针），松开【Alt】键完成取样，这时鼠 标指针变为 形状，将其移至图像的其 他位置单击，此单击点位置出现取样点位置 的图像，即把参考点周围的图像复制到单击 点周围。 “模糊工具” 常用于模糊图片背景，从 而突出主体物。 “锐化工具” 正与之相反，常用于使模 糊的图片变得更加清晰、细节更加鲜明。 去除墙面投影 强化叶片脉络 四、图像修饰与合成 2．图像合成 Photoshop 提供了用于添加文字的文字工具组、用于绘制图形的形状工具组、用于增加图层的“图 层”面板（在 Photoshop 中，图像上所有内容都被放置在图层上），并且提供了一系列命令和按 钮用于编辑图层中的内容。 四、图像修饰与合成 2．图像合成 （1）文字工具组 其包括“横排文字工具” 和“竖排文字工具” ，分别用于输入横排文字和竖排文字。 这两个工具的使用方式一致，单击对应按钮后，在工具属性栏设置参数，然后单击文本定位点即可输入文字` 输入文字 输入段落文字 四、图像修饰与合成 2．图像合成 （2）形状工具组 其包括“矩形工具” 、“圆角矩形工具 ” 、“椭圆工具” 、“多边形工具 ” 、“直线工具” 和“自定义形状 工具” ，它们的使用方法基本一致，都 是单击对应按钮后，在工具属性栏设置参数， 然后单击并拖曳鼠标指针，绘制对应的图形。 绘制图形 四、图像修饰与合成 2．图像合成  若想查看和管理图层中的内容，则需要用到“图层”面板。  若要复制图层或图层内容，可先选中图层或图层内容，再按【Ctrl＋J】组合键。  若要调整图层的顺序，以图层 A、B 为例（图层 A 位于图层 B 上方），将鼠标指 针移至图层 B 上，按住鼠标左键不放并朝上拖曳鼠标指针，可将图层 B 移至图层 A 上；将鼠标指针移至图层 A 上，按住鼠标左键不放并朝下拖曳鼠标指针，可将图 层 A 移至图层 B 下方。另外，在合成图像时，还可灵活使用图层混合模式和图层不 透明度。 （3）“图层”面板 ① 图层混合模式 • 图层混合模式是一种可以混合所选图层 与其下方图层中的颜色的高级功能。 • 下方图层中的颜色为基色，所选图层中 的颜色为混合色，混合后得到的颜色 为结果色。 • 内容编辑人员选择图层后，可在“图层 ”面板中的“混合”下拉列表中选择 任一图层混合模式（有 27 种图层混合 模式可供选择），将当前图层与其下 方图层混合后得到结果色。 使用使用图层图层混合模式得到混合模式得到结结果色果色 ② 图层不透明度 • 在 Photoshop 中，图像内容是按照图 层的堆叠顺序显示的，若需要在当前 画面中展现下方图层中的内容，则需 要调整上方图层的不透明度，只有使 上方图层中的内容呈现透明效果，才 能显现其下方图层中的内容，上下方 图层内容叠加显示。 • 选择图层后，设置“不透明度”数值或 “填充”数值即可。 设设置置图层图层不透明度的效果不透明度的效果 【任务要求】 任务编号 任务名称 任务指导 （1） 调整图片颜色 针对图片过曝、亮度过低、色彩暗淡等问题，逐一进行 处理 （2） 裁剪图片 将调色后的图片通过裁剪操作调整为正方形 （3） 抠取图片 将裁剪后的图片通过抠图和添加白色调整图层，调整为 白底图 （4） 修饰图片 使用工具来调整投影外形的圆滑度，使视觉效果更加美 观、自然 任 务 演 练 1： 处 理 运 动 鞋 产 品 图 片 【任务目标】 在 Photoshop 中通过调色、裁剪、抠图、修饰等操作，处理运动鞋产品图片，提 升产品图片的质感和吸引力。 【操作过程】 （1）新建调整图层 （2）调整图片颜色 （3）裁剪图片 （4）抠取图片 （5）为图片替换背景色 （6）调整图片布局 （7）修饰图片 （8）处理第 2 张图片 （9）处理第 3 张图片 （10）保存图片 【任务要求】 任务编号 任务名称 任务指导 （1） 选择模板 根据产品类型选择合适的模板 （2） 替换模板中的元素 替换模板中的文字内容和产品图 （3） 删除和新增元素 删除模板中不需要的元素，新增装饰元素和蒙版元素 （4） 下载竖版海报 将设计完毕的海报导出为 JPG 格式的图片 任 务 演 练 2： 设 计 运 动 鞋 产 品 竖 版 海 报 【任务目标】 在稿定设计中根据使用场合和产品类型筛选模板，修改模板中的图片和文字内容， 并添加装饰元素，设计竖版海报。 【操作过程】 （1）筛选模板 打开稿定设计官网，登录账号后，单击“电商”选项卡，在“物料”栏中选择“电商竖版海报”选项，此 时网站将自动切换到“稿定模板”页面，在“行业”栏中选择“服饰箱包”选项，在“风格”下拉列表中 选择“潮流”选项，在“版式”下拉列表中选择“竖版”选项 【操作过程】 （2）替换模板中 的产品图 （4）替换模板中的其 他文字和删除元素 （6）新增装饰元素 （3）替换模板中的 Logo 文字 （5）调整投影特效 选择笔刷图形 调整笔刷图形 【操作过程】 设置“强度”参数 添加描边特效 （7）提升模板元素的设计感 添加纹理特效 添加笔刷蒙版 调整笔刷蒙版 （8）制作蒙版 （9）下载竖版海报 CONTENTS 目 录 图片处理与设计 任务一 图文排版 任务二 实训一、实训二、实训三 综合实训 使用 AIGC 工具生成图片 任务三 任 务 描 述 Task description 老李让小赵排版一篇推广新品的微信公众号文案，让用户全面了解产 品，同时锻炼小赵的图文排版能力，接着老李安排小赵填写了任务单。 任 务 描 述 Task description 本次任务的清单 如右表所示 一、图文排版规范 （一）长文章的图文排版 布局合理 图文结合 图文大小恰当 图文风格一致 合理安排图片与文字的空间位置，是提 高视觉流畅性的关键。排版时，要在整 体内容一致性的前提下，灵活采用左图 右文、上图下文、图文环绕等多种布局 形式。同时，还要注意图片和文字之间 的距离，一般应在图片两侧和图片前后 适当留白，以提高整体的视觉舒适度。 图片与文字应相互补充，确保信息传达 的完整性，同时又应各自发挥独特作用。 在排版时，为呈现和谐一致的视觉效果， 图片的大小应与周围文字及整体版面设 计相协调，不能过大或过小。一般建议 正文的字号为 14px～16px，正文标题 的字号可以比正文内容的字号稍大一些。 为确保文章整体视觉效果的和谐统一， 图片和文字的风格应保持一致，包括色 彩搭配、字体选择、排版风格等。 布局合理布局合理 图图文文结结合合 一、图文排版规范 （二）海报的图文排版 01 简洁简洁明了明了 采用采用统统一的左一的左对齐对齐方式方式 层层次分明次分明 在海报中排版图片和文字时，为迅速传达核心信息，图片和文字都应简 洁明了。一方面，文字要简洁凝练，如直接表明活动的时间、地点、主 题等。另一方面，图片要直观且具有代表性，能够配合文字共同传达核 心信息，以便用户快速抓住海报的关键信息。 02 美观的视觉效果是吸引用户注意力的重要因素。在色彩运用上，图片和 文字都应选择与内容主题相匹配的色彩，确保图片和文字的色彩搭配和 谐，增强视觉吸引力。在排版图片和文字时，还要适当留白，避免布局 拥挤造成阅读压迫感。此外，为了提升阅读流畅性，关键性文字应采用 统一的对齐方式，如居中对齐、左对齐和右对齐，优化用户的阅读体验。 03 层次分明的图文排版效果能够提升海报的视觉观感，有助于用户接收信 息。在排版图片和文字时，要合理地划分信息层次，将最重要的信息置 于最显眼的位置，并通过文字大小、颜色、位置等区分不同信息的重要 性。例如，标题采用大号加粗字体并配以鲜明色彩，正文则使用较小且 易读的字体。 二、图文排版的常用工具 01 • 135 编辑器是一款在线图文排版 工具，拥有大量的模板，简单易 上手。 135 编辑器 02 • 秀米编辑器是一款在线图文排版 工具，常用于微信公众号文案的 排版，也可以用于制作H5 动态图 片，或者进行图片设计，支持设 计公众号首图、手机海报和小红 书图片等。 秀米编辑器 03 • i 排版的功能与上面两个排版工具 类似。此外，i 排版中提供设置签 名的功能，其首页还介绍了运营 和排版的技巧。 i 排版 【任务要求】 任务编号 任务名称 任务指导 （1） 选择模板 根据文案内容选择合适的模板 （2） 替换模板中的元素 替换模板中的文字、图片和样式等元素 任务演练 1：使用 135 编辑器排版推广新品的微信公众号文案 【任务目标】 根据长文章的排版规范，使用 135 编辑器排版推广新品的微信公众号文案。 【操作过程】 选择选择模板模板 文字修改效果文字修改效果 单击单击““文字文字颜颜色色””按按钮钮 选择选择黑色黑色 （1）选择合适的模板 • 登录 135 编辑器，进入 135 编辑 器首页，在页面左侧的导航栏中选 择“模板”选项，在打开页面的搜 索栏中输入关键词“运动”，选中 “免费”复选框，在搜索结果列表 中选择合适的模板（ID：133782）。 将鼠标指针移至该模板上，单击 按钮。 （2）替换文字 • 在编辑区中出现该模板的所有样式 模块，将文字“宅家健身指南”修 改为“户外运动指南”，将文字 “KEEP FIT WITH EXERCISE”修 改为“装备升级，探索无限可能”。 • 选择文字“宅家健身不用……准备 起来！”，替换成素材文件中的正 文第一段，选择“只保留文本”选 项。 （3）修改文字格式 • 将文字“运动服饰”修改为“全能 冲锋衣，四季无忧”，选择修改后 的文字，在编辑区上方单击“文字 颜色”按钮 ，在打开的下 拉列表中选 择黑色（#000000）。 • 然后将素材文件中的“一、全能冲 锋衣，四季无忧”下的文字复制过 来，选择“只 保留文本”选项。 【操作过程】 （4）替换图片 单击单击““换图换图””按按钮钮 单击单击““普通普通图图片上片上传传””按按钮钮 选择图选择图片片 图图片替片替换换效果效果 • 单击复制的文字上方的第一张图片，在编辑区右侧单击“换图”按钮。 • 打开“多图上传”对话框，单击“本地上传”选项卡，单击 按钮。 • 打开“温馨提示”对话框，单击 按钮，打开“打开”对话框，选择“冲锋衣 ” 文件，单击 按钮。 • 图片上传成功后，单击 按钮。 • 使用相同的方法上传图片“冲锋衣 ” 。 【操作过程】 替替换图换图片片 其他文字和其他文字和图图片替片替换换效果效果 选择选择““End/End/结结束束””选项选项 选择样选择样式式 （5）替换其他文字和图片 • 使用相同的方法将文字“瑜伽垫”替换为 “步步为赢，徒步新体验”，并修改文字 颜色为黑色，将素材文件中的“二、步步 为赢，徒步新体验”下的文字复制过来， 选择“只保留文本”选项。 • 使用相同的方法将该段文字上方的图片分 别替换为“徒步鞋 ”和“徒步鞋 ” 。 • 使用相同的方法替换“健身指南”部分的 文字和图片。 （6）文案编辑与格式 调整指南 （7）设置文案样式与删除 多余空白行 • 将鼠标指针定位至文案末尾，按【Enter 】键换行，在页面左侧的导航栏中选择“ 样式”选项，将鼠标指针移至“引导”选 项卡上，选择“End/结束”选项。 • 选中“免费”复选框，在搜索结果列表中 选择图的样式。样式应用成功后，将鼠标 指针定位至编辑区的最后一行，按【 Backspace】键删除多余空白行，只保留 一行空白行。 • 将鼠标指针定位至文案末尾，按两次【 Enter】键换行，复制“新品推广微信公 众号文案.docx”文件中的最后一段文字并 粘贴到该位置。 • 选择文案最下方的整个模块，单击“删除 ”按钮。 【操作过程】 文案部分排版效果文案部分排版效果 编辑编辑文章文章标题标题 （8）保存文章 • 在编辑区右侧单击 按钮保存排版好的文案，此时文案将 以草稿形式保存。 （9）编辑文章标题 • 在页面左侧的导航栏中选择“我的文章”选项，找到刚刚保存的文案， 将鼠标指针移至文案上，单击“编辑文章标题”按钮 ，在打开 的文本框中输入文案标题“嗨！您有一份野途户外运动指南待查收~” ，单击“保存文章标题”按钮 。 【任务要求】 任务编号 任务名称 任务指导 （1） 选择模板 根据文案内容和风格选择合适的模板 （2） 替换模板中的元素 替换模板中的文字、图片和样式等元素 任务演练 2：使用秀米编辑器设计公众号文案封面 【任务目标】 使用秀米编辑器为排版好的微信公众号文案设计封面，提升微信公众号文案的视 觉效果。 【操作过程】 选择 “挑选风格设计” 选项 单击“预览”按钮 单击“编辑”按钮 上传图片 选择文件 • 登录秀米编辑器，进入秀米编辑器首页， 在首页底部选择“图片 设计”栏中的 “挑选风格设计”选项。 （1）准备设计图片 • 打开“风格设计”页面，在“用途”栏 中选择“公众号封面”选项， 在“行 业”栏中选择“时尚”选项，在“价格 ”栏中选择“免费”选项，在搜索结果 列表中 选择合适的图片模板。 • 这里将鼠标指针移至图 4-72 所示的模 板上，单击“预览”按钮 ，在 打开的 面板中单击 按钮， 图片可保存至“我的设计”中。 （2）选择图片模板 • 单击“我的设计”选项卡，打开“我的 设计”页面，将鼠标指针移至保存的图 片模板上，单击“编辑”按钮 。 • 打开“设计”页面，在页面左侧的导航 栏中选择“我的图库”选项，单击 按 钮 。 • 在弹出的“打开”对话框中，选择“公 众号封面图.jpg”文件。 （3）上传图片 【操作过程】 文字修改效果 选择“文字底色”选项 选择页面颜色 应用颜色 文字底色修改效果 • 图片上传成功后，选择模板中的图片， 在左侧导航栏中选择“公众号封面图 .jpg”选项，替换原有图片。 （4）替换图片 • 将文字“LOGO”修改为“野途”，将文 字“春日限定 春意盎然”修改为“探 索户外 装备先行”。 （5）修改文字 （6）修改文字底色 • 双击“探索户外”文本框，选中文字和文字底色文本框，在打开的 工具栏中单击颜色选项右侧的下拉按钮 ，在打开的下拉列表中 选择“文字底色”选项。 • 打开“文字底色”面板，将鼠标指针移至“页面颜色”栏中的“绿 色”选项上。 • 单击“绿色”选项，在打开的面板中修改 GRB 为“（95，140， 64）”，拖动横向滑块调整底色的透明度为“”，单击 按钮。 • 按照相同的方法修改文字“装备先行”的底色。 【操作过程】 • 向下滑动页面，单击第 2 页图片右侧 的“删除页面”按钮 ，按照相同的方 法删除第 3 页图片。 （7）删除多余的图片 • 单击页面顶部的“保存”按钮 ， 单击“导出”按钮 。 • 打开“生成图片”对话框，保持默认设 置，单击 按钮。 • 打开“新建下载任务”对话框，在“名 称”栏中输入“公众号封面图.jpg”，单 击 按钮下载图片。 （8）导出图片 下载图片 单击“导出”按钮 单击“确定”按钮 CONTENTS 目 录 图片处理与设计 任务一 图文排版 任务二 实训一、实训二、实训三 综合实训 使用 AIGC 工具生成图片 任务三 任 务 描 述 Task description 目前，图片生成类 AIGC 工具十分丰富，功能也非常强大，老李打算 通过使用创客贴 AI为徒步鞋生成宣传海报，提升宣传效果。为此，老李制 定了任务单，以便小赵有条理地开展工作。 任 务 描 述 Task description 本次任务的清单 如右表所示 一、图片生成类 AIGC 工具 通义万相是一款由阿里云推出的 AI 绘画大模型，目前支持 文本生成图像、相似图像生成和图像风格迁移等功能。 通义万相在图片生成领域具有广泛的应用前景，可以满足广 告创意、产品设计、游戏开发等多个行业的图片需求。 （（11）通）通义义万相万相 文心一格是百度依托飞桨和文心大模型的技术创新推出的 AI 艺术和创意辅助平台，提供 AI 创作、AI 编辑等功能，支持 创作产品图、海报和艺术字，以及智能抠图、图片扩展等。 文心一格能够生成各种风格的图片，包括油画、水彩、动漫、 写实等。 （（22）文心一格）文心一格 一、图片生成类 AIGC 工具 Midjourney 是一款强大的 AIGC 绘画工具，可以根据用户输入的 关键词，快速生成各种风格的图片，其生成的图片质量高、风格多 样，深受艺术家和创作者的喜爱。 同时，Midjourney 还提供丰富的参数选项供用户调整，以获得更满 意的生成效果。 另外，该工具还支持多种应用场景，如艺术创作、设计、广告等。 （（33））MidjourneyMidjourney 创客贴 AI 集创意内容和 AI 算法于一体，拥有智能设计和 AI 生图等功能，支持文生图、文生素材和图生图。 用户只需在画面描述框内输入关键词或描述词，即可快速得 到高质量图片。 创客贴 AI 还具备文本联想功能，帮助用户更好地输入文本， 从而得到更优质的图片。 （（44））创创客客贴贴 AIAI 二、使用 AIGC 工具生成图片的方法 （1）文生图 文生图是通过输入文本生成与之对应的图片，其生成方法较为简单，首先选择合适的图片生成类 AIGC 工具后，根 据创作需求输入一段描述性的文本，这段文本应尽可能详细地描述要生成图片的内容、风格、色彩等；然后根据需 要，针对生成的图片进行优化，既可以再次提出图片生成要求，也可以通过调整参数的方式，获得高质量且符合需 求的图片。 二、使用 AIGC 工具生成图片的方法 （2）图生图 图生图是根据提供的参考图片生成与之相关的图片，其侧重于在已有图片的基础上进行再创作。 在进行图生图时，用户首先需要提供一张或多张图片作为生成新图片的参考；然后根据需要，选择图片的生成风格、 设置图片参数等；最后在图片生成后，还可以使用图片编辑功能进一步优化图片。 【任务要求】 任务编号 任务名称 任务指导 （1） 制作海报 徒步鞋的卖点为轻盈稳健、防水透气，促销活动的折扣 为 9 折，根据卖点和促销信息写作海报的主标题、副标 题和促销文案 （2） 编辑海报 根据需要优化海报 任 务 演 练 ： 使 用 创 客 贴 A I 生 成 徒 步 鞋 的 宣 传 海 报 【任务目标】 使用创客贴 AI 为徒步鞋生成宣传海报，提高图片设计与制作效率。 【操作过程】 选择“创客贴 AI”选项 选择“智能设计”选项 选择“电商海报”选项 写作海报文案 单击“编辑”按钮 宣传海报效果 准备制作宣传海报 登录创客贴官网，在首页的“工具箱”栏中选择“创客贴 AI”选项。在打开的页面中选择“热门推荐”栏中的“智能 设计”选项。 在打开的页面中选择“电商”栏中的“电商海报”选项。 制作海报 打开“电商海报”设计页面，根据徒步鞋的卖点和促销信息 写作主标题、副标题和促销文案。 上传商品图 在“商品图”栏下方单击 按钮，打开“打开”对话框， 选择“徒步鞋.png” 选项，单击 按钮。 上传成功后，将显示上传的图片。 选择海报 单击 按钮，在右侧生成的商品海报中选 择合适的海报，将鼠标指针移至选择好的海报上，单击 按钮。 编辑海报 打开编辑页面，选择文字所在的文本框，按【Delete】键删 除。因文字“新品 9 折，探索无忧”遮挡了产 品，需要调 整文字的位置。 下载宣传海报 调整完成后，单击页面右上角的 按钮，打开“ 下载作品”对话框，单击 按钮，打开“新建下 载任务”对话框，在“名称”栏中输入“徒步鞋宣传海报 .png”，单击 按钮下载图片。 CONTENTS 目 录 图片处理与设计 任务一 图文排版 任务二 实训一、实训二、实训三 综合实训 使用 AIGC 工具生成图片 任务三 综 合 实 训 Comprehensive Training 实训一 设计运动手表网页横幅广告 内容策划方案的制订思路 实训目的：练习处理图片的方法，掌握图片的基本处理、修饰 和合成的方法，提升处理和设计图片的能力 实训要求：某运动品牌为热销的运动手表拍摄了一张产品图， 计划使用该产品图制作一张横幅广告添加在品牌的官网中，用于宣传针对运 动手表系列产品展开的促销活动（全场运动手表 8 折起）。 实训思路：本次实训将根据图片的基本处理、修饰和合成方法， 利用 Photoshop 处理和设计图片，具体操作思路如下： 实训结果：本次实训完成后的部分参考效果如图所示: 防晒衣产品详情页文案的部分参考效果 设计运动手表网页横幅广告的思路 综 合 实 训 Comprehensive Training 实训二 使用 AI 排版介绍水果的微信公众号文案 内容策划方案的制订思路 实训目的：练习图文排版的方法，掌握图文排版的规范，提升 图文排版能力。 实训要求：水果品牌果乐针对即将上市的翠香猕猴桃写作了详 细的介绍文案，商议后决定发布在品牌的微信公众号上。发布前，果乐将使 用 135 编辑器的 AI 排版功能排版文案，提升文案的视觉效果。 实训思路：本次实训将根据图文排版的规范排版微信公众号文 案，具体操作思路如下： 实训结果：本次实训完成后的参考效果如图所示。 排版微信公众号文案的部分参考效果排版微信公众号文案的思路 综 合 实 训 Comprehensive Training 实训三 使用创客贴 AI 生成活动海报 内容策划方案的制订思路 实训目的：练习图片生成类 AIGC 工具的使用方法，提升图片 设计与制作能力。 实训要求：家居品牌悦居计划于 2024 年 9 月 2 日开展家具 以旧换新活动，活动主题为“品质生活，从换新开始”，宣传语为“让家更 美，家具换新就现在”。为提高活动关注度，悦居计划在活动开始前 3 天 发布活动倒计时海报。根据活动信息，使用创客贴 AI 生成活动倒计时海报。 实训思路：本次实训涉及小红书文案的类型和写作技巧等，具 体操作思路可参考下图： 实训结果：本次实训完成后的参考效果如图所示: 使用创客贴 AI 生成活动倒计时海报的思路 活动倒计时海报的参考效果 祝：学有所成！ 内容策划与制作（AI+微课版）