《电子商务网页图像制作》中职全套教学课件

电子商务网页图像制作全套可编辑PPT课件

项目一

电子商务网页图像制作常用软件项目二

电子商务网页图像基本处理项目三

文字的简单处理项目四

图像处理技法——抠图项目五

图像处理技法——修图项目六

图像处理技法——调色项目七

图像处理技法——合成项目八

图像高级处理技法项目九

电子商务网页图像制作综合实训项目一电子商务网页图像制作常用软件3学习单元1Photoshop及其工作界面学习单元2光影魔术手的工作界面及基本操作ONTENTSC目录4Photoshop及其工作界面015知识目标1. 了解Photoshop常用版本2. 熟悉Photoshop的工作界面构成3. 掌握Photoshop面板的自定义操作方。技能目标会设置Photoshop的界面，按照个性化需求调整面板布局6Adobe Photoshop（以下简称Photoshop），简称PS，是由美国Adobe公司开发和发行的图像处理软件，具备图像编辑、合成、校色调色、制作等功能，主要用于图像处理、广告设计等。该软件提供的绘图工具可让图像与创意很好地融合，同时它还支持多种图像格式和色彩模式，利用它能同时进行多图层处理，可实现对数字图像的精确调控。7一、菜单栏Photoshop的菜单栏位于工作界面的顶端，由文件、编辑、图像、图层、文字、选择、滤镜、3D、视图、窗口和帮助等11个菜单组成，如图所示。在菜单栏单击任意一个菜单，系统都会弹出该菜单并展示其包含的命令，Photoshop的绝大部分功能都可以通过利用菜单中的命令来实现。菜单栏的右侧还有窗口最小化、窗口最大化（还原窗口）、关闭窗口等按钮。8菜单栏二、工具选项卡工具选项卡位于菜单栏的下方，主要用于对所选工具参数进行设置，其显示内容会根据用户所选工具不同而不同。在工具箱中选中工具后，大多数情况下还需要在工具选项卡中对所选工具的参数进行设置，以达到更佳的使用效果。9三、工具箱工具箱位于工作界面的左侧，其中包含多个工具，如图所示。要想使用工具箱中的工具，只需单击相应工具按钮即可。用户可根据需求使工具箱单栏或双栏显示。控制工具箱伸缩功能的是工具箱最上面的深灰色区域，其中有一个由2个小三角形组成的按钮，该区域为伸缩栏。单击其中按钮，即可对工具箱进行伸缩控制。10工具箱四、浮动面板浮动面板位于工作界面的右侧，用户可对其进行分离、移动和组合等操作。通过它可对当前图像的颜色、图层、样式等进行设置。一般情况下，浮动面板有“颜色”面板、“色板”面板、“学习”面板、“库”面板、“调整”面板、“图层”面板、“通道”面板、“路径”面板等类型。11用户若要打开某个浮动面板，可单击面板组中相应的按钮，也可在菜单栏选择相关命令，如图所示。12在菜单栏选择相关命令以打开面板五、图像编辑窗口图像编辑窗口在Photoshop工作界面的中间，在该窗口中软件所有功能得以实现，深灰色区域即为图像编辑工作区。当打开一个文档时，工作区中将显示该文档的图像编辑窗口。图像编辑窗口是编辑图像的主要工作区域，图形的绘制或图像的编辑都在此区域中进行。13此外，还可以对图像编辑窗口进行多种操作，如改变窗口大小和位置等。当新建或打开多个文件时，图像会在不同的图像编辑窗口中显示，如图所示。14同时打开多个文件的工作界面六、状态栏状态栏位于工作界面的最底部，主要用于显示当前所编辑图像的属性，包括显示比例、文档大小等。状态栏内最左侧的数值填写框用于设置图像编辑窗口的显示比例，在该数值填写框中输入图像显示比例的数值后，按Enter键图像即可按照设置的比例显示。15163数值填写框右侧显示的是图像文档信息，单击“>”按钮，即可显示更多图像文档信息，如图所示。16状态栏光影魔术手的工作界面及基本操作0217知识目标1.了解光影魔术手的工作界面2.了解光影魔术手的基本功能技能目标1.会使用光影魔术手进行图片浏览2.会使用光影魔术手进行图片打开、保存、编辑等基本操作1819光影魔术手是一款专门用于提升图片画质和进行效果处理的软件。它简单易用，用户无须具备专业的图片处理技术，即可制作出具有专业水准、色彩效果良好的图片。该软件具有许多独特功能，如反转片效果、黑白效果、数码补光以及冲版排版等。此外，强大的批量处理功能使得它在摄影作品后期处理、人物图像快速美容以及数码照片冲印整理等方面成为广受欢迎的图片处理工具，它能够满足大多数人对图片后期处理的需求。一、光影魔术手的工作界面下载安装光影魔术手后，双击其图标即可打开该软件并看到其工作界面。光影魔术手的工作界面包含标题栏、工具栏、右侧栏、图片编辑区、状态栏5个工作区，如图所示。20光影魔术手的工作界面1.标题栏光影魔术手的标题栏位于工作界面的顶端，其中包括该软件的图标、名称，图片的保存位置、名称，皮肤颜色（包括经典黑和时尚银白2种）切换按钮，登录、打开、关闭、最小化等按钮，如图所示。21

光影魔术手的标题栏2.工具栏工具栏位于光影魔术手标题栏的下方，其中包括一些常用命令的按钮，如浏览图片、打开、保存、另存、尺寸、剪裁、旋转、素材、边框、拼图、模板、画笔、日历、抠图、批处理、排版等，如图所示。22光影魔术手的工具栏3.右侧栏右侧栏中各个按钮的功能一目了然，用起来既方便又快捷。右侧栏的顶部有基本调整、数码暗房、文字、水印等标签，单击标签就可以看到其中的项目，如图所示。23光影魔术手的右侧栏4.图片编辑区图片编辑区位于光影魔术手的中心位置，是一个显示图片并能修改编辑图片的工作区域，可以按Ctrl+“+”快捷键来放大图片编辑区，以及按Ctrl+“-”快捷键来缩小图片编辑区，这个快捷键的使用方法与Photoshop一样。当上下滚动鼠标滚轮时，可以浏览文件夹中当前图片的前一幅图片或者后一幅图片；也可以通过按PgUp键和PgDn键进行图片切换。浏览图片时，按住Ctrl键的同时上、下拨动鼠标滚轮，可将当前图片放大或缩小，以便于浏览。光影魔术手的图片编辑区如图所示。2425光影魔术手的图片编辑区5.状态栏光影魔术手的状态栏在工作界面的最下面。如图所示，状态栏包括上一张、下一张、删除、图片信息、对比、全屏、适屏等按钮，图片显示比例等的调整工具，尺寸等信息。26光影魔术手的状态栏二、光影魔术手工作界面的基本设置光影魔术手的工作界面并不是一成不变的，在使用过程中，可以随时对工作界面的外观及操作的方法和形式等进行设置。1.工具栏的设置在工具栏选择“自定义工具栏”，可设置在工具栏中显示的工具按钮，

如图所示。27

选择“自定义工具栏”28“自定义工具栏”对话框2.设置图片编辑区背景颜色图片编辑区背景颜色有2种（切换皮肤颜色即可），分别是经典黑和时尚银白，用户可根据喜好，选择相应的背景颜色，如图所示。29

图片编辑区背景颜色切换3.设置图片的编辑方式和浏览方式光影魔术手的图片编辑区分为2种工作功能区，分别是浏览图片功能区和图片编辑功能区，可通过工作界面左上角的“浏览图片”和“返回编辑”按钮进行切换，如图

