3.2抠图处理 课件(共23张PPT)《电子商务网页制作》(中国财政经济出版社)

资源下载
  1. 二一教育资源

3.2抠图处理 课件(共23张PPT)《电子商务网页制作》(中国财政经济出版社)

资源简介

(共23张PPT)
中等职业教育国家规划教材
项目三 商品图片的收集与处理
任务2 抠图处理
任务情景
任务分析
任务实施
项目三 商品图片的收集与处理
任务情景
通过对相关电子商务专业知识的学习,张家豪对当前的电子商务网站进行了整体而深入的分析,想为公司的网站进行规划和设计了,但在设计网站之前,首先要了解Photoshop cs5的界面及基本操作方法,才能对采集到的网站素材进行抠图,将需要的部分从原始图片中截取出来,接下来我们一起学习吧。
项目三 商品图片的收集与处理
任务分析
本次任务主要是学习怎样对收集的素材图片中有用的部分进行抠图处理,针对这一内容,张家豪主要需要解决以下问题:
·普通商品的抠图
·毛发类商品的抠图
项目三 商品图片的收集与处理
知识准备:
(一)认识Photoshop cs5基本操作界面
图3-3 Photoshop cs5基本操作界面
项目三 商品图片的收集与处理
知识准备:
(二)认识各种抠图工具:
1. 剪裁工具:用于对图片进行自由裁切或按固定比例裁切。
2. 套索工具:主要用于选取一些不规则形状的图像。
3. 多边形套索工具:用于选择多边形的图像。
4. 磁性套索工具:用于选择外轮廓比较清晰的图像。
魔术棒工具:选择颜色相同或相近的像素,其工具属性栏中有一
些 与选框工具相同的选项,如创建、增加、选区等,还有一个重要的选项“容差”。其取值在0——255之间,数值越大,表示可允
许的相邻像素之间的相似度越小,选择的范围就越大;反之,范围
就越小。
项目三 商品图片的收集与处理
知识准备:
(三)了解建立选区的方法:
1.快速选择建立选区
(1) 魔术棒工具:选择颜色相同或相近的像素,其工具属性栏中有一些与选框工具相同的选项,如创建、增加、选区等,还有一个很重要的选项“容差”。其取值在0——255之间,数值越大,表示可允许的相邻像素之间的相似度越小,选择的范围就越大;反之,范围就越小。
(2)使用菜单命令创建选区:在图像中创建一块选区后,通过执行【选择-选区相似】命令,可将与所选范围相近似的像素全部选中。
(3)色彩范围:适用于图像和背景色色差明显且背景色单一,可通过颜色吸管吸取背景色快速建立选区。
项目三 商品图片的收集与处理
知识准备:
(三)了解建立选区的方法:
2.选区的调整
(1)选区的反选:在某个创建好的选区中我们想选择该选区以外的部分
时,就可以利用这个命令来编辑我们想处理的部分。选区反选的操
作步骤:创建好选区后,执行【选择→反向】。
(2)选区的拉伸:若想对选区进行拉伸,可在建立选区后按住Ctrl+T自
由变换。
项目三 商品图片的收集与处理
知识准备:
(三)了解建立选区的方法:
3.选区的修改
(1)选区的羽化:使图像的边缘柔化,形成较为自然的效果(使图像的边缘产生过渡的效果)。
(2)消除锯齿:使有曲线的选区边缘平滑。
(3)选区的变换:改变选区的大小比例和旋转角度。
(4)选区的移动:将选区移动到其它位置,将光标移到选区内,当光标图示改变后按住鼠标左键拖动即可。
项目三 商品图片的收集与处理
任务实施
步骤一 普通商品的抠图
步骤二 毛发类商品的抠图
项目三 商品图片的收集与处理
步骤一 普通商品的抠图
1.调整背景大小
(1)新建文件,设置大小为36cm×26cm,分辨率为72像素/英寸,色彩模式为RGB,背景为白色。
项目三 商品图片的收集与处理
步骤一 普通商品的抠图
(一)摄影的条件
1.调整背景大小
(2)打开地球背景素材图片,用移动工具移到新建的文件中,按住Ctrl+T调整图像的大小及位置(如图3-4所示)。
图3-4 地球背景图片
项目三 商品图片的收集与处理
步骤一 普通商品的抠图
(一)摄影的条件
2.抠出手机图像
(1)打开另一商品图片手机,选择磁性套索工具,为了精确选中图像,在属性栏中调整“频率”数值为60,然后沿着手机的边缘一点一点将其选中(如图3-5示)。
图3-5 手机商品图片
项目三 商品图片的收集与处理
步骤一 普通商品的抠图
(一)摄影的条件
2.抠出手机图像
(2)为了得到更为精确细腻的图像轮廓,建立选区后,在属性栏中单击“调整边缘”,适当增大“平滑”数值,如图3-6所示,完成后用移动工具将选区图像拖入到背景文件中,调整其大小和位置,如图3-7所示。
项目三 商品图片的收集与处理
项目三 商品图片的收集与处理
图3-6调整边缘设置 图3-7 将图像移到相应图像背景中
步骤一 普通商品的抠图
(一)摄影的条件
2.抠出手机图像
(3)选择吸管工具,在图片地球的投影处吸取颜色,选择柔边画笔,新建图层绘制手机的投影,将不透明度度降为85%,得到效果如图3-8所示。
图3-8 最终效果图
项目三 商品图片的收集与处理
步骤一 普通商品的抠图
(一)摄影的条件
相关链接
按Ctrl+T键为自由变换的快捷键;用磁性套索工具创建图像选区时可能会出现许多小节点,如果图像边缘模糊不清或颜色太相近时,有些节点就不能按正确的图像边缘行走,这时,可按住Delete键删除,点一下节点删除一个,若想全部删除节点,按住Esc键退出即可完成。
项目三 商品图片的收集与处理
步骤二 毛发类商品的抠图
1.在通道中载入选区
(1)打开素材“毛绒玩具”,在通道面板中选取对比度较高的“蓝色通道”,单击右键,复制通道,执行【图像→调整→反相】,执行【图像→调整→色阶】,使绒毛部分全部变白,如图3-9和3-10所示。
项目三 商品图片的收集与处理
项目三 商品图片的收集与处理
图3-9 色阶设置参考 图3-10 反相效果图
步骤二 毛发类商品的抠图
2.调整未选中的图像
(1)玩具的绒毛部分已经选取出来,而其他部分还未选取,选择磁性套索工具,在图层1上将没选中的图像大致选取出来,按住Ctrl+J复制选取图像,得到图层,如图3-12所示。
图3-12 选取部分图像
项目三 商品图片的收集与处理
步骤二 毛发类商品的抠图
2.调整未选中的图像
(2)隐藏图层1,按住Ctrl单击图层3的缩略图,载入选区,将选区反向,选择柔边橡皮在图层2上将桌子和多余的背景擦除,将背景填充为浅蓝色,得到效果如图3-13所示。
3-13 最终效果图
项目三 商品图片的收集与处理
想一想
利用毛绒玩具抠图
中所涉及到的知识,
将玩具置换到跑车
图像中,注意玩具
与礼品盒间的投影
关系,完成效果如
图3-14所示。
步骤二 毛发类商品的抠图
图3-14 效果图
项目三 商品图片的收集与处理
THANKS!

展开更多......

收起↑

资源预览