网店美工实战教程第3章商品图片的美化与修饰课件.pptx
,第 3 章,商品图片的美化与修饰,网店美工实战教程（全彩微课版）,3.1 商品图片大小调整,内容导航,3.2 商品图片的调色,3.3 商品图片的组合,3.4 商品图片的特殊处理,3.5 商品图片的修饰,3.6 模特图片的处理,3.7 综合实训制作高点击的户外旅行包促销图,3.1 商品图片大小调整,拍摄的商品图片或经过Photoshop处理后图片大小所占用的存储空间较大，如果直接使用这些大容量的图片进行上传，不仅不符合网店对图片大小的要求，也会使网店的加载速度变慢，影响买家的体验。因此图片大小的调整是网店图片处理中必不可少的操作，一般需先认识店铺的常见尺寸，并了解图片尺寸的修改方法，再根据需要进行调整。,3.1.1 网店图片的常见尺寸,不同店铺的尺寸要求是有所不同的，淘宝店铺装修中需要用到店标、店招、宝贝分类、促销区公告和宝贝描述等模板一般都有一定的尺寸限制或者大小限制，清楚这些限制，是制作这些模板的前提。,3.1.2 修改图片尺寸,在Photoshop CC中可以通过“图像大小”菜单命令对商品图片的大小进行调整，调整后图片的像素将发生变化。方法：打开素材图片，选择【图像】/【图像大小】菜单命令，打开“图像大小”对话框，在其中设置调整尺寸，完成后单击“确定”按钮。,3.1.3 变换商品图片,选择【编辑】/【变换】菜单命令，在打开的子菜单中可以选择各种变换命令，或按“Ctrl+T”键，拖动图片的控制点进行变换。,3.1.4 裁剪商品图片,1.裁剪正方形图片,3.1.4 裁剪商品图片,2.按尺寸裁剪图片,在“裁剪工具”工具属性栏下拉列表框中可选择固定比例裁剪，如“11 方形”“45(810)”“8.511”“43”“57”“23(46)”和“169”等。,3.1.4 裁剪商品图片,3.裁剪细节图片,3.1.5 校正倾斜的图片,1.单击“拉直”按钮,1.使用“拉直”按钮调整倾斜图片,3.调整图片的裁剪区域,4.完成裁剪后的效果,2.调整倾斜位置,3.1.5 校正倾斜的图片,2.使用旋转调整倾斜图片,3.1 商品图片大小调整,内容导航,3.2 商品图片的调色,3.3 商品图片的组合,3.4 商品图片的特殊处理,3.5 商品图片的修饰,3.6 模特图片的处理,3.7 综合实训制作高点击的户外旅行包促销图,3.2 商品图片的调色,除了对商品图片进行一些简单的大小调整外，还可根据需要对商品图片进行色彩的调整使其更加美观。如调整图片的亮度、色彩和清晰度等。,3.2.1 调整图片亮度和对比度,1.打开素材文件,2.设置亮度/对比度的值,3.查看调整亮度后的效果,3.2.2 调整图片曝光度,曝光度：用来调整色调范围的高光端，对极限阴影的影响很轻微。位移：可以使阴影和中间调变暗，对高光的影响很轻微。灰度系数校正：使用了简单的乘方函数调整图像灰度系数。负值会被视为它们的相应正值。,3.2.3 调整图片色阶,1,2,3,3.2.4 调整图片曲线,打开素材文件,设置“红通道”参数,设置“RGB通道”参数,查看调整曲线后的效果,3.2.5 调整图片色相/饱和度,1,2,3,3.1 商品图片大小调整,内容导航,3.2 商品图片的调色,3.3 商品图片的组合,3.4 商品图片的特殊处理,3.5 商品图片的修饰,3.6 模特图片的处理,3.7 综合实训制作高点击的户外旅行包促销图,3.3 商品图片的组合,商品图的组合主要指图文的组合，在处理时可先将商品图片抠取出来，再进行简单的图像处理，处理完成后还可在其中添加文字和图形，使其形成一个主体。,3.3.1 抠取商品图片,1.魔棒工具抠图,（1）复制背景图层,（2）设置容差,（3）载入选区,（4）选区反向,（5）设置平滑,（6）查看抠图效果,3.3.1 抠取商品图片,2.快速选择抠图工具,打开素材图片,选择抠取图形范围,查看抠图效果,3.3.1 抠取商品图片,3.套索工具组抠图,“套索工具”：在工具箱中选择“套索工具”，在图像上按住鼠标左键不放进行拖动，完成选择后释放鼠标，绘制的套索线将自动闭合成选区。,“多边形套索工具”：在工具箱中选择“多边形套索工具”，在图像中单击创建选区的起始点，沿着要选取的图像区域移动光标，并在多边形的转折点处单击，作为多边形的一个顶点。,“磁性套索工具”：选择“磁性套索工具”，沿着产品边缘单击鼠标，在单击时可先将图片放大，使其勾画的边缘更加完整，完成后闭合路径，自动添加选区，按“Ctrl+J”键将选区的图片复制到新的图层，隐藏背景。,3.3.1 抠取商品图片,4.路径抠图,打开素材文件,选择钢笔工具,确定锚点,创建第二个平滑点,完成路径的绘制,选择“建立选区”命令,3.3.1 抠取商品图片,5.通道抠图,打开素材文件,创建新通道,设置反向,调整色阶,涂抹图片,选区载入,3.3.2 为商品添加文字,1.文字的类型,横排文字,竖排文字,蒙版文字,路径文字,3.3.2 为商品添加文字,2.文字工具,横排文字工具直排文字工具横排文字蒙版工具直排文字蒙版工具,3.3.2 为商品添加文字,3.段落文字,段落文字的输入,3.3.2 为商品添加文字,4.文字的变形,变形样式,文字路径变形,变换文字,3.3.3 添加形状,结合椭圆工具、直线工具和矩形工具制作平底锅功能说明图。,1.调整图片大小,2.绘制其他圆形,3.绘制其他线段,4.绘制矩形,5.添加文本,3.1 商品图片大小调整,内容导航,3.2 商品图片的调色,3.3 商品图片的组合,3.4 商品图片的特殊处理,3.5 商品图片的修饰,3.6 模特图片的处理,3.7 综合实训制作高点击的户外旅行包促销图,3.4 商品图片的特殊处理,商品图片不单单只能进行简单的色彩调整，还可通过对图片进行特殊处理使其更加美观，常见的特殊处理包括设置图层混合模式、设置图层样式和添加滤镜特效等。,3.4.1 设置图层混合模式,图层混合模式简称图层模式，是Photoshop CC中最核心的功能之一，也是在图像处理中最为常用的一种技术手段。,3.4.2 设置图层样式,在Photoshop中不但可以进行图层混合模式的调整，还可以设置图层的样式，当设置好图层样式后，更改相应的图层，其对应的图层样式也会随之改变。,斜面和浮雕描边内阴影外发光与内发光,图层样式常见应用效果,光泽颜色、渐变、图案叠加投影,3.4.3 添加滤镜特效,液化：对图像的任何部分进行各种各样类似液化效果的变形处理。模糊：通过削弱相邻像素的对比度，使相邻像素间过渡平滑。锐化：通过增加相邻像素的对比度来聚焦模糊的图像。渲染：在图像中创建云彩、折射、模拟光线等效果。杂色：向图像中添加杂点或去除图像中的杂点，通过混合干扰制作出着色像素图案的纹理。,液化,模糊,减少杂色,3.1 商品图片大小调整,内容导航,3.2 商品图片的调色,3.3 商品图片的组合,3.4 商品图片的特殊处理,3.5 商品图片的修饰,3.6 模特图片的处理,3.7 综合实训制作高点击的户外旅行包促销图,3.5 商品图片的修饰,通过数码相机拍摄获得的图片常会出现一些拍摄瑕疵，如没有景深感、色彩不平衡、明暗关系不明显、存在曝光或杂点等，除了前面几种商品图的修饰方法外，这时就需要利用Photoshop CC 提供的不同图像修饰工具将其消除。,3.5.1 污点修复画笔工具组,污点修复画笔工具,主要用于快速修复图像中的斑点或小块杂物等。,利用图像或图案中的样本像素来绘画，可将样本的纹理、光照、透明度、阴影等与所修复的像素匹配，从而去除照片中的污点和划痕。,修复画笔工具,修补工具,修是使用最频繁的修复工具之一，其工作原理与修复工具一样。,红眼工具,可以快速去掉照片中人物眼晴由于闪光灯引发的红色、白色、绿色反光斑点。,3.5.2 图章工具组,仿制图章工具：利用仿制图章工具可以将图像窗口中的局部图像或全部图像复制到其他的图像中。图案图章工具：使用图案图章工具可以将Photoshop CC自带的图案或自定义的图案填充到图像中，其使用方法与使用画笔工具绘制图案一样。,3.5.3 模糊工具组,模糊工具,锐化工具,涂抹工具,3.5.4 减淡工具组,1、减淡工具和加深工具,原图,减淡,加深,2、海绵工具,原图,降低,提高,3.5.5 橡皮擦工具组,橡皮擦工具：主要用来擦除当前图像中的颜色。,背景橡皮擦工具：可以将图像擦除到透明色，在擦除时会不断吸取涂抹经过地方的颜色作为背景色，并可用于擦除指定的颜色。,魔术橡皮擦工具：一种根据像素颜色擦除图像的工具。用魔术橡皮擦工具在图层中单击，所有相似的颜色区域将被擦除并变成透明的区域。,3.1 商品图片大小调整,内容导航,3.2 商品图片的调色,3.3 商品图片的组合,3.4 商品图片的特殊处理,3.5 商品图片的修饰,3.6 模特图片的处理,3.7 综合实训制作高点击的户外旅行包促销图,3.6 模糊图片的处理,在商品图片中，人像照片占大多数，尤其是服装店铺中，更需要通过模特图片来提升购买率，网店的模特图片与数码的模特图片由于使用的用途不同，在处理方法上存在巨大的区别。,3.6.1 模特皮肤的处理,1.高斯模糊处理模特皮肤,打开素材文件,打开“高斯模糊对话框,凸显轮廓,3.6.1 模特皮肤的处理,打开“曲线”对话框,完成美化后的效果,3.6.1 模特皮肤的处理,2.蒙尘与划痕处理模特皮肤,1,2,3,3.6.2 模特身形的处理,1.模特细腰的处理,打开素材文件,创建矩形框选,创建变形框,调整右侧腰身,调整左侧腰身,细腰效果,3.6.2 模特身形的处理,2.模特美腿的处理,打开素材文件并创建选区,拉长腿长效果,3.1 商品图片大小调整,内容导航,3.2 商品图片的调色,3.3 商品图片的组合,3.4 商品图片的特殊处理,3.5 商品图片的修饰,3.6 模特图片的处理,3.7 综合实训制作高点击的户外旅行包促销图,3.7 综合实训制作高点击的户外旅行包促销图,现有一款旅行包要进行促销，为了让商品图片更加具有卖点，增加点击率，需要对该包的商品图片进行制作。要求体现出商品的如下特征：（1）容量大（40L），负载强。（2）销量高 单月3 000。（3）价格优惠亏本促销，包邮99.9。,3.7 综合实训制作高点击的户外旅行包促销图,商品图片拍摄时曝光不足，颜色太暗，在保证商品真实性的前提下，先对商品图片进行亮度和颜色的调整，增加商品图片的明暗层次与色彩鲜艳度。,针对户外和大容量这一特点，考虑选择一款带有雪山、云雾素材的背景，让客户感受到大气、心旷神怡的感觉，提升商品的视觉和心理体验。,将商品的真实单月销量“3 000”以文字的形式表现在图片中，并通过放大销量文本的字号吸引买家眼球；再将买家关注的商品价格“99.9”以稍小一些的字号放置在下方，让其视线再转移到价格中。,可以添加其他的促销文字，可以设置文字的效果，并在文字下方绘制深色的底纹，底纹形状可以采用形状工具绘制，并填充与商品和背景颜色相搭配的颜色。,1.设计思路,3.7 综合实训制作高点击的户外旅行包促销图,（1）使用“色阶”“曲线”和“对比度”对颜色进行调整。（2）使用“魔术棒工具”抠取旅行包，并将其拖动到素材图片中。（3）使用“图层样式”对话框调整旅行包的阴影。,2.知识要点,（4）使用“矩形工具”绘制矩形。使用“多边形工具”绘制三角形，使用“椭圆工具”绘制椭圆，在形状上添加文本。（5）通过输入文字让文字与场景和商品卖点贴合。,3.7 综合实训制作高点击的户外旅行包促销图,（1）调整色阶,（2）调整曲线,3.操作步骤,3.7 综合实训制作高点击的户外旅行包促销图,（3）调整亮度/对比度,（4）调整曝光度,（5）抠取旅行包,（6）裁剪背景图片,3.7 综合实训制作高点击的户外旅行包促销图,（7）设置投影,（8）添加云朵,（9）绘制矩形,3.7 综合实训制作高点击的户外旅行包促销图,（10）输入文字,（11）设置内发光,（12）输入容量文字,课后习题,（1）在Photoshop CC中打开一张拍摄的照片，对照片的大小进行设置，使其符合网店图片上传的要求。（2）调整曝光不足或过度的照片（配套资源:素材文件第三章课后习题习题2），并添加背景图片“活动图.jpg”，输入对应的文字，绘制长方形和圆形并调整文字的大小（配套资源:效果文件第三章课后习题）。,课后习题,（3）将美女图片（配套资源:素材文件第三章课后习题美女.jpg）进行美化处理，去除脸上的斑点，并调整色阶，使其更加完美（配套资源:效果文件第三章课后习题美女.jpg）。,谢谢观看,商品图片的美化与修饰,网店美工实战教程（全彩微课版）,