所示。在浏览图片功能区可以进行编辑图片、批量转正、批量转尺寸、批量重命名、批处理等操作。30浏览图片功能区图片编辑功能区三、光影魔术手的基本操作1.图片的打开、保存（1）图片的打开。单击工具栏中的“打开”按钮，选择图片存储路径和格式，即可打开图片，如图所示。31打开图片（2）图片的保存。单击工具栏中的“另存”按钮保存图片，同时可以指定存储的路径和存储的格式。光影魔术手可以将图片保存为JPG、PNG、TIFF、BMP、GIF等格式的文件，还可以对图片文件大小进行设置，如图所示。为图片指定存储路径后，可以单击工具栏中的“保存”按钮或者按Ctrl+S快捷键进行图片文件保存。32图片文件的保存2.图片的旋转、裁剪和尺寸调整（1）图片的旋转。在编辑处理图片的过程中，经常会用到图片的旋转、裁剪和缩放等工具。不仅光影魔术手的工具栏中有这些工具的按钮，右侧栏中也有操作提示，应用起来非常方便，如图所示。33图片的旋转在编辑处理图片时，旋转是经常使用的工具。图片被旋转之后，要单击“确定”按钮进行确认。如果原图需要保留，那么要将旋转后的图片另外保存。在摄像的时候难以保证照相机永远是水平的，因此除了将图片进行90°

的整数倍旋转之外，有时候还需要以其他的角度（非90°

的整数倍）将其旋转。如果要进行其他角度的旋转，选择“旋转”列表中的“自由旋转”，可打开“自由旋转”对话框。在这个对话框中，当鼠标指向图片时，画面中会出现可供参考的水平线和垂直线，用户可以很明显地看出图片的倾斜程度。这时用鼠标沿着要调整的参照物画直线，旋转角度值就会出现在旋转角度数值填写框内。接着，单击“确定”按钮即可完成图片的旋转。当然，也可以直接输入旋转角度值来旋转图片。34（2）图片的裁剪。一个好的摄影作品，除了光线、色彩要搭配合理之外，巧妙的取景、合理的构图等也至关重要。在构图方面，一个很简单实用的方法就是想象在画面中有一个九宫格，参考九宫格的格线进行构图，以使画面中的景物、背景等主次分明、比例恰当、布局合理。打开图片之后，单击“裁剪”按钮，这时图片上就会出现一个带有九宫格的裁剪框。此时，可根据需求调整裁剪框的大小、移动裁剪框的位置，以九宫格框住的裁剪区域为参考，调整完成后单击“确定”按钮即可。35另外，在光影魔术手中还有按比例裁剪，按身份证、驾驶证、护照等的特定尺寸裁剪的工具，打开工具栏内“裁剪”的下拉列表，按需求选择列表中的比例、尺寸等，图片即可按相应的尺寸被裁剪，如图所示。36图片的裁剪（3）图片的尺寸调整。由于图片的分辨率不同，所以打开的图片的尺寸也不一样。单击工具栏中的“尺寸”按钮，在打开的对话框中，可调整图片的宽度和高度；在勾选了“锁定宽高比”复选框的情况下，可按比例进行尺寸调整，如图所示。37

图片的尺寸调整项目二电子商务网页图像基本处理38学习单元1 数字图像的基本知识学习单元2 图像像素与分辨率学习单元3 图像的裁剪处理ONTENTSC目录39学习单元4 图层与选区的使用学习单元5 图像的移动与变换学习单元6 绘制位图图像学习单元7 绘制矢量图形ONTENTSC目录40学习单元8 批量添加边框和水印效果数字图像的基本知识0141知识目标1.掌握数字图像的主要类型和特点2.了解数字图像的常用文件格式3.了解在Photoshop中打开、存储文件的基本方法。技能目标1.会下载保存网页中的图像文件2.会在Photoshop中进行打开、关闭、另存等操作42电子商务网页图像是一种数字图像，在制作电子商务网页图像时，了解数字图像的基础知识非常重要。这包括熟悉数字图像的主要类型，深入了解像素和分辨率对图像质量的影响，以及掌握各种常见数字图像文件格式的特点和适用场景等。只有掌握了这些基础知识，才能更加合理、高效地创建、编辑、保存和选择图像文件，从而确保电子商务网页图像的展示效果最佳。43一、数字图像的主要类型1. 点阵图（Bitmap）点阵图，也称为位图或栅格图像，是由像素（即图像元素）组成的图像。每个像素都有一个特定的位置和颜色值，图像的整体效果取决于像素的排列和颜色，如图所示。44点阵图2. 矢量图（Vector）矢量图，也称为向量图，是根据几何特性来绘制图形，用矢量数据表示的图像。矢量图文件中的图形元素称为对象，每个对象都是一个自成一体的实体，具有颜色、形状、轮廓、大小和屏幕位置等属性，如图所示。45矢量图3. 点阵图与矢量图的不同之处（1）点阵图由一个一个的像素组成，即一定面积的图像包含有固定数量的像素，因此，如果在屏幕上以较大的倍数放大显示图像，或以较低的分辨率打印点阵图，点阵图会有锯齿边缘。而矢量图是根据几何特性来绘制图形的，是用线段和曲线描述图像的，它与单位面积上的像素数量无关，将它缩放到任意大小进行打印和显示，都不会影响图像的清晰度，如图所示。4647点阵图与矢量图放大后效果对比（2）点阵图能够呈现丰富的色彩，并且能生动地展现自然界的各种实物图像，其细腻的表现力使得图像色彩层次丰富且细节生动；相比之下，矢量图在色彩表现上相对较弱，色彩层次丰富度不足，如图所示。因此，矢量图常被用来制作标识、图标、logo等简洁明了、无须复杂色彩过渡的图像。48点阵图与矢量图色彩效果对比（3）由于点阵图表现的色彩比较丰富，所以占用的存储空间会较大。图像中颜色信息越多，其占用的存储空间越大；图像越清晰，其占用的存储空间越大。相比之下，矢量图的色彩表现力较弱，所以其占用的存储空间较小。（4）通过软件，可以轻松地将矢量图转化为点阵图；而点阵图转化为矢量图则需要经过复杂的数据处理过程，且生成的矢量图的质量远比不上原图片。49二、数字图像的格式1.BMP格式BMP格式（Windows标准点阵图）是Windows系统中最常见的点阵图保存格式之一，它以无损形式保存点阵图，确保了在Windows系统中显示的图像的质量。它的优点是不会降低图像的质量，但文件比较大。502.GIF格式GIF格式（图像交换格式）是一种压缩格式，适用于保存线条图、剪贴画以及使用大块纯色的图像。该格式通过无损压缩来减小图像文件的大小，当用户将图片保存为GIF格式时，可以自行决定是否保存透明区域或者将图像转换为纯色的。同时，通过多幅图像的转换，还可以利用GIF格式保存动画文件。但要注意的是，每幅GIF格式图像最多只能支持256种颜色。513.JPEG格式JPEG格式是一种具有高压缩率的图像格式，广泛应用于当前图像处理领域。大多数彩色图像和灰度图像都可通过将其保存为JPEG格式来压缩文件大小。JPEG格式支持多种压缩级别，在存储空间有限且对图像精度要求不高的情况下，将图像以JPEG格式存储是一种理想的压缩方式。在HTML文档中，JPEG格式被广泛用于展示图像以及其他具有连续色调的图像文件，为网页的视觉效果打造提供了重要支持。524.PNG格式PNG格式是一种较新的网络图像格式。它汲取了GIF格式和JPEG格式的优点，PNG格式的第一个特点是采用无损压缩方式来减小文件的大小，保证图像不失真，这一点与牺牲图像品质以换取高压缩率的JPEG格式有所不同；第二个特点是显示速度很快，只需下载1/64的图像信息就可以显示出低分辨率的预览图像；第三个特点是PNG格式同样支持透明图像制作，透明图像在制作网页图像时很有用，将图像背景设为透明，可让图像和网页背景很和谐地融合在一起。535.PSD格式这是Photoshop的专用格式。PSD格式文件其实是Photoshop中用于平面设计的一张“草稿图”，它里面包含图层、通道、遮罩等多种设计的样稿，便于下次打开文件时可以修改上一次的设计样稿。在Photoshop支持的各种图像格式中，PSD格式的存取速度比其他格式的快很多，功能也更强大。545.PSD格式这是Photoshop的专用格式。PSD格式文件其实是Photoshop中用于平面设计的一张“草稿图”，它里面包含图层、通道、遮罩等多种设计的样稿，便于下次打开文件时可以修改上一次的设计样稿。在Photoshop支持的各种图像格式中，PSD格式的存取速度比其他格式的快很多，功能也更强大。6.TIFF格式TIFF格式（标记图像文件格式）用于在应用程序之间和计算机平台之间交换文件。TIFF格式是一种灵活的图像格式，几乎被所有绘画、图像编辑和页面排版等应用程序支持。557.WMF格式WMF格式是Windows系统中常见的一种图元文件格式，属于矢量文件格式。这类文件短小，图案以造型化的方式呈现，常由各个独立的组成部分拼接而成，图形相对简单。8.CDR格式CDR格式是知名图像处理软件CorelDRAW的专用图像文件格式。CorelDRAW作为一款平面排版矢量图像处理软件。9.AI格式AI格式是Adobe公司发布的，它的优点是占用硬盘空间小，打开速度快，方便格式转换，是矢量图像处理软件Illustrator的专用图像文件格式。5610.EPS格式EPS格式是跨平台的标准文件格式，在PC平台的扩展名是“.eps”，在苹果品牌计算机平台的扩展名是“.epsf”，主要用于矢量图像和光栅图像的存储。EPS格式采用PostScript语言进行图像描述，同时可以保存一些其他类型的信息，如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息和色调曲线等，因此EPS格式常用于印刷或打印输出领域。Photoshop提供了多个EPS格式选项，使用户可以对印刷打印过程进行全方位控制，而且在某些情况下，EPS格式甚至优于TIFF格式。57三、图像文件的打开在Photoshop中打开图像文件有以下几种操作方法：（1）在菜单栏选择“文件→打开”，如图所示。（2）按Ctrl＋O快捷键。（3）双击Photoshop工作界面的空白处。58

