网店商品拍摄与图片处理第7章课件.ppt
第7章网店照片美化（Photoshop篇）,本章介绍： 本章主要讲解Photoshop软件的基础知识和基本操作方法。通过本章的学习可以快速地掌握软件的基本功能，为更好完成网店装修和图片处理任务，本章将重点从网店照片美化的角度进行讲解。,课堂学习目标,了解Photoshop的简介和特色功能掌握工作界面和基本操作了解图层的含义掌握照片的裁剪和抠图掌握商品照片的美化和调色掌握图片添加水印和边框掌握图像的合成技巧,7.1 Photoshop的简介,Photoshop是由Adobe公司开发的图形图像处理和编辑软件。它功能强大、易学易用，已经成为数码照片处理领域最流行的软件之一。目前，我国很多本科院校的数字媒体艺术类专业，都将Photoshop作为一门重要的专业课程。,7.2 特色功能介绍,Photoshop具有强大的图像编辑和修饰功能，其核心内容包括抠图、图像的修饰、调色、合成等功能。编辑和修饰图像是图像处理的基础，可以对图像进行缩放、旋转、斜切、翻转、透视、变形等基本操作。也可以对图像进行复制、删除、去除斑点、修补、修饰图像的残损等去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像。photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。校色调色是photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色调的调整和校正。,7.3 工作界面介绍,Photoshop CS5的工作界面主要由“标题栏”、“菜单栏”、“属性栏”、“工具箱”、“控制面板”和“状态栏”组成。,7.3.1菜单栏,菜单栏中共包含9个菜单命令。利用菜单命令可以完成对图像的编辑、调整色彩、添加滤镜效果等操作。,7.3.2工具箱,工具箱中包含了多个工具。利用不同的工具可以完成对图像的绘制、观察、测量等操作。,7.3.3属性栏,属性栏是工具箱中各个工具的功能扩展。通过在属性栏中设置不同的选项，可以快速地完成多样化的操作。,7.3.4状态栏,状态栏可以提供当前文件的显示比例、文档大小、当前工具、暂存盘大小等提示信息。,7.3.5控制面板,控制面板：控制面板是Photoshop CS5的重要组成部分。通过不同的功能面板，可以完成图像中填充颜色、设置图层、添加样式等操作。,7.4 常用的基本操作,利用Photoshop CS5中文件的新建、存储、打开、关闭和图像的显示等基本操作方法，可以对文件进行编辑和基本的处理。,7.4.1新建图像,新建图像是使用Photoshop CS5进行设计的第一步。选择“文件 新建”命令，或按Ctrl+N组合键，弹出“新建”对话框。,7.4.2打开图像,打开图像是使用Photoshop CS5对原有图片进行修改的第一步。选择“文件 打开”命令，或按Ctrl+O组合键，或直接在Photoshop CS5界面中双击鼠标左键，弹出“打开”对话框。,7.4.3保存图像,编辑和制作完图像后，就需要对图像进行保存。以便于下次打开继续操作。选择“文件 存储”命令，或按Ctrl+S组合键，当对设计好的作品进行第一次存储时，启用“存储”命令，系统将弹出“存储为”对话框。,7.4.4关闭图像,将图像进行保存后，就可以将图像关闭了。选择“文件 关闭”命令，或按Ctrl+W组合键，或单击图像窗口右上方的“关闭”按钮 ，可关闭文件。关闭图像时，若当前文件被修改过或是新建的文件，则系统会弹出一个提示框，询问用户是否进行保存，若单击“是”按钮则保存图像。如果要将打开的图像全部关闭，可以选择“文件 关闭全部”命令。,7.4.5100%显示图像,100%显示图像，在此状态下可以对文件进行精确的编辑。,7.4.6放大显示图像,放大显示图像有利于观察图像的局部细节并更准确地编辑图像。1使用“缩放”工具2使用快捷键,7.4.7缩小显示图像,缩小显示，可使图像变小，这样一方面可以用有限的屏幕空间显示出更多的图像，另一方面可以看到一个较大图像的全貌。1使用“缩放”工具2使用快捷键,7.4.8全屏显示图像,如果将图像的窗口放大填满整个屏幕，可以在缩放工具的属性栏中单击“填充屏幕”按钮 ，再勾选“调整窗口大小以满屏显示”复选框。这样在放大图像时，窗口就会和屏幕的尺寸相适应。单击“适合屏幕”按钮 ，图像以横向或纵向屏幕的形式显示。单击“实际像素”按钮 ，图像将以实际像素比例显示。单击“打印尺寸”按钮 ，图像以打印分辨率显示。,7.4.9设置绘图颜色,在Photoshop CS5中，可以根据设计和绘图的需要设置多种不同的颜色。1.使用“拾色器”对话框设置颜色工具箱中的色彩控制工具 可以用于设定前景色和背景色。单击前景色或背景色控制图标，系统将弹出色彩“拾色器”对话框，可以在此选取颜色。单击“切换前景色和背景色”图标 或按X键可以互换前景色和背景色。单击“默认前景色和背景色”图标 或按D键可以使前景色和背景色恢复到初始状态，即前景色为黑色、背景色为白色。,7.4.9设置绘图颜色,2.使用“颜色”控制面板设置颜色“颜色”控制面板可以用来改变前景色和背景色。选择“窗口 颜色”命令，系统将弹出“颜色”控制面板。3.使用“色板”控制面板设置颜色“色板”控制面板可以用来选取一种颜色以改变前景色或背景色。选择“窗口 色板”命令，系统将弹出“色板”控制面板。,7.4.10恢复操作的应用,在绘制和编辑图像的过程中，经常会错误的执行一个步骤或对制作的一系列效果不满意。当希望恢复到前一步或原来的图像效果时，可以使用恢复操作命令。1.恢复到上一步的操作在编辑图像的过程中可以随时将操作返回到上一步，也可以还原图像到恢复前的效果。选择“编辑 还原”命令，或按Ctrl+Z组合键，可以恢复到图像的上一步操作。如果想还原图像到恢复前的效果，再次按Ctrl+Z组合键即可。,7.4.10恢复操作的应用,2.恢复到操作过程的任意步骤在绘制和编辑图像的过程中，有时需要将操作恢复到某一个阶段。“历史记录”控制面板可以将进行过多次处理操作的图像恢复到任一步操作前的状态，即所谓的“多次恢复功能”。其系统默认值为恢复20次及20次以内的所有操作，但如果计算机的内存足够大的话，还可以将此值设置得更大一些。选择“窗口 历史记录”命令，系统将弹出“历史记录”控制面板。,7.5 了解图层意义,图层可以使用户在不影响图像中其他图像像素的情况下处理某一图像元素。,7.5.1新建图层,使用“图层”控制面板弹出式菜单：单击“图层”控制面板右上方的图标 ，在弹出式菜单中选择“新建图层”命令，系统将弹出“新建图层”对话框。使用“图层”控制面板按钮或快捷键：单击“图层”控制面板中的“创建新图层”按钮，可以创建一个新图层。按住Alt键，单击“图层”控制面板中的“创建新图层”按钮，系统将弹出“新建图层”对话框。使用菜单“图层”命令或快捷键：选择“图层 新建 图层”命令，系统将弹出“新建图层”对话框。按Shift+Ctrl+N组合键，系统也可以弹出“新建图层”对话框。,7.5.2复制图层,使用“图层”控制面板弹出式菜单：单击“图层”控制面板右上方的图标，在弹出式菜单中选择“复制图层”命令，系统将弹出“复制图层”对话框。使用“图层”控制面板按钮：将“图层”控制面板中需要复制的图层拖曳到下方的“创建新图层”按钮上，可以将所选的图层复制为一个新图层。使用“图层”菜单命令：选择“图层 复制图层”命令，系统将弹出“复制图层”对话框。使用鼠标拖曳的方法复制不同图像之间的图层：打开目标图像和需要复制的图像。将需要复制图像的图层拖曳到目标图像的图层中，图层复制完成。,7.5.3删除图层,使用“图层”控制面板弹出式菜单：单击图层控制面板右上方的图标，在弹出式菜单中选择“删除图层”命令，系统将弹出提示对话框。使用“图层”控制面板按钮：单击“图层”控制面板中的“删除图层”按钮 ，系统将弹出提示对话框，单击“是”按钮，即可删除图层。或将需要删除的图层拖曳到“删除图层”按钮上进行删除。使用“图层”菜单命令：选择“图层 删除 图层”命令，系统将弹出提示对话框，单击“是”按钮，即可删除图层。选择“图层 删除 隐藏图层”命令，系统将弹出提示对话框，单击“是”按钮，可以将隐藏的图层删除。,7.5.4图层的显示,使用“图层”控制面板图标：单击“图层”控制面板中一个图层左边的眼睛图标 ，可以显示或隐藏这个图层。使用快捷键：按住Alt键，单击“图层”控制面板中一个图层左边的眼睛图标 ，这时，图层控制面板中只显示这个图层，其他图层将不显示。再次单击“图层”控制面板中的这个图层左边的眼睛图标 ，将显示全部图层。,7.5.5图层的选择,使用鼠标：单击“图层”控制面板中的一个图层，可以选择这个图层。使用鼠标右键：选择“移动”工具，用鼠标右键单击窗口中的图像，弹出一组供选择的图层选项菜单，选择所需要的图层即可。将光标靠近需要的图像进行以上的操作，就可以选择这个图像所在的图层。,7.5.6图层的链接,按住Ctrl键，连续单击选择多个要链接的图层，单击“图层”控制面板下方的“链接图层”按钮 ，图层中显示出链接图标 ，表示将所选图层链接。图层链接后，将成为一组，当对一个链接图层进行操作时，将会影响一组链接图层。再次单击“图层”控制面板中的“链接图层”按钮 ，表示取消链接图层。,7.5.7图层的排列,使用鼠标拖放：单击“图层”控制面板中的一个图层并按住鼠标左键，拖曳鼠标可将其放到其他图层的上方或下方。背景层不能移动拖放，要先转换为普通层再移动拖放。使用“图层”命令：选择“图层 排列”命令，弹出“排列”命令的子菜单，选择其中的排列方式即可。使用快捷键：按Ctrl+ 组合键，可以将当前层向下移动一层。按Ctrl+ 组合键，可以将当前层向上移动一层。按Shift+Ctrl+ 组合键，可以将当前层移动到全部图层的底层。按Shift +Ctrl+ 组合键，可以将当前层移动到全部图层的顶层。,7.5.8新建图层组,使用“图层”控制面板弹出式菜单：单击“图层”控制面板右上方的图标 ，弹出其下拉命令菜单。在弹出式菜单中选择“新建组”命令，弹出“新建组”对话框。使用“图层”控制面板按钮：单击“图层”控制面板中的“创建新组”按钮，将新建一个图层组。使用“图层”菜单命令：选择“图层 新建 组”命令，弹出“新建组”对话框，单击“确定”按钮，建立图层组。,7.5.9合并图层,“向下合并”命令用于向下合并一层。单击“图层”控制面板右上方的图标 ，在弹出的下拉命令菜单中选择“向下合并”命令，或按Ctrl+E组合键即可。“合并可见图层”命令用于合并所有可见图层。单击“图层”控制面板右上方的图标 ，在弹出的下拉命令菜单中选择“合并可见图层”命令，或按Shift+Ctrl+E组合键即可。“拼合图像”命令用于合并所有的图层。单击“图层”控制面板右上方的图标 ，在弹出的下拉命令菜单中选择“拼合图像”命令，也可选择“图层 拼合图像”命令。,7.6 裁剪照片最佳角度,裁剪工具可以在图像或图层中剪裁所选定的区域。图像区域选定后，在选区边缘将出现8个控制手柄，用于改变选区的大小，还可以用鼠标旋转选区。选区确定之后，双击选区或单击工具箱中的其他任意一个工具，然后在弹出的裁剪提示框中单击“裁剪”按钮确定即可完成裁剪。,7.6.1裁剪正方形,网页宝贝首图一般要求是正方形的，而拍摄出来的照片比例一般是4:3，所以需要“裁剪”工具 ，将图片裁剪成正方形。,7.6.2裁剪校正角度倾斜的图片,网页宝贝拍摄的图片有时候，因为相机角度的倾斜造成拍摄物体倾斜，利用裁剪工具可以将其调整正确。,7.6.3裁剪重新构图,在实际的设计制作工作中，经常有一些图片的构图和比例不符合设计要求，打开一幅图像，原图片背景部分太多，主体不突出，这就需要对图片进行裁剪。,7.6.4放大裁剪突出细节,淘宝细节图的好处在一定程度上决定了这款宝贝是否能够第一时间吸引顾客，影响成交最主要的因素之一，因此，美工制作精美的宝贝细节图成为当今最主流的操作，从而提高客户体验度，引导客户下单。所有的图片中，大量的细节图片是全方位表现宝贝各种外观性能的最好方法，因而淘宝细节图的处理合就成为每个店家做图时的重中之重。除了在拍摄时可以用微距拍摄出细节特写照片外，还可以将拍摄后的原图细节部分进行裁剪并且放大。来达到更清楚地介绍产品、美化产品详情页面的目的。,7.6.5改变信息点,每张图片都含有一个或者多个信息点，信息点太多就会造成主体不突出，分散点会吸引过多的眼球。打开一幅图像，该图像要主要表现的是挎包，但是人的视觉习惯最关注的人物面部，造成要表现的挎包不够明显，所以这里需要对图片进行裁剪和编辑。,7.6.6固定尺寸裁剪,在“裁剪”工具属性栏中，“宽度、高度”选项用来设定裁剪宽度和高度；“高度和宽度互换” 可以切换高度和宽度的数值；“分辨率”选项用于设定裁切出来的图像的分辨率。“前面的图像”用于记录前面图像的裁切数值；“清除”用于清除所有设定。,7.6.7裁剪校正透视变形,打开一幅图像，选择“裁剪”工具，在图像中单击并按住鼠标左键，拖曳一个裁切区域，松开鼠标，在所需图片周围形成裁剪框，在工具属性栏中勾选“透视”复选框，设置“裁剪参考线叠加为：”选项为网格，方便准确裁剪透视图像。,7.7 照片抠图秘籍,“抠图”就是将产品主体和图片中的一部分，从图片中经过选择后复制或剪切出来。,7.7.1矩形选区和椭圆选区抠图,“矩形选框”工具可以在图像或图层中绘制矩形选区。“椭圆选框”工具可以在图像或图层中绘制出圆形或椭圆形选区。,“多边形套索”工具可以用来选取不规则的多边形图像。,7.7.2多边形套索工具抠图,魔棒工具可以用来选取图像中的某一点，并将与这一点颜色相同或相近的点自动融入选区中。,7.7.3单色背景抠图,1.钢笔工具的使用,7.7.4钢笔工具抠图,2.自由钢笔工具的使用自由钢笔工具属性栏中的选项内容与钢笔工具属性栏的选项内容相同，只有“自动添加/删除”选项变为“磁性的”选项，用于将自由钢笔工具变为磁性钢笔工具。,7.7.4钢笔工具抠图,Photoshop提供了三种类型的通道：Alpha通道、颜色通道和专色通道。Alpha通道是专门用于存储和编辑选区的通道，后两种和色彩有关。不过颜色通道和专色通道中也包含选区，只是他们不能用于修改选区，也不能存储新的选区。,7.7.5通道抠图,“调整边缘”选项组可以对选区进行平滑、羽化、拓展等处理。,7.7.6调整边缘抠图,7.8 美化商品照片,照片在拍摄过程中，因为环境的影响，可能会出现一些影响照片品质的污点等，通过Photoshop强大的处理功能可以轻松处理这些问题，让图片更加美观。,污点修复画笔工具可以快速修除照片中的污点和其他不理想部分。,7.8.1污点修复画笔工具,使用修复画笔工具进行修复，可以使修复的效果自然逼真。,7.8.2修补工具,仿制图章工具可以以指定的像素点为复制基准点，将其周围的图像复制到其他地方。,7.8.3仿制图章工具,内容识别是一种智能修复图像的新方法。,7.8.4内容识别，智能修复,7.9 调出精美照片,调整图像的色彩是Photoshop的强项，也是用户必须要掌握的一项功能。在实际的设计制作中经常会使用到这项功能。,“色阶”命令用于调整图像的对比度、饱和度及灰度。打开一幅图像，选择“图像 调整 色阶”命令，或按Ctrl+L组合键，弹出“色阶”对话框。,7.9.1色阶调整亮度,“曲线”命令，可以通过调整图像色彩曲线上的任意一个像素点来改变图像的色彩范围。打开一幅图像，选择“图像 调整 曲线”命令，或按Ctrl+M组合键，弹出“曲线”对话框。,7.9.2曲线调整亮度,“可选颜色”命令能够将图像中的颜色替换成选择后的颜色。打开一幅图像，选择“图像 调整 可选颜色”命令，弹出“可选颜色”对话框。,7.9.3偏色图片调整,通过色相/饱和度命令可以调节图像的色相和饱和度。打开一幅图像，选择“图像 调整 色相/饱和度”命令，或按Ctrl+U组合键，弹出“色相/饱和度”对话框。,7.9.4让图片更出色（色相/饱和度）,使用锐化工具：用于使图像产生锐化的效果。使用锐化滤镜命令：可以通过生成更大的对比度来使图像清晰化和增强处理图像的轮廓。选择“滤镜 锐化”命令，此组滤镜可减弱图像修改后产生的模糊效果。,7.9.5清晰图片（锐化工具/锐化滤镜命令）,7.10 制作图片水印,Photoshop源文件为PSD透明图层也支持PNG的透明图层，所以水印可以用Photoshop完成。打开一幅图像，置入要添加的水印图片，按住Shift键的同时，向内拖曳变换框右上角的控制手柄，调整图片大小，按Enter键确定操作。在“图层”控制面板中，将“不透明度”选项设为50%，按Enter键确定操作。,7.11 制作美丽边框,Photoshop可以制作美丽边框的方法很多，可以应用素材做美丽边框，也可以利用自身功能制作美丽边框。,7.11.1应用素材制作美丽边框,7.11.2制作美丽边框,7.12 制作GIF动画,GIF动画是一种图片式动画。下面介绍字母饼干动画的制作方法。,7.13 完美图像合成,7.14课后习题,1使用裁剪工具，将下面透视变形的照片进行校正。2通过抠图，将下面的照片去掉背景，将主体物品清晰地分离出来。,7.14课后习题,3通过调整色阶，将下面曝光失败的照片进行修正。4下面这张照片由于在光线不足的环境下拍摄，所以给人暗淡之感，通过修正色相与饱和度使之变为色彩鲜明的照片。,7.14课后习题,5将下面照片中的玩具和外包装盒子自然地结合为一体。,
