网店美工任务实训教学课件(共5单元)项目1Photoshop基础操作

1网店美工任务实训出版社 职业教育电子商务专业“十三五”规划系列教材 任务1：裁剪商品图片项目一：Photoshop基础操作 任务1：商品照片裁剪任务1：裁剪商品照片Alice到惠美电子商务有限责任公司网店美工部门实习，美工部门安排了Daisy指导Alice，Daisy为了让Alice尽快熟悉图形处理软件操作，找了之前摄影部门传过来有问题的商品图片让Alice练习图片处理，这些产品图片有的透视太夸张，有的拍摄时相机离的太近，角度过高过低，立体的产品好像扭曲变形，经销授权证书倾斜变形，建筑物透视变形，如何修正？【活动背景】当遇到商品透视太夸张，拍摄时相机离的太近，角度过高过低，立体的产品好像扭曲变形，经销授权证书倾斜变形，产品头重脚轻等，如何修正？活动1校正透视图任务1：商品照片裁剪 【活动实施】1、比较下面两幅，图1.1.1由于拍摄角度的问题，造成商品头重脚轻，严重失真，图1.1.2是经过PHOTOSHOP校正透视，重新定好重心、大小后的效果图。图1.1.1 图1.1.2任务1：商品照片裁剪 2、打开“电子素材/项目1/失真图.jpg”,选择工具栏裁剪工具右下角箭头处的透视裁剪工具,如图1.1.3。图1.1.3任务1：商品照片裁剪 3、根据透视学的原理需要调整裁剪框的控制点，使裁剪框的虚线与物品的边缘成平行线如图1.1.4所示。图1.1.4图1.1.54、按下回车之后就能够得到图1.1.5的效果图任务1：商品照片裁剪 【活动评价】通过该活动，对由于拍摄角度问题，造成头重脚轻等等引起产品变形的图片进行处理。任务1：商品照片裁剪 【活动背景】当拍摄照片的光轴与主题的视平线未能形成平行状态时，相机不水平，产品拍摄时倾斜，建筑物倾斜，人物沟通不正，两者间形成一定的夹角，便会致使拍摄出的照片出现一定程度的倾斜，这可以通过photoshop裁剪来校正，不需要重新拍摄。活动2校正倾斜重构图任务1：商品照片裁剪 【活动实施】1、比较下面两幅，图1.1.6所示，由于拍摄照片的光轴与主题的视平线未能形成平行状态时或者相机端不平，或者商品拍摄时倾斜，图1.1.7是经过PHOTOSHOP校正倾斜重构图后的效果图图1.1.6图1.1.7任务1：商品照片裁剪 2、打开“电子素材/项目1/倾斜图.jpg”,为了利于裁剪和产品的展示，我们想将画布改成正方形。（如图1.1.8和图1.1.9所示）图1.1.8图1.1.9任务1：商品照片裁剪 选择工具栏裁剪工具如图1.1.10，这个时候箭头光标就会变成裁剪图标图1.1.10任务1：商品照片裁剪 4、根据需要拉出裁剪框，可以通过裁剪框周围的控制点拉伸裁剪框的大小5、裁剪框拉伸好了之后，将鼠标移动出裁剪框后，靠近矩形控制点时候，你会看到光标会变成拐角一样的双向箭头，这个时候你可以任意旋转拐角的方向。任务1：商品照片裁剪 6、当旋转的角度必须然裁剪框的其中一条边与产品的一条边达成平行（如图1.1.11），请按回车键，就会出现如图1.1.7所示的效果图1.1.11任务1：商品照片裁剪 【活动评价】本次活动是针对拍摄过程中，由于角度的问题，导致产品倾斜，不利于产品的展示，通过Photoshop的裁剪工具，调整好产品的角度，使其重新构图，达到更好的展示效果。任务1：商品照片裁剪 任务2：抠取商品照片项目一：Photoshop基础操作任务2：抠取商品照片 任务2：抠取商品照片【情境设计】网店美工这门课程，学习者多数是为了开网店，想做好网店一定要做好商品图片处理，即使聘请专业的设计师，自己也需要懂得一点图片处理的知识，才能应对商品图片的处理工作；而在这其中，抠图又是一项很重要的工作，良好的抠图技巧可以使不美的图片经过处理后看上去美观大方，也可以使本来很美的图片锦上添花。图片是网店的灵魂，好的图片完全可以提高交易的成功率。任务2：抠取商品照片 活动背景该图片上的钢笔金色部分与背景较为接近，所以不太适合一些智能的选择工具，为了能精确抠出每一个细节，最合适的还是甘比工具活动1钢笔抠图任务2：抠取商品照片 活动实施利用如图1.2.1和图1.2.2的素材，使用钢笔工具抠取人物的外轮廓，对产品的背景进行置换，并做成如图1.2.3所示的效果。图1.2.1图1.2.2图1.2.3任务2：抠取商品照片 1、打开“电子素材/任务项目1/钢笔抠图素材.jpg”,将钢笔的画面放大显示，将画面窗口移至合适的位置。2、单击工具栏的按钮，将鼠标光标移动到如图1.2.4所示的位置处单击，创建路径的起始点，并按照如1.2.4所示的路径方向创建第二、第三节点。图1.2.4任务2：抠取商品照片 3、用步骤2相同的方法，沿产品的边缘依次单击，创建出如图1.2.5所示的闭合钢笔路径。图1.2.5任务2：抠取商品照片 4、单击工具箱中的按钮，将鼠标光标移动到节点，按下鼠标左键并拖曳，此时将出现两条调节柄。如图1.2.6所示图1.2.6任务2：抠取商品照片 5、分别调整两端的调节柄的长度和方向，从而调整节点两侧路径的弧度，使其紧贴于钢笔的轮廓位置。6、用步骤4和5相同的方法将路径调整为如图1.2.7所示图1.2.7任务2：抠取商品照片 7、单击“路径”面板底部的（将路径作为选区载入）按钮，将路径转换为选区。8、在菜单栏中，“选择”/“修改”/“平滑”命令弹出“平滑选区”对话框设置如图1.2.8所示图1.2.8任务2：抠取商品照片 9、选择菜单栏中“编辑”/“拷贝”命令，复制选区内的商品10、打开“电子素材/项目1背景.JPG”，按住“Ctrl+V”快捷键粘贴产品，并“ctrl+T”快捷键调整到合适的大小和位置。达到最终效果如图1.2.3所示。任务2：抠取商品照片 任务2：抠取商品照片 任务二：商品照片抠图活动2其他方法抠图项目一：Photoshop基础操作任务2：抠取商品照片 活动2其他方法抠图活动背景本次活动的抠图针对有透明效果的图像，进行综合处理。任务2：抠取商品照片 活动实施在如图1.2.9和图1.2.10的素材上，利用通道抠取衣服的照片，并将背景换成如图1.2.11示。图1.2.9图1.2.10图1.2.11任务2：抠取商品照片 1、打开“电子素材/项目1/裙子.jpg”，选择“钢笔工具”，在图片上画出如图1.2.12所示的路径，把衣服没有蕾丝的部分勾勒出来。图1.2.12任务2：抠取商品照片 2、按下“Ctrl+Enter”快捷键将路径转换为选区，再按下“Ctrl+J”组合键复制图层1，单击选择背景层。3、打开通道面板，复制红色通道“红副本”，按下Ctrl+L快捷键将调整色阶，参数如图1.2.13所示。图1.2.13任务2：抠取商品照片 4、用“钢笔工具”分别绘制出衣袖和裙底蕾丝部分，然后用路径选择工具选择裙底部分路径，如图1.2.14所示。并Ctrl+Enter组合键将路径转换为选区。图1.2.14任务2：抠取商品照片 5、按住“Ctrl+Shift+Alt”组合键，单击通道“红副本”，可以得到选区的交集。并按下Ctrl+J组合键负责图层2。再选择背景层。6、重复步骤4和5，分别复制出两支衣袖的蕾丝部分出来，形成图层3和图层4，如图1.2.15所示。图1.2.15任务2：抠取商品照片 7、将图层1、图层2、图层3、图层4合并成为图层1，并打开“电子素材/项目1/背景2.jpg”，将图层1移至打开的图1.2.9素材中，按下“Ctrl+T”调整好图层1的大小和合适的位置，如图1.2.16所示。图1.2.16任务2：抠取商品照片 任务3：商品照片调色活动1曲线工具调色项目一：Photoshop基础操作任务3：商品照片调色 任务3：商品照片调色任务3：商品照片调色【情境设计】对于有过网购经验的亲们一定都知道，商品色差是一件很令人头疼的事，事实上对于苦心经营的卖家来说，更是有过之而无不及，因为灯光、拍摄环境等原因造成的色差很难避免，但是却会给买家带来错误的引导，因此造成的退换货和差评纠纷也是最多的。本任务的主要目的对出现色差的产品进行调整，从而达到减少色差的目的。【活动背景】曲线是Photoshop中强大的调整工具，本活动主要是通过调整曲线来调整照片严重曝光不足。【活动实施】1、打开“电子素材/项目1/裙子2.jpg”），如图1.3.1所示，这是一张严重曝光不足的图片，画面很暗，阴影区域细节非常少。图1.3.1活动1曲线工具调色任务3：商品照片调色 2、按下Ctrl+J快捷键复制“背景”图层，得到“图层1”；将它的混合模式改成“滤色”，提升图像整体的亮度，如图1.3.2和图1.3.3所示图1.3.1图1.3.2图1.3.3任务3：商品照片调色 3、再按下Ctrl+J快捷键，复制这个“滤色”模式的图层，效果图如图1.3.4所示图1.3.4任务3：商品照片调色 图1.3.5图1.3.6图1.3.7任务3：商品照片调色 任务三：商品照片调色活动2修正白平衡项目一：Photoshop基础操作任务3：商品照片调色 活动背景白平衡英文名称为WhiteBalance。物体颜色会因投射光线颜色产生变化，在不同光线的场合下拍摄出的图片会有不同的色温。例如以钨丝灯(电灯泡)照明的环境拍出的照片可能偏黄，一般来说，CCD没有办法像人眼一样会自动修正光线的改变。(在摄像机里是一个极其重要的部件，它起到将光线转换成电信号的作用)活动2修正白平衡任务3：商品照片调色 活动实施1、打开一张产品照片“电子素材/项目1/修正白平衡.jpg”，如图1.3.8所示，这是一张偏冷的照片，通过白平衡修正，减少色差。图1.3.8任务3：商品照片调色 2、通过菜单栏“调整”/“照片滤镜”尝试的加温滤镜（81）；浓度34%可以得到如图1.3.9和图1.3.10所示效果。图1.3.9图1.3.10任务3：商品照片调色 【知识窗】校正色差的方法还能通过【滤镜】里面的【镜头校正】滤镜、【曲线】和【色相/饱和度】等命令来实现色差调整，以达到减少色差的目的。任务3：商品照片调色 任务3：商品照片调色活动3调整图片亮度与鲜艳度项目一：Photoshop基础操作任务3：商品照片调色 活动3调整图片亮度与鲜艳度活动背景当物体受到环境颜色的影响后，会产生偏色，在Photoshop中可以用一些调整命令来校正色彩。任务3：商品照片调色 【活动实施】1、打开“电子素材/项目1/调整图片亮度与鲜艳度.jpg”文件如图1.3.11所示，用钢笔工具勾勒出产品的图的轮廓出来如图1.3.12所示，并将轮廓转换成为选区如图1.3.13所示图1.3.11图1.3.12图1.3.13任务3：商品照片调色 2、执行【图像】/【调整】/【色彩平衡】命令，设置对画框如图1.3.14所示。调整后如图1.3.15所示。图1.3.14图1.3.15任务3：商品照片调色 3、执行【图像】/【调整】/【亮度/对比度】命令，设置对话框如图1.3.16所示.调整后入图1.3.18所示。取消选择，即可得到图1.3.17所示效果图。图1.3.16图1.3.17图1.3.18任务3：商品照片调色 任务4：商品图片修复任务4：商品图片修复情景设计在商品图片拍摄过程由于拍摄种种原因（背景、灯光、拍摄角度等等），导致拍出来的图片存在色差，漂亮的背景图片存在瑕疵，素材存在水印等等，这就需要对商品的照片进行修图，从而达到理想的效果。活动背景这个是在PhotoshopCS5版本以上才有的一个功能，用这个方法能够快速去除水印。活动1快去水印修补与内容识别任务4：商品图片修复 图1.4.1图1.4.2活动实施快速去除如图1.4.1所示的水印，得到如图1.4.2所示的效果任务4：商品图片修复 1、打开“电子素材/项目1/快速去除水印2.jpg”，先复制一个图层，然后在图层1上进行处理2、用【套索】工具选择水印的地方。如图1.4.3所示图1.4.4图1.4.3任务4：商品图片修复 3、然后在【编辑】/【填充】，（或者也可以通过键盘的shift+F5），出现如图1.4.4所示的对话框，选择【内容识别】选项，点击【确定】即可得到如图1.4.5所示图案。图1.4.5图1.4.6任务4：商品