选择“文件→打开”使用以上方法都可以在弹出的“打开”对话框中，选择需要打开的图像文件，如图所示。59“打开”对话框在实际工作中，有时需要打开多个图像文件进行编辑和修改。如果要打开一组连续的图像文件，可以在选择第一个文件后，按住Shift键的同时再选择最后一个要打开的文件，然后单击“打开”按钮。如果要打开一组不连续的图像文件，可以在选择第一个图像文件后，按住Ctrl键，再选择其他的图像文件，然后单击“打开”按钮。60四、图像文档的新建在Photoshop中若想要绘制或编辑图像，需要先新建一个空白文档，在菜单栏选择“文件→新建”，在弹出的图所示的“新建文档”对话框中，设置其名称、宽度、高度、分辨率、颜色模式及背景内容等参数，单击“创建”按钮即可新建一个空白的图像文档。6162“新建文档”对话框1.名称可以为文档设置新的名称，也可以使用默认的名称。创建文档后，文档名称会自动显示在标题栏中。2.预设尺寸“新建文档”对话框提供了多种预设尺寸，可以根据需要选择不同类型的文档的尺寸，如照片、打印、图稿和插图等的常用尺寸。3.宽度、高度设置文档的宽度和高度，随后在宽度数值填写框的右侧下拉列表中选择它们的单位，如像素、英寸、毫米、厘米等。634.分辨率在分辨率数值填写框右侧的下拉列表中可以选择分辨率的单位，如像素/英寸、像素/厘米。5.颜色模式在颜色模式的下拉列表中可以选择新文档的颜色模式，如位图、灰度、RGB颜色、CMYK颜色等模式。6.背景内容在背景内容下拉列表中可以设置新文档的背景颜色。7.存储设置单击“创建”按钮，可以将当前设置的参数保存为预设参数，再次新建文档时可调用此预设参数。64五、图像文档的保存1.直接保存图像文档要想保存当前图像文档，在菜单栏选择“文件→存储”，或者按Ctrl＋S快捷键即可。需要注意的是，PSD格式是Photoshop重要的文档保存格式，它可以保留文档的图层、蒙版、通道等所有内容，编辑图像之后，尽量将文档保存为PSD格式，以便以后可以随时修改。65此外，矢量图像处理软件Illustrator和排版软件InDesign也支持编辑PSD格式文件，这意味着一个透明背景的文档置入到这两个软件之后，背景仍然是透明的。JPEG格式是众多数码相机默认的照片存储格式，如果要将照片或者图像文件打印输出，或者通过e-mail传送，应采用该格式保存。如果图像文档用于网页中，可以选择将其储存为JPEG、PNG或GIF格式文件。662.另存图像文件Photoshop支持的图像格式有很多种，因此它可以作为一个转换图像格式的工具来使用，可以根据需要用Photoshop将当前图像文档保存格式转换为其他图像文档保存格式。可在菜单栏选择“文件→存储为”，或者按Shift+Ctrl+S快捷键，在弹出的“另存为”对话框中根据需要更改保存类型，如图所示。6768“另存为”对话框六、图像的编辑还原新建了一个Photoshop图像文档，就可以进行相关图像编辑处理了。Photoshop为方便用户进行图像编辑，在“历史记录”面板中详细记录了用户的操作步骤（默认记录最近五十步，可在“首选项”对话框的“性能”选项卡中进行修改），并提供了取消最近一步操作或多步操作的命令。691.通过菜单栏执行还原操作在操作过程中，如果误操作，需要取消所有操作，可以在菜单栏选择“编辑”，在“编辑”菜单中选择还原相关命令；如果在还原之后，又需要重新进行这一步操作，则可以在菜单栏选择“编辑→前进一步”；如果多次连续选择“编辑→后退一步”，还可以连续后退；如果在多次连续选择“编辑→后退一步”后，再多次连续选择“编辑→前进一步”，则可连续恢复已经取消的操作，如图所示。70还原操作2.使用“历史记录”面板执行还原操作“历史记录”面板上记录了用户进行的每一步操作。通过观察此面板，用户可以清楚地了解已经操作完成的步骤，并决定具体退回到哪一步，如图所示。在进行一系列操作后，如果还需要后退至某一个历史状态上，直接在历史记录列表中单击该历史记录的名称，即可使图像状态返回至此，此时被选择的历史记录后面的记录都将变为灰色，重新操作后该操作步骤之后的历史记录将被更新。71“历史记录”面板图像像素与分辨率0272知识目标1. 了解数字图像像素及分辨率的基本概念2. 了解调整图片的尺寸、减小图像文件大小的方法3. 了解图像文件大小与格式、分辨率等的关系技能目标1. 会使用Photoshop查看图像的分辨率等信息2. 会使用Photoshop进行图片尺寸大小的调整7374一、数字图像的像素和分辨率1. 像素点阵图最基本的单位是像素（PX），它是一个小的有颜色的点。图像通常由许多像素组成，这些像素被排列成横行和纵列。当把点阵图放得足够大时，就会发现图像画面其实是由许多色彩相近的点组成的，这些点就是构成点阵图的最小单位——像素。因此，简单来说，数字图像的像素就是图像的点的数量，点构成线，线组成面。2.分辨率图像的分辨率是指图像单位长度内像素的数量，常用单位为像素/英寸（PPI），它是衡量图像细节表现力的一个重要技术参数。图像的分辨率越高，相对而言其包含的数据越多，其表现的细节也更丰富，但也会占用更多的计算机资源、更多的内存、更大的硬盘空间等；相反，图像的分辨率低，图像包含的数据就不够多，图像画面就会显得相对粗糙，特别是把图像放大到较大尺寸进行观看的时候。所以在图像文档创建时，必须根据其最终的用途为其设定合理的分辨率，要先保证图像包含足够多的数据，能满足最终输出的需要；但数据量也要适当，尽量少占用计算机的资源。75将一幅原分辨率为72像素/英寸的图像（如图所示）的分辨率分别调整为10像素/英寸和300像素/英寸后保存，图像大小、文档大小及展示效果如图所示（为便于排版，对3幅图像进行了缩放以统一显示）。76图像分辨率为

