项目2 图像处理的基础（课件）-《Photoshop图像处理立体化教程（Photoshop 2021）（第2版）》同步教学(人民邮电出版社)

Photoshop图像处理立体化教程（Photoshop 2021）（微课版） 项目2 图像处理的基础 1 目录 Contents 任务2.2 制作单反相机主图 任务2.3 制作校园安全宣传单 综合实战 制作电热水壶主图 任务2.1 制作中秋节公众号封面图 2 临近中秋节，公司承接中秋节相关的设计任务较多，老洪将其中的中秋节公众号封面图设计任务交给了米拉，米拉对此十分重视，于是便开始收集背景、装饰等素材，整理与分析素材后，米拉发现只需要用到素材的局部图像，因此准备先处理图像，使其符合设计需求。本任务的参考效果如右图所示。 任务 2.1 制作中秋节公众号封面图 ‹#› 3 【任务描述】 任务背景 公众号封面图是指公众号消息窗口展示的推送封面图，用于概括文章主要内容。某公众号准备在中秋节当天推出一篇与中秋节有关的活动推文，需要制作封面图，封面内容需要以中秋节元素为主，以便让用户直观地了解文章主题。 任务目标 ① 运用选框工具组和套索工具组选取中秋节相关图像。 ② 制作尺寸为900像素×383像素，分辨率为 300像素/英寸的公众号封面图。 ③ 中秋节公众号封面图可以运用月亮、月饼、孔明灯、兔子等素材，色彩以代表宁静、祥和、深沉的蓝色为主，整体设计要富有中秋节氛围。 知识要点 椭圆选框工具、磁性套索工具、扩展选区、羽化选区、移动选区。 ‹#› 4 【知识准备】 1．认识选区 选区是指用于限定操作范围的区域，使用选区可保护选区外的图像不受影响，只对选区内的图像效果进行编辑。 右图所示的手表图像中，虚线以内的区域即为选区，虚线为选区边缘。选区可以是任意形状的，但选区边缘必须封闭。 ‹#› 5 【知识准备】 2．选框工具组 （1）矩形选框工具 当需要创建矩形形状的选区时，可以使用矩形选框工具，该工具的工具属性栏如下图所示，各选项的含义如下。 按钮组：用于控制选区的创建方式。 羽化：用于实现选区边缘的柔和效果。 消除锯齿：用于消除选区边缘的锯齿，使选区边缘与周围像素之间的过渡变得较为平滑。 样式：用于设置选框的比例和尺寸，有“正常”“固定比例”“固定大小”3种选项。 “选择并遮住”按钮：创建选区后单击该按钮，可以在打开的“调整边缘”窗口中调整选区边缘，使其更加精准。 ‹#› 6 【知识准备】 2．选框工具组 （2）其他选框工具 在创建椭圆或正圆形状的选区时，可以使用椭圆选框工具 ，如下图所示。 在创建宽度为1像素的行或列选区时，可以选择单行选框工具 或单列选框工具 ，然后在图像编辑区内单击鼠标左键完成创建，如上图所示。其他选框工具的工具属性栏与矩形选框工具的基本一致，这里不再赘述。 ‹#› 7 【知识准备】 3．套索工具组 （1）套索工具：当需要快速选择不规则图像，且对所选区域的边缘精度要求不高时，可以使用套索工具。如下图所示。 （3）磁性套索工具：当为边缘错综复杂，并且与周围背景色彩反差较大的图像创建选区时，可以使用磁性套索工具 。该工具的工具属性栏如下图所示。 （2）多边形套索工具：如果需要为边缘是直线或折线的图像创建选区，可以使用多边形套索工具 。如右图所示。 ‹#› 8 【知识准备】 4．常用的选区编辑方法 创建完选区后，可对选区进行多种编辑操作，使选区更符合设计需要。 填充和描边选区 存储和载入选区 修改选区 变换选区 移动和选区 反选和取消选区 隐藏和显示选区 ‹#› 9 【任务实施】 1．创建选区 虽然米拉观察发现月饼和月亮素材图像的轮廓都类似于圆形，但是月饼图像的边缘有些复杂，因此需要使用不同的工具创建选区，具体操作如下。 2 拖曳鼠标指针生成其他磁性锚点 1 创建第一个磁性锚点 3 创建月亮选区 ‹#› 10 【任务实施】 2．移动与扩展选区 为月亮图像创建选区后，米拉发现选区并未与月亮边缘贴合，仍有部分月亮图像残留在选区外，于是米拉准备通过移动与扩展选区的方式将剩余图像添加到选区中，具体操作如下。 2 扩展选区 1 移动选区 3 扩展选区效果 ‹#› 11 【任务实施】 3．羽化和填充选区 米拉观察月亮原图像后，发现月亮周围有一层朦胧的月光效果，十分美观，因此准备通过羽化选区为月亮选区制作同款月光效果，通过绘制并填充选区来制作封面装饰图形，具体操作如下。 2 调整月亮图像 3 “填充”对话框 1 羽化选区 ‹#› 12 【任务实施】 3．羽化和填充选区 5 中秋节公众号封面图效果 4 填充选区效果 ‹#› 13 目录 Contents 任务2.1 制作中秋节公众号封面图 任务2.3 制作校园安全宣传单 综合实战 制作电热水壶主图 任务2.2 制作单反相机主图 14 米拉将中秋节公众号封面图的最终效果发送给老洪，老洪表示很满意，便放心地将制作单反相机主图设计任务交给米拉。米拉为了丰富单反相机主图的画面内容，准备增加图形、文本等元素，并采用左文右图的布局方式，使主图中的商品信息更加清晰直观。本任务的参考效果如图所示。 任务2.2 制作单反相机主图 ‹#› 15 【任务描述】 任务背景 某数码商品专营店准备上新一款单反相机，需要为其制作商品主图，并在主图中展示上新优惠活动内容，从而吸引消费者购买该商品。 任务目标 ① 运用“图层”面板管理素材，以便后续的修改和使用。 ② 制作尺寸为800像素×800像素，分辨率为300像素/英寸的主图。 ③ 主图内容以相机和优惠活动信息文本为主，素材较多，需要调整素材的位置和大小等，使画面布局更加合理，让消费者可以从主图中获取信息。 知识要点 重命名图层、调整图层堆叠顺序、创建图层组、复制图层、合并图层、链接图层、盖印图层。 ‹#› 16 【知识准备】 1．认识图层和“图层”面板 简单来说，图层是Photoshop中存放图像、文本等内容的载体，可以排列和定位图层中的元素，还能在图层上嵌套图层，是Photoshop中较为重要和常用的功能之一。 若想查看和管理图层，则需要在“图层”面板中进行相关操作，如右图所示。 ‹#› 17 【知识准备】 2．图层的类型 填充图层 形状图层 调整图层 背景图层 普通图层 文本图层 若要在图层中放置不同的内容，可以创建以下不同类型的图层，每种类型的图层都有各自的用处和特点。 ‹#› 18 【知识准备】 3．图层的基本操作 在图层中放置内容后，可以通过以下6种基本操作，编辑图层中的内容，制作出更丰富的效果。 ‹#› 19 基本操作 复制图层 盖印图层 分布图层 链接图层 对齐图层 合并图层 【任务实施】 1．选择并重命名图层 米拉发现搜集的素材图层比较多，不便于识别图层内容，因此先进行重命名操作 ，以方便后期调整图层的堆叠顺序和管理图层，具体操作如下。 1 修改图层名称 2 重命名图层效果 ‹#› 20 【任务实施】 2．合并与复制图层 米拉觉得部分图层中的图像较为零散，为方便操作，需要将零散的图像合并到一个图层中，然后通过复制图层将所有的素材移至新创建的文件中，具体操作如下。 1 合并图层 2 复制图层 ‹#› 21 【任务实施】 3．调整堆叠顺序并创建图层组 观察当前文件，米拉发现部分图层的堆叠顺序不符合实际需求，并且图层数量过多，不便于找到需要的图层，因此准备调整图层的堆叠顺序，再创建图层组，具体操作如下。 1 调整图层堆叠顺序 2 置入素材 ‹#› 22 【任务实施】 4．编辑图层 整理好图层后，米拉便开始逐一调整素材的大小和位置。为提升调整效率，还需要链接图层，再进行对齐、盖印等操作，具体操作如下。 1 链接图层 2 对齐图层 3 单反相机主图效果 ‹#› 23 目录 Contents 任务2.1 制作中秋节公众号封面图 综合实战 制作电热水壶主图 任务2.2 制作单反相机主图 任务2.3 制作校园安全宣传单 24 最近公司接到了制作校园安全宣传单设计任务，该任务的文本资料较为丰富，设计难度不大，于是老洪决定将这一任务交由实习生米拉来完成。米拉梳理了客户提供的宣传单文本内容，明确宣传标语和正反两面的内容后便准备开始制作。本任务的参考效果如图所示。 任务2.3 制作校园安全宣传单 ‹#› 25 【任务描述】 任务背景 宣传单又称DM单、宣传单页，是一种常见的广告宣传方式，既可用于商业宣传、也可用于公益宣传。“呈德”学校准备展开校园安全讲座，为学生科普校园安全的重要性，需要设计师制作主题为“校园安全”的宣传单，要求色彩鲜艳、排版美观、重点突出，方便学生阅读。 ‹#› 26 【任务描述】 任务目标 ① 制作尺寸为2480像素×3508像素，分辨率为300像素/英寸的宣传单。 ② 宣传单正面文本主要为标题、宣传语和提示语，为避免单调，设计师可采用色彩鲜艳的背景色，添加生动形象的装饰图像，再变形关键文本，突出宣传单主。 ③ 宣传单背面文本主要为安全贴士，文本较多，设计师可以使用文字工具输入段落文本，并合理调整图文布局。 ④ 运用“字符”面板和“段落”面板美化文本内容，使其视觉效果更加美观，同时划分文本的信息层级，突出关键信息。 知识要点 横排文字工具、直排文字工具、“字符”面板、“段落”面板。 ‹#› 27 【知识准备】 1．文字 （1）横排文字工具：输入排列方向平行于水平线方向的文本可以使用横排文字工具 ，该工具的工具属性栏如下图所示，各选项的含义如下。 （2）直排文字工具：输入排列方向垂直于水平线方向的文本可以使用直排文字工具 ，该工具的工具属性栏和使用方式与横排文字工具 基本一致，只是文本对齐方式按钮组 内的按钮略有差异，该按钮组包括“顶对齐文本”按钮 、“居中对齐文本”按钮 、“底对齐文本”按钮 如下图所示。 ‹#› 28 【知识准备】 1．文字 （3）横排文字蒙版工具和直排文字蒙版工具：输入带有选区效果的文本可以使用横排文字蒙版工具 或直排文字蒙版工具 。 上图所示为使用横排文字蒙版工具 输入文本的过程，通过观察画面可发现，在输入文本时，画面会被一层红色所覆盖，输入完成后文本则以选区状态出现。 ‹#› 29 【知识准备】 2．“字符”面板与“段落”面板 （1）“字符”面板 通过“字符”面板可设置文本的字符属性。选择【窗口】/【字符】命令，打开“字符”面板，如图所示。 （2） “段落”面板 通过“段落”面板可设置文本的对齐方式、缩进方式、避头尾法则和间距组合等属性。选择【窗口】/【段落】命令，或在“字符”面板上单击“段落”选项卡切换面板，如图所示。 ‹#› 30 【知识准备】 3．文本转换 （1） 转换点文本或段落文本 在Photoshop中，点文本和段落文本可以互相转换。 （2） 转换为形状 若需要处理单个文本的局部区域，如变形、缩小等，可将先将文本转换为形状。 具体方法为：选择文本所在的图层，选择【文字】/【转换为形状】命令，或单击鼠标右键，在弹出的快捷菜单中选择“转换为形状”命令。如图所示。 ‹#› 31 【知识准备】 3．文本转换 （3） 转换为路径 若需要精细调整文本的外观，可将其转换为路径，具体方法为：选择文本所在的图层，选择【文字】/【创建工作路径】命令，或单击鼠标右键，在弹出的快捷菜单中选择“创建工作路径”命令，生成的路径可以添加描边、填充等效果，或通过编辑锚点改变文字的形态。 （4） 栅格化文字 如果想要对图层中的文本使用滤镜功能，或在该文本图层上进行涂抹绘画等操作，则需要先将文本图层转换为普通图层，即栅格化文字。具体方法为：选择文本图层，选择【文字】/【栅格化文本图层】命令，或单击鼠标右键，在弹出的快捷菜单中选择“栅格化文字”命令。 ‹#› 32 【任务实施】 1．输入点文本 米拉准备先制作宣传单的正面，宣传单正面内容以图像为主，只需在中上部分输入少量文本，因此适合以点文本的形式输入，具体操作如下。 1 输入点文本 2 输入其他点文本 ‹#› 33 【任务实施】 2．变形文本 米拉觉得主题文本在视觉上与其他文本区分不明显，因此，她准备为其添加变形效果，使主题文本更加突出，具体操作如下。 1 创建变形文本 2 调整文本间距 ‹#› 34 【任务实施】 3．输入并编辑段落文本 米拉发现学校提供的文本资料中包含大量文本，由于字数较多，需要以段落文本的形式输入，然后适当编辑文本样式，使其更加美观，同时提升文本的可读性，具体操作如下。 1 输入段落文本 2 编辑段落文本 3 调整段落文本定界框 ‹#› 35 【任务实施】 3．输入并编辑段落文本 4 为文本设置文本段前添加空格 5 校园安全宣传单最终效果 ‹#› 36 目录 Contents 任务2.1 制作中秋节公众号封面图 任务2.2 制作单反相机主图 任务2.3 制作校园安全宣传单 综合实战 制作电热水壶主图 37 某家用电器店铺预备上新一款复古造型的电热水壶，需要设计师为该商品制作主图，电热水壶主图要充分展示电热水壶的外观优势，以及商品的特点和价格优势等。 实战描述 综合实战 制作电热水壶主图 ① 运用磁性套索工具选取电热水壶图像，调整选区范围，去除多余图像。 ② 制作尺寸为 800像素×800像素，分辨率为 300像素/英寸的主图。 ③ 置入素材并调整素材所在图层的堆叠顺序，制作出电热水壶主图背景。 ④ 使用文字工具组输入各种文本，布局成左文右图的形式，然后美化文本，再为价格文本制作特殊效果，突出价格优势，以吸引消费者购买。 实战背景 实战目标 ‹#› 38 本实战的参考效果如图所示 综合实战 制作电热水壶主图 磁性套索工具、收缩选区、“图层”面板、分布图层、横排文字工具、“字符”面板、变形文本。 知识要点 实战描述 ‹#› 39 客户提供的电热水壶图片为白底商品图，因此需要抠取电热水壶图像，将其放置在新建的文件中，并使用搜集的素材设计主图背景，然后添加文本和装饰，丰富画面内容，本例的制作思路如图所示，参考步骤如下。 思路及步骤 综合实战 制作电热水壶主图 1 抠取电热水壶图像 2 调整图层堆叠顺序并置入商品图像 3 添加文本和装饰素材 ‹#› 40 （1）打开“电热水壶.jpg”素材，使用磁性套索工具 选取商品图像，通过收缩选区去除多余的白色图像。 （2）新建“电热水壶主图”文件，将“电热水壶素材.psd”素材中的图像全部移至新建的文件中，通过移动图层堆叠顺序来搭建场景，再将电热水壶图像移动到新建的文件中。 （3）使用横排文字工具 输入文本，在“字符”面板中调整字距。置入“底纹.png”素材，将其放置在描述商品特点的文本下方，并与该文本创建为图层组。 （4）复制2次图层组，调整位置和文本内容，选择所有图层组，调整图层组之间的间隔，使其距离相等。 （5）使用“字符”面板为描述商品原价的文本添加删除线效果，为活动价格文本添加“下”变形效果。保存文件。 思路及步骤 综合实战 制作电热水壶主图 ‹#› 41 $$