72像素/英寸（大小为101KB）77图像分辨率为10像素/英寸（大小为3.15KB）78图像分辨率为300像素/英寸（大小为499KB）二、图像文件大小图像文件大小是指图像文件的数字大小，以千字节（KB）、兆字节（MB）或千兆字节（GB）为度量单位。图像的像素总量=图像的分辨率

×

图像的物理尺寸，调整图像的像素总量有两种方法：一是调整图像的分辨率，二是调整图像的物理尺寸，这2种方法可以结合使用。79三、电子商务网站常见图像尺寸常见的计算机显示器的分辨率有1920像素

×1200像素、1680像素

×1050像素、1440像素

×900像素、1280像素

×768像素（如图所示）等。80

计算机显示器分辨率淘宝、京东、拼多多等电子商务平台对图像分辨率的要求不尽相同，下面是一些电子商务平台中常见的图像尺寸：商品主图：800像素

×800像素（系统自动提供放大功能）、600像素

×600像素（无放大功能）、400像素

×400像素（无放大功能）。商品详情页：宽为750像素或790像素，垂直高度可自定义，一般建议控制在10屏以内。首页海报：PC端的宽为1920像素，可根据需要设置高度；移动端的宽为1200像素，可根据需要设置高度，一般情况下高度为500像素、550像素、600像素、650像素或700像素。81横幅广告：淘宝和京东平台的横幅广告常见尺寸为750像素

×390像素，一个横幅广告往往包含文案、商品主体图形、背景和装饰元素等内容，因此其实际高度也可根据需要自行调整，如图所示。店标：80像素

×80像素（淘宝平台），通用店标尺寸为120像素

×60像素。82

横幅广告尺寸设置示例四、图像画幅、分辨率的调整Photoshop处理的图像主要采用点阵图形式保存。图像的像素总量和分辨率直接影响其清晰程度，进而影响图像整体质量。若要使用Photoshop创建图像文档，需要在菜单栏选择“文件→新建”，系统会弹出相应对话框。在该对话框中，可根据实际需要自定义图像的尺寸及宽度、高度。83在Photoshop中调整图像尺寸可在菜单栏选择“图像→图像大小”，然后在弹出的对话框中进行相关参数修改即可，如图所示。84“图像大小”对话框图像的裁剪处理0385知识目标1.了解Photoshop中裁剪工具的位置、参数设置方法和一般用法2.了解Photoshop中透视裁剪工具的位置、参数设置方法和一般用法技能目标会使用裁剪工具对图像进行裁剪调整8687一、Photoshop中的裁剪工具在Photoshop中有专门的裁剪工具，该工具有助于用户对图像进行精确的裁剪操作，如图所示。当然，裁剪照片的方法远不止使用裁剪工具这一种，通过其他途径也可以实现裁剪照片的目的。裁剪工具a）PhotoshopCS6中的裁剪工具b）PhotoshopCC2019中的裁剪工具如上图所示，裁剪工具和切片工具等在一个工具组里，按C键，即可调出。选中裁剪工具后，系统默认的裁剪范围是整幅图像，同时，图像被裁剪工具自动划分为九宫格，用户只需拖动裁剪框边缘即可确定裁剪区域。88二、图像裁剪时的注意事项1.主体删除可能分散观看者注意力的元素，裁剪掉画面中不需要的内容，通过裁剪来重新构图，使画面主体更加突出。2.旋转图像，特别是风景图像，在出现歪斜情况时，可用裁剪工具来修正歪斜的图像。893.透视使用广角或超广角镜头拍摄时，图像可能会出现透视失真情况。即使图像中地平线是水平的，建筑物或其他直线物体也可能会出现扭曲或弯曲情况。Photoshop中透视裁剪工具的透视校正功能可以修复图像的透视失真问题。90

图层与选区的使用0491知识目标1.了解图层的概念2.熟悉常用选区工具的使用方法技能目标1.会新建、删除、隐藏图层，应用图层样式2.会创建选区和对选区进行操作9293一、图层1.“图层”面板“图层”面板是进行图层编辑时不可缺少的工具，“图层”面板上会显示当前图层的相关信息。通过“图层”面板，可以调整图层叠放次序、图层不透明度、图层混合模式等参数。一般情况下，“图层”面板默认显示在工作界面中，可通过在菜单栏选择“窗口→图层”，来在工作界面中显示或隐藏此面板，如图所示。94“图层”面板2.创建图层（1）使用按钮创建图层。单击“图层”面板底部的“创建新图层”按钮，可直接创建一个新的图层。如果需要改变默认值，可按住Alt键的同时单击“创建新图层”按钮，然后在弹出的对话框中进行修改。按住Ctrl键的同时单击“创建新图层”按钮，可在当前图层下方创建新图层。（2）使用快捷键创建图层。按Ctrl+Shift+N快捷键，系统会弹出“新建图层”对话框，设置相应参数后，单击“确定”按钮即可在当前图层上方新建一个图层。按Ctrl+Alt+Shift+N快捷键可在不弹出“新建图层”对话框情况下，在当前图层上方新建一个图层。953.选择图层单击“图层”面板中的一个图层即可选择该图层，使其成为当前图层。4.编辑图层（1）显示、隐藏图层。在“图层”面板中单击某个图层左侧的眼睛图标，眼睛图标消失，即可隐藏该图层，如图所示；再次单击此处可重新显示该图层，如图所示。9697

隐藏图层显示图层（2）复制图层。复制图层有3种方法：一是选中目标图层，在菜单栏选择“图层→复制图层”；二是选中图层后右击，在弹出的菜单中选择“复制图层”；三是将图层拖至面板下方的“创建新图层”按钮上，待高光显示线出现时释放鼠标。（3）删除图层。选中目标图层，按Delete键即可删除当前选中的图层。98（4）重命名图层。在Photoshop中新建图层，系统会生成默认名称，新建图层默认名称为“图层1”“图层2”……并以此类推。要想改变图层默认名称，可以执行以下操作：一是在“图层”面板中选择要重命名的图层，在菜单栏选择“图层→重命名图层”，然后单击图层缩览图或者按Enter键确认；二是双击图层缩览图右侧的图层名称，此时图层名称处于可键入状态，输入新的图层名称后，单击图层缩览图或者按Enter键确认。99（5）改变图层顺序。按住鼠标左键将图层拖动至目标位置，当目标位置显示出一条高光线时释放鼠标即可。（6）过滤图层。Photoshop具备根据不同图层类型、名称、模式及颜色等属性，对图层进行过滤及筛选的功能，这一功能有助于快速查找、选择及编辑不同属性的图层。100要进行图层过滤操作，可以单击“图层”面板左上角“选取滤镜类型”按钮，从弹出的菜单中选择图层过滤条件，如图所示。当选择不同的过滤条件时，其右侧会显示不同的选项，可根据需要选择不同选项来调整图层。101

选择图层过滤条件5.合并图层选中需要合并的图层，在菜单栏选择“图层→合并图层”，即可合并图层；按Ctrl+E快捷键也可合并图层。6.图层组图层组类似于文件夹，可将图层按照类别放在不同的图层组内。当折叠图层组后，“图层”面板中就只显示图层组的名称，如图所示。102图层组二、选区1.创建选区（1）创建规则选区。要想创建规则选区，应在工具箱中选择矩形选框工具或者椭圆选框工具，然后在图像文档中确定选区的位置，按住鼠标左键并拖动鼠标即可，如图所示。（2）创建不规则选区。使用工具箱中的套索工具、多边形套索工具、磁性套索工具、魔棒工具、快速选择工具等均可创建不规则选区。103

创建规则选区2.管理选区（1）移动选区。移动选区是图像处理中最常见的操作，可以使用任何一种选框工具对选区的位置进行调整。选取某个区域，按住鼠标左键并拖动鼠标即可移动选区。（2）取消选区。在编辑图像时如果不需要该选区，可在菜单栏选择“选择→取消选区”，或者按Ctrl+D快捷键。104（3）存储选区。创建选区后，在菜单栏选择“选择→存储选区”，系统即可弹出“存储选区”对话框，如图所示，然后单击“确定”按钮即可。（4）载入选区。存储选区后，在菜单栏选择“选择→载入选区”，即可将选区载入当前图像中。105“存储选区”对话框3.修改选区在创建选区后，可对选区进行多项操作，如设置选区边界、平滑选区、扩展选区、收缩选区、羽化选区等，如图所示。106修改选区4.应用选区（1）为选区描边。创建选区后，在菜单栏选择“编辑→描边”，即可为选区描边。（2）填充选区。创建选区后，在菜单栏选择“编辑→填充”，系统弹出“填充”对话框，设置相关参数即可对选区进行填充，如图所示。（3）将选区定义为图案。创建选区后，在菜单栏选择“编辑→定义图案”，即可将选区定义为一个图案。107“填充”对话框图像的移动与变换05108知识目标1.了解Photoshop中移动工具属性的设置方法和一般用法2.了解对图像进行变换、自由变换的一般方法技能目标1.会使用“图层”面板新建、删除、隐藏图层，会应用图层样式2.会使用移动工具对图像进行移动、复制、变换等109110一、移动工具在Photoshop工具箱中，移动工具是使用频率非常高的工具之一，主要用于图层、选区等的移动、复制、变换等，如图所示。

移动工具a）PhotoshopCS6中的移动工具b）PhotoshopCC2019中的移动工具在选择移动工具后，工具选项卡会显示移动工具相关参数，通过设置相关参数，可以对移动工具的属性进行设置与调整，如图所示。●

：选择此选项，在具有多个图层的图像上单击鼠标左键，系统将自动选中鼠标单击位置所在的图层。●

：选择此选项，在具有多个组的图像上单击鼠标左键，系统将自动选中鼠标单击位置所在的组。111移动工具的工具选项卡●

：勾选复选框，选定区域四周将出现控制手柄，用户可以方便地调整选定范围。●

：当同时选择两个或两个以上图层时，单击相应的按钮可以将所选图层进行对齐处理，对齐方式包括左对齐、水平居中对齐、右对齐、顶对齐、垂直居中对齐、底对齐等。●

：当选择三个或三个以上图层时，单击相应的按钮可以将所选图层按一定规则进行均匀分布排列。分布方式包括按顶分布、垂直居中分布、按底分布、按左分布、水平居中分布和按右分布等。112二、移动工具使用注意事项移动工具主要用于调整当前选区或当前图层的内容。移动工具用来移动所选图像的位置，它不限制图像的区域，可以在不同图层或不同图像文档中使用，移动工具的快捷键为V键，按住键盘上的Alt键，同时使用移动工具，可以在当前图层中复制图像。可以在要操作的对象上右击，选中当前图层，即可使用移动工具移动当前图层中的操作对象。使用移动工具将一个图像编辑窗口中的图像拖拽到另一个打开的图像编辑窗口中，相当于把该图像拷贝到另一图像编辑窗口中。113三、“变换”和“自由变换”命令在编辑图像时，如果选择“编辑”菜单中的“变换”（如图所示）或“自由变换”命令，还可以进行更加多样的图像变换操作，此时的工具选项卡如图所示。114“变换”和“自由变换”命令115

选择“变换”或“自由变换”命令后的工具选项卡“变换”命令菜单下有如下几个子命令：●

缩放：可放大和缩小图像，若同时按

住Shift键，则以固定长宽比缩放图像。●

旋转：可自由旋转图像，若同时按住Shift键，则以15°

或15°

的倍数为标准旋转图像。●

斜切：拖动4个角手柄，沿水平方向或垂直方向移动。将光标移到四边中间手柄上并拖动，可对这个对象进行倾斜处理。116●

扭曲：可任意拉伸4个角手柄对图像进行自由变形处理，但框住的区域不得为凹入形状的。●

透视：拖动角手柄时框线会呈对称梯形（按Ctrl+Shift+Alt快捷键可达到同样效果）。●

变形：选择“变形”命令时，操作对象表面即被分割成9块长方形，每个交点即为作用点，选择某个作用点，按住鼠标左键并移动鼠标，即可对选区进行适当的变形操作。117进行变换操作的一些小技巧如下：（1）选择“缩放”命令后，按Shift+拖动手柄，可限定图像的长宽比。（2）选择“缩放”命令后，按Alt+拖动手柄，可自中心变换。（3）按Ctrl+Shift+拖动手柄，可进行斜切操作。（4）按Ctrl+拖动手柄，可扭曲图像。（5）按Ctrl+Alt+拖动手柄，可对称地扭曲图像。（6）按Ctrl+Shift+Alt+拖动手柄，可透视扭曲图像。（7）按Ctrl+Shift+T快捷键，可再次执行相同的变换命令。118

绘制位图图像06119知识目标1.了解画笔工具、填充工具和图章工具的基本功能2.了解画笔工具、填充工具和图章工具的属性设置方法技能目标会使用画笔工具等绘图工具进行图像绘制120121一、画笔工具画笔工具在工具箱中的位置如图所示。画笔工具a）PhotoshopCS6中的画笔工具b）PhotoshopCC2019中的画笔工具画笔工具主要用于绘图或给图像上色，其颜色由色板决定。使用画笔工具的方式与在画纸上使用毛笔绘画相似，利用画笔工具能够打造多种边缘柔和的效果。画笔工具的工具选项卡中有模式、不透明度、流量等参数，通过设置这些参数可以调整画笔的大小、硬度、刷式（笔刷形状）、不透明度等，如所示。122画笔工具的工具选项卡二、填充工具填充是指以指定的颜色或图案对所选区域进行处理，常用的填充工具有渐变工具和油漆桶工具，如图所示。123填充工具a）PhotoshopCS6中的填充工具b）PhotoshopCC2019中的填充工具渐变工具允许用户创建2种或多种颜色之间的平滑过渡效果。这种过渡可以是线性的，也可以是径向的、呈某种角度的或对称的，具体取决于用户选择的渐变类型和渐变方向。用户既可以选择系统预设值，也可以自定义。如果不选择区域，系统默认对整个图像进行渐变填充。油漆桶工具主要用于对图像的特定区域进行快速填充。具体来说，这个工具会根据用户点击的像素点的颜色，寻找整个图像中颜色相近的区域，并为这些区域填充指定的前景色、背景色、图案或自定义颜色。油漆桶工具在图像处理中非常有用，特别在需要快速替换图像中特定颜色或填充大面积相似颜色区域时。在图形设计中，这个工具也常用于创建具有特定颜色或图案的区域。124三、图章工具Photoshop中的图章工具包括仿制图章工具和图案图章工具2种，如图所示。125图章工具a）PhotoshopCS6中的图章工具b）PhotoshopCC2019中的图章工具仿制图章工具的主要功能是从图像中取样，然后将取样的像素复制到图像的其他部分或新的图像中。这个工具特别适用于修复受损的图像、去除瑕疵、遮盖不需要的部分或进行图像的复制和重构。图案图章工具也是用来复制图像的，但它与仿制图章工具有些不同，它要求用户先用矩形工具选择一定区域，再在“编辑”菜单中选择“定义图案”，然后选择合适的笔刷，最后在图像中进行图案复制。126绘制矢量图形07127知识目标1.了解钢笔工具的基本功能2.了解路径及其调整方法技能目标会使用钢笔工具创建图形，并会调整路径128129一、钢笔工具使用Photoshop中的钢笔工具，可以自由地创建图形。钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，曲线在缩放或者变形之后仍能保持平滑效果。钢笔工具在Photoshop工具箱中的位置如图所示。130

钢笔工具a）PhotoshopCS6中的钢笔工具b）PhotoshopCC2019中的钢笔工具使用钢笔工具绘制的图形被称为路径，路径是矢量的，它可以是不封闭的、开放的。如果使起点与终点重合，就可以得到一个封闭的路径。钢笔工具绘制的线条全部都是贝赛尔曲线，如图所示就是一个完整的贝赛尔曲线结构图。贝赛尔曲线由线段和锚点构成，每一个锚点都有两个方向点。在线条绘制过程中，可以通过调节方向点来控制线条曲线走向。131贝赛尔曲线结构图二、路径及其调整方法使用Photoshop中的钢笔工具绘制的路径，由一条或多条直线段或曲线段构成。锚点负责标记这些线段的端点，而在曲线段上，每个被选中的锚点都会展现出一条或两条方向线，这些方向线以方向点为终点。方向线及其方向点的具体位置，决定了曲线段的长度与形状。移动这些方向点将改变路径中曲线段的形状。132Photoshop中的钢笔工具及路径选择工具可用于路径的编辑和调整，如图所示为Photoshop工具箱中的路径选择工具。133路径选择工具1.移动路径使用路径选择工具选择要调整的路径，直接将其拖拽到合适的位置即可。2.调整路径的位置或形状使用直接选择工具，在要调整的路径上选择一个锚点或一条线段，拖动锚点或线段即可。3.调整曲线段的形状使用钢笔工具组中的转换点工具，拖拽要调整曲线段的锚点的方向点。134批量添加边框和水印效果08135知识目标1.了解边框和水印的作用2.熟悉Photoshop“动作”命令的使用方法技能目标1.会使用“动作”命令批量添加边框2.会给图像添加水印136137一、为图像添加边框或边缘效果为图像增添边框或边缘效果，能够让其更具艺术气息和视觉吸引力。利用Photoshop，可以通过多种方法来达到这一效果，如运用填充工具、对选区进行描边、应用图层样式或添加滤镜等。这些方法都能为图像巧妙地添加边框或创造独特的边缘效果。二、为图像添加水印水印的主要功能是保护作品，避免有版权保护的图像和照片被他人擅自上传到互联网上。此外，水印还能有效防止他人恶意盗用或篡改创意作品。进行图像制作时，可以选择商标品牌logo、文字内容或防盗图的警示语作为水印，以增强作品的保护力度。138三、“动作”命令“动作”命令是帮助用户提升效率、快速完成任务的得力助手。这一命令的工作原理类似于录音笔的工作原理，录音笔能录制声音以供日后重复播放，而Photoshop的动作功能则能记录操作过程。通过使用“动作”命令，可以记录并保存重复性、机械性高的操作，以便在未来需要时迅速调用，从而极大地节省时间。139项目三文字的简单处理140学习单元1 文字使用基础学习单元2 文字的字体及样式调整学习单元3 广告文字的制作ONTENTSC目录141

文字使用基础

01142知识目标1.了解电子商务网页图像文字制作的基本原则和基本要求2.了解在Photoshop中创建文字和调整文字属性的方法技能目标会使用Photoshop的文字工具进行文字制作143一、文字设计的基本原则文字和图片是构成商品信息的两大要素，是电子商务网页图像的重要视觉组成要素。商品文字的设计是否恰当，会直接影响电子商务网页图像的品质，进而影响网店浏览量、成交量等。所以，在进行文字设计时必须遵循以下原则，以确保文字设计优质、有效。1441.可识别性原则在进行文字设计时，不能一味追求新、奇、美，文字作为传递商品信息的重要工具，它最基础的作用就是准确地传递信息。所以，在进行电子商务网页图像文字设计时，要先保证文字的可识别性，以使商品形象完整，在此基础上再进行美化设计，如图所示。145电子商务网页图像文字设计案例12.视觉美感原则在进行电子商务网页图像设计时，不仅要将文字看作传递信息的工具，更要在清晰描述商品详情的同时，兼顾视觉上的美感，为消费者带来眼前一亮的新奇感受，进而吸引他们的目光。这样才能有效地为网店吸引流量，促进商品交易量的提升。汉字蕴含着深厚的文化底蕴，其笔画的流转、线条的粗细、结构的疏密以及色彩的搭配，都能演绎出独特的节奏与韵律。因此，在文字设计时，要精心调整笔画和结构的关系，确保在精准传达信息的同时，也能打造视觉美感，如图所示。146147电子商务网页图像文字设计案例23.适应性原则文字的核心作用是展示商品信息，它要与商品的主题和卖点保持一致，表达商品的诉求。所有的文字设计都有其自身含义，都要做到准确无误地将商品信息传递给消费者，如图所示。148

电子商务网页图像文字设计案例3二、文字设计的基本要求1.整体风格应统一在进行字体设计的时候，必须要对网店文字的整体形态进行规范、统一，这是文字设计要遵循的首要原则。只有整体形态统一，才能保障视觉效果的整体性和美观性，达到准确传递信息的目的。2.笔画应统一在进行网店文字设计时，文字的笔画粗细设计要遵循一定的比例关系，同一个字内和不同字之间，相同笔画的粗细、形式应做到统一。如果粗细、比例变化太多，会失去整体感，让人在视觉上有混乱的感觉。149三、认识文字工具1.文字工具的基本属性以PhotoshopCC2019为例，在该软件中，文字的输入主要是通过文字工具来完成的。如图所示为文字工具的工具选项卡。150文字工具的工具选项卡该工具选项卡中的各项目含义如下：●

：横排文字工具，用于输入横向的文字。●

：直排文字工具，用于输入纵向的文字。●

：横排文字蒙版工具，用于输入横向的文字选区。●

：直排文字蒙版工具，用于输入纵向的文字选区。●

：“切换文本取向”按钮，单击该按钮可以实现文字横排与直排之间的转换。151●

：字体下拉列表框，用于设置文字的字体。●

：字体大小下拉列表框，用于设置文字的字体大小，默认单位为点，即像素。●

：消除锯齿的方法下拉列表框，用于选择消除文字锯齿的方法，也可以在菜单栏选择“文字→消除锯齿”，然后在子菜单中进行选择。●

：不同的文本对齐方式按钮，用于设置文本的对齐方式，从左到右依次为“左对齐文本”“居中对齐文本”和“右对齐文本”。152●

：文本颜色色块，单击该色块，即可在弹出的对话框中设置文本颜色。●

：“创建文字变形”按钮，单击该按钮后，即可在弹出的“变形文字”对话框中设置文本变形样式。●

：“切换字符和段落面板”按钮，单击该按钮可以隐藏或打开“字符”和“段落”面板，在其中单击“字符”标签，可以在面板中设置字符相关属性；单击“段落”标签，可以在面板中设置段落相关属性。●

：“取消所有当前编辑”按钮，单击该按钮可取消正在进行的文字编辑。●

：“提交所有当前编辑”按钮，单击该按钮可完成当前的文字编辑。1532.创建点文本点文本是一个水平或垂直的文本行，在处理标题等字数较少的文本时，可以通过创建点文本来完成。选择横排或竖排文字工具后，在画布中需要创建文字的地方单击鼠标左键，即可在该点插入一个光标，在光标处输入文字即可。1543.创建段落文本段落文本也是基于文本框输入的文本，用户可以输入一段或多段文字，当输入的文本长度超出文本框设定的宽度后，文本会自动换行，以适应文本框的尺寸并按照其形状整齐排列。段落文本的优势在于其具有自动换行的功能，以及能够灵活调整文字区域的大小和形状。因此，在处理大量文字时，使用段落文本是一个较好的选择，如图所示。155

段落文本段落文本的创建方法如下：在工具箱中选择横排文字工具，将光标移至画布中，按住鼠标左键并拖拽，画布中会显示一个虚线框。当虚线框调整到合适的大小和位置后，释放鼠标左键，即可成功绘制出一个文本框，并且文本框内会出现一个闪烁的文字插入点光标。此时，输入相应文本信息即可。创建点文本或段落文本后，如果需要对文字内容进行修改，可再次选择横排文本工具或竖排文本工具，然后将光标移动到文本中，当光标变为“”时单击鼠标左键，即可激活文本编辑状态，此时可以对文本进行选取、删除或修改等操作。156除了修改文本内容外，还可以对文字属性进行修改，包括字体、字号和颜色等。选择横排文本工具或竖排文本工具后，按住鼠标左键并拖动以选中需要格式修改的文字，然后在工具选项卡中设置即可。创建好文本后，如果要移动文本，只需选择移动工具，同时在“图层”面板中选中要移动的文本图层，然后按住鼠标左键并拖动即可。对于段落文本，不但可以对文字内容进行修改，还可以对文本框进行修改。在输入段落文本时，如果文本大小超出文本框的限定范围，可以通过拖动文本框四周的控制点来改变文本框的大小。1574.改变文字的颜色颜色选项主要用于改变文字的颜色，它可以针对单个字符进行操作，如图所示。然而，在更改文字颜色时，如果通过单击颜色缩览图并使用拾色器来逐一选取颜色，效率会相当低下，特别是在需要更改大量独立字符的颜色时，这种方法会显得非常烦琐。为了提高效率，可以在选择文字后，通过色板（快捷键为F6）来快速选取颜色。此外，如果需要频繁使用某种颜色，可以将其添加到色板中，以便后续快速调用。需要注意的是，在选择字符时，被选中的字符颜色会反相显示。如图所示，在色板中指定被选中的字符颜色为黄色后，在图像中字符颜色却显示为蓝色，取消选择后颜色即可恢复正常。158159

改变单个字符颜色160被选中的字符颜色反相显示5.改变文字排列方向已经输入的横排文字可以转换为竖排文字，竖排文字也可以转换为横排文字。选中要更改的文本图层后，在菜单栏选择“文字→取向”，在子菜单中选择“水平”或“垂直”，即可进行更改。此外，也可以单击工具选项卡中的“切换文本取向”按钮进行更改。1616.栅格化文字图层栅格化文字图层是将文字图层转换为普通图层。转换后，可以在该图层上应用各种滤镜效果，同时，之前应用于文字图层的样式不会因转换而失效。然而，需要注意的是，一旦栅格化，就无法再对文字进行编辑。栅格化文字图层主要有以下2种方法。（1）在菜单栏选择“图层→栅格化→文字”。（2）在“图层”面板中选择文字图层，右击，在弹出的快捷菜单中选择“栅格化文字”。162栅格化文字图层的前后对比如图所示。163

栅格化文字图层的前后对比7.使用文字蒙版工具创建文字选区通过使用文字蒙版工具，可以创建一个没有颜色填充的轮廓选区。值得注意的是，利用横排文字蒙版工具或直排文字蒙版工具创建的是一个选区，而非实际的文字，如图所示。在成功创建这一文字选区后，便可对其进行填充、增添图层样式或应用滤镜等操作，进而制作出具有独特效果的特效文字。164利用文字蒙版工具创建文字选区选择工具箱中的横排文字蒙版工具或直排文字蒙版工具，在画布中单击鼠标左键，输入文字后，退出文字蒙版输入状态，即可创建出横向或纵向排列的文字选区。165文字的字体及样式调整02166知识目标1.了解“字符”面板的功能及使用方法2.了解图层样式的种类及应用方法技能目标会使用图层样式进行文字效果制作167168字符样式受字体、字号和颜色等诸多因素影响。文字的这些属性不仅可以在工具选项卡中轻松设定，还可以通过“字符”面板进行更为细致的调整。而段落样式则涉及对齐、间距与缩进等排版要素，这些都可以通过“段落”面板进行设置。一、使用“字符”面板设置文字样式在Photoshop中可以为文字设置

不

同

的效果。选择文字工具后，在工具选项卡中单击“切换字符和段落面板”按钮，即可打开“字符”面板，如图所示。169“字符”面板单击“字符”标签切换到“字符”面板，将光标指向某个参数按钮，可以显示该参数的名称。除了常规的字体、字号、行距、字距和颜色等相关参数外，面板下方还有一排按钮，它们的含义如下：●

：“仿粗体”按钮，设置文字的粗体效果。●

：“仿斜体”按钮，设置文字的仿斜体效果。●

：“全部大写字母”按钮，设置英文字母全部大写。●

：“小型大写字母”按钮，设置小写字母为大写字母，但是字体大小不变。170●

：“上标”按钮，设置文字上标，这在数学公式中经常使用。●

：“下标”按钮，设置文字的下标。●

：“下划线”按钮，为文字设置下划线。●

：“删除线”按钮，为文字设置删除线。171二、使用“段落”面板设置段落样式设置段落样式是指设置文字的对齐方式和缩进方式等，选择不同的段落样式，文字具有不同的排列效果。选择文字工具后，将光标置于需要设置的文本段落中，在工具选项卡中单击“切换字符和段落面板”按钮，打开“字符”面板，单击“段落”标签可切换到“段落”面板（如图所示），各参数的具体含义如下：172“段落”面板●

对齐方式按钮组：其中包括“左对齐文本”按钮、“居中对齐文本”按钮、“右对齐文本”按钮、“最后一行左边对齐”按钮、“最后一行中间对齐”按钮、“最后一行右边对齐”按钮和“全部对齐”按钮。●

缩进方式数值填写框：其中包括左缩进、右缩进和首行缩进数值填写框。●

添加空格数值填写框：其中包括段前添加空格和段后添加空格数值填写框。173●

避头尾法则设置：可通过设置JIS宽松或JIS严格来规范标点符号是否在行首行尾出现。●

间距组合设置：用于设置字符的间距。●

连字：勾选复选框，可以将文本的最后一个外文单词拆开，形成连字符号，使剩余的部分自动换到下一行。174三、使用图层样式制作文字效果1.添加图层样式的方法选中图层后，可以通过“图层”面板、“图层样式”对话框以及菜单栏中的相应命令为其添加图层样式。具体方法如下：方法一：双击需要添加图层样式的图层，打开“图层样式”对话框，在对话框中选择一种样式，即可快速应用图层样式。175方法二：在菜单栏选择“图层→图层样式”（如图所示），在弹出的子菜单中选择相应的命令，打开“图层样式”对话框并进入相应效果参数设置选项卡。方法三：单击“图层”面板底部的“添加图层样式”按钮，在弹出的菜单中选择相应的命令，打开“图层样式”对话框并进入相应效果参数设置选项卡。176在菜单栏选择“图层→图层样式”2.图层样式的使用方法在“图层样式”对话框中有多种样式可以选择，勾选样式名称前的复选框，即可在图层中应用该样式；取消勾选后，将停用该样式，但设置的参数将被保留；单击样式名称，即可打开该样式的选项卡；在设置好参数，勾选完需要应用的样式的复选框后，单击“确定”按钮，即可为图层添加样式。177（1）斜面和浮雕。该样式用于提升图像边缘的明暗程度，同时增加高光效果，使图层有立体感。应用该样式时，可以配合使用等高线来调整图层的立体轮廓。此外，它还能为图层增添独特的纹理特效，进一步丰富图像的视觉效果。“斜面和浮雕”样式参数设置如图所示。178“斜面和浮雕”样式参数设置●

样式：该参数下拉列表提供了设置立体效果的具体选项，包括外斜面、内斜面、浮雕效果、枕状浮雕和描边浮雕等，如图所示。值得注意的是，描边浮雕需要与“描边”样式结合使用，以达到最佳视觉效果。179不同样式应用效果●

方法：该参数的下拉列表提供了3种设置立体效果边缘的方式，包括平滑、雕刻清晰和雕刻柔和，如图所示。1803种立体效果边缘●

深度：用于设置立体效果的强度，数值越大，立体感越强。●

方向：用于设置阴影和高光。上选项表示高光部分位于上方，而阴影部分位于下方；下选项表示高光部分处于下方，阴影部分则位于上方。●

大小：用于调整图像中的明暗分布。输入的数值越大，图像中的高光区域面积就会越大。●

软化：用于设置图像阴影的模糊程度，数值越大，阴影越模糊。181（2）描边。该样式是指使用一种颜色沿着图层边缘进行填充的效果，“描边”样式参数设置如图所示，该样式应用效果如图所示。182“描边”样式参数设置“描边”样式应用效果（3）内阴影。该样式是指一种投影效果，这种效果是沿着图像边缘向内部产生的，与“投影”样式的投影方向正相反。“内阴影”样式参数设置如图所示，该样式应用效果如图所示。183“内阴影”样式参数设置“内阴影”样式应用效果（4）内发光。“内发光”样式和“外发光”样式的效果在方向上相反，“内发光”样式是沿着图层的边缘向内产生的发光效果。“内发光”样式参数设置如图所示，该样式应用效果如图所示。184“内发光”样式参数设置“内发光”样式应用效果●

：用于设置内发光颜色为单色，单击色块，即可在弹出的“拾色器（内发光颜色）”对话框中调制新颜色。●

：用于设置内发光颜色为渐变色，单击右侧的按钮，即可在打开的下拉列表中选择其他渐变样式。●

方法：用于设置内发光的渲染方式，单击其右侧的按钮，即可在打开的下拉列表中选择柔和或精确。●

源：用于指定光源的位置，有居中和边缘2个选项。●

范围：用于设置内发光轮廓的范围，数值越大，范围越大。●

抖动：用于设置内发光颗粒的填充数量，数值越大，颗粒越多。185（5）光泽。该样式用于在图像上填充颜色，同时在边缘部分创造柔滑的效果。在应用该样式时，可以通过调整等高线来控制颜色在图层表面形成的随机性。“光泽”样式参数设置如图所示，该样式应用效果如图所示。186“光泽”样式参数设置“光泽”样式应用效果（6）颜色叠加。该样式主要用于在图层上覆盖一层纯色。“颜色叠加”样式参数设置如图所示。（7）渐变叠加。该样式用于在图层上填充渐变颜色。“渐变叠加”样式参数设置如图所示。187“颜色叠加”样式参数设置“渐变叠加”样式参数设置（8）图案叠加。该样式用于在图层上填充特定图案，如图所示。“图案叠加”样式与使用“填充”命令来填充图像具有相似之处，但它们之间存在一个显著的区别：通过“图案叠加”样式所叠加的图案不会破坏原图层的图像内容。188“图案叠加”样式应用效果（9）外发光。该样式是指沿着图层的边缘向外发光的效果。“外发光”样式参数设置如图所示，该样式应用效果如图所示。189“外发光”样式参数设置“外发光”样式应用效果（10）投影。该样式用于模拟物体受到光照后产生的效果，主要用于凸显物体的立体感。“投影”样式参数设置如图所示。190“投影”样式参数设置●

混合模式：单击其右侧的按钮，即可在打开的下拉列表中选择混合模式。●

：用于设置投影的颜色。●

不透明度：用于设置投影的不透明度，可以拖动滑块或在数值填写框中输入数值来改变不透明度，数值越大，投影颜色越深。●

角度：用于设置投影的角度，可以通过转动角度指针进行角度设置，也可以在数值填写框中输入数值来确定投影的角度。191●

使用全局光：用于设置是否采用相同的光线照射角度。●

距离：用于设置投影的偏移量，数值越大，偏移量越大。●

扩展：用于设置投影的模糊边界，数值越大，模糊的边界越小。●

大小：用于设置模糊的程度，数值越大，投影越模糊。●

等高线：用于设置投影边缘的形状，单击右侧的按钮，即可在下拉列表中选择不同的等高线样式。192四、显示与隐藏图层样式添加图层样式后，可以通过单击图层效果前的可见性图标

来控制效果的可见性，如图所示。193可见性图标五、修改图层样式添加图层样式后，如果对效果不满意，可以进行修改。在“图层”面板中双击需要修改的图层样式，即可打开“图层样式”对话框中相应图层样式的选项卡，根据需要修改该样式的参数或在“图层样式”对话框中选取和设置新样式，完成后单击“确定”按钮即可。194六、复制与粘贴、清除图层样式1.复制与粘贴图层样式方法一：在添加有图层样式的图层上右击，在弹出的菜单中选择“拷贝图层样式”（如图所示），然后在需要粘贴图层样式的图层上右击，在弹出的菜单中选择“粘贴图层样式”。195

选择“拷贝图层样式”方法二：将光标移动到添加有图层样式的图层的图层效果图标

上（如图所示），按住Alt键的同时按住鼠标左键进行拖拽，即可将图层样式拖拽到其他图层上，然后释放鼠标左键即可。196拖拽图层效果图标2. 清除图层样式在“图层”