资源预览内容
第1页 / 共83页
第2页 / 共83页
第3页 / 共83页
第4页 / 共83页
第5页 / 共83页
第6页 / 共83页
第7页 / 共83页
第8页 / 共83页
第9页 / 共83页
第10页 / 共83页
亲,该文档总共83页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
第第7 7章章 PhotoshopPhotoshop处理优化图片处理优化图片 商品摄影与短视频商品摄影与短视频 策划、制作与运营策划、制作与运营Contents Page目录页 2 7.1 Photoshop CC 入门7.2 高点击率推广图视觉设计第7章 Photoshop处理优化图片【学习导图】【学习目标】了解Photoshop 界面及功能。掌握Photoshop 修图、美图调色、抠图等操作。 掌握各类网店推广图的设计要点。能使用Photoshop对各类推广图进行设计制作。导读当我们完成商品拍摄之后,后期图片的处理与优化是非常关键的。网店商品图片优化中用到最多的专业软件则是Adobe公司的Photoshop。我们要利用好Photoshop使得展示的图片更能满足网店的规格要求及客户的心理需求,从而达到营销购买的目的。本章节重点讲解Photoshop界面功能、基础操作、修图、美图调色、抠图以及各类网店推广图的设计制作。Contents Page目录页 5 7.1 Photoshop CC 入门7.2 高点击率推广图视觉设计基础知识:1.像素:像素是图像最基本的构成元素,像素的英文名称为pixel(1厘米约等于28像素)。2.图像分辨率:分辨率指单位长度内包含的像素点的数量,代表图像的精细程度,实际上是指像素的排列密度,以像素/英寸为单位,简称ppi。3.图像的色彩模式:RGB色彩模式,CMYK色彩模式,Lab模式,灰度这几种。4.常见图片格式:JPEG格式,PSD格式,GIF格式,PNG格式,TIFF格式。7.1.1 Photoshop界面功能介绍5. Photoshop 操作界面及工具箱界面目前运用的主流Photoshop版本有CC和CS版本。Photoshop界面如图。7.1.1 Photoshop界面功能介绍5. Photoshop 操作界面及工具箱界面菜单栏:Photoshop CS6提供了若干组命令,几乎涵盖了Photoshop能用到的操作命令。选项栏:也叫工具属性栏。用于设置或控制工具属性值。内容因工具不同而不同。面板:也叫工具面板,或浮动面板。Photoshop将功能相似的选项集合到面板中,它们主要用于设置和修改图像,以提高工作效率。如直方图,可查看图像曝光情况。工具箱:以图标形式聚焦了Photoshop的全部工具,除个别工具外,在图标右下角有一个黑小三角标志的,表示是该工具(组)包含多个类似工具,如图2-2所示。图像编辑窗口:这是Photoshop的一个子窗口,是用户编辑图像的地方。图像标题栏:显示图像的一些属性,如图像名、色彩模式及缩放比例。图像标签:单击可切换图像窗口。标尺:显示图像尺寸。重复按【Ctrl+R】组合键,可显示/隐藏标尺。图像状态栏:显示图像大小、缩放比例等一些信息。粘贴板:Photoshop工作区域大小,所有的Photoshop元素,如图像窗口、工具箱、面板等,都悬停在粘贴板上,并可以随意移动它们的位置、调整它们的大小。7.1.1 Photoshop界面功能介绍7.1.1 PS界面功能介绍6. Photoshop CS 工具箱界面7.1.2 Photoshop基本操作Photoshop基础操作及常用快捷键7.1.3 Photoshop 修图Photoshop中常用的图像修补工具1.污点修复工具污点修复画笔工具 可以去除图像中较小的杂色或污点,在网店美工当中可用于图像的去斑、去痘等。污点修复画笔工具可以自动根据所修复区域的周围颜色进行修复操作。7.1.3 Photoshop 修图2.修补工具7.1.3 Photoshop 修图 1)作用:将选中区域的像素由其他区域的像素替换或替换其他位置的像素。2)特色:适合较大范围面积像素修改和替换,而且保留了原像素亮度信息。3)原理:如图1所示。 图1 修补原理4)属性栏:如图2所示。图2 修补工具属性栏 2.修补工具7.1.3 Photoshop 修图3.仿制图章工具7.1.3 Photoshop 修图 仿制图章工具 是通过复制图像的某一部分来达到修复图像的目的,可以用来复制部分图像、消除人物脸部斑点、去除不相干的杂物、填补图片空缺、去水印等。仿制图章工具 属性栏如图1所示。 图1 仿制图章工具属性栏 图图2 案例图案例图 图图 3 修复后效果图修复后效果图3.仿制图章工具7.1.3 Photoshop 修图1.亮度调整-色阶工具7.1.4 Photoshop 美图调色2.色彩调整-色相/饱和度工具7.1.4 Photoshop 美图调色3.模特美容-液化工具7.1.4 Photoshop 美图调色7.1.5 Photoshop抠图 抠图是网店美工的必修技能,在网店图片处理过程也是最重要的工作之一。 抠图就是将产品主体或图片中的一部分,从图片中经过选择后复制或剪切出来。将抠出的图片合成到新背景中,为网店产品营造一种氛围,提升消费者的购买欲望。本项目中指的简单图像一般具备以下特点或之一:u背景色单一;u对象边缘清晰;u形状规则;u对象与背景色色差明显对于具有上述特点的简单图像,在分析图像形状或色彩特点之后,只要选择下表中合适的工具,就非常容易抠取。操作流程:分析图像特点(形状或色彩)选择合适工具试着抠取图像(可能需要多次反复)抠取图像至新图层摆放。7.1.5 Photoshop抠图 7.1.5 Photoshop抠图 序序图像像选择工具与方法工具与方法案例案例1选框工框工具具抠图1.要求:这是一幅珠子照片,需要抠取其中大珠子为缩略图。2.图像特点:圆形对象。3.选择工具:根据图像特点,可以选择椭圆选框工具进行抠取。4.抠取:按住Shift键拖曳鼠标以绘制圆形选区;执行“选择变换选区”命令,像变换图形那样变换选区;依然用选框工具,移动光标至选区内,拖曳以移动选区;继续变换和移动选区,直至选区正好框住珠子。5.注意:对初学者,显然无法一次性拖曳出完全符合要求的圆形选区,须多次变换与移动选区。案例案例2多多边形形套索工套索工具具抠图1.要求:图中倒影是拍摄时平台反光所造成的,网店需要的纸箱图像,不能带有倒影。2.图像特点:这是一个形状不规则,但边缘线是直线物体。3.选择工具:用多边形套索工具。4.抠取:通过“单击单击”方法抠取图像,在转角处,务必找准转角位置单击。如果某一锚点位置不对,按Del键删除(一直按此键直至删除全部锚点);如果觉得视图不对,可按【Ctrl+】放大或【Ctrl+】缩小视图以缩放视图。5.注意:习惯于魔棒工具的同学,可以选择魔棒工具试一试,然后比较优劣。但发现费时且抠取对象不够完美。案例案例3快快 速速 选择 工工 具具抠图1.要求:抠取手提包用作图标列表区对象。2.图像特点:背景色调统一,且与主体对象皮包存在较大色调差别。3.选择工具:用快速选择工具大致选择皮包选区,再用套索工具修正选区。4.抠取:用快速选取工具选取的皮包,与实际要求存在较大出入,需要继续对选区进行修正;用套索工具,结合缩放视图和选区运算,多次反复修正选区;先执行“选择反选”命令将选区反选以选择皮包,再“选择修改平滑”命令,平滑1px;然后执行“选择修改收缩”命令,收缩1px。完成抠出。5.思考:如果用魔棒工具代替快速选择工具,如何抠取皮包?1.选框工具抠图1)“新选区” ;2)“添加到选区” ;3)“从选区减去” 按钮;4)“与选区交叉” 。羽化:设置羽化值,可使创建的选区边缘变得柔和,羽化值越高,边缘就越柔和。需要熟练掌握选框工具属性栏的功能,关于选框工具抠图要点也可以扫描二维码深入学习。 7.1.5 Photoshop抠图 图图1 选框工具属性栏选框工具属性栏2.魔棒工具抠图1)适用范围:背景色单一图片的抠图。2)使用原理: 它根据图像的饱和度、色度和亮度等信息来选择选区的范围,通过调整容差值来控制选区的精确度。其工具属性栏如图1所示。3)容差:用来设置工具选择的颜色范围。该值较低时,只会选择与鼠标单击点像素非常相似的少数几种颜色;该值越高,选择的颜色范围就越广。其数值为0-255。4)连续:勾选该选项,只选择颜色连接的区域;取消该项的勾选,则选择整个图像中与鼠标单击点颜色相近的所有区域,包括没有连接的区域。5)对所有图层取样:勾选该选项,可以选择所有可见图层上颜色相近的区域;取消勾选则仅选择当前图层上颜色相近的区域。7.1.5 Photoshop抠图 图图1 魔棒魔棒工具属性栏工具属性栏3.快速选择工具抠图快速选择工具 是魔棒工具 的升级,它可以根据物品和背景的颜色差别来选出物品,也是常用的抠图工具之一。同样适用于背景色单一的图片抠图。其默认选择光标周围与光标范围内的颜色类似且连续的图像区域,因此光标的大小决定着选取范围的大小。选择工具箱中的快速选择工具,其工具属性栏如图1所示。 图图1 快速快速选选择择工具属性栏工具属性栏7.1.5 Photoshop抠图 4.钢笔工具抠图钢笔工具( 快捷键P)是Photoshop抠图工具中功能非常强大且最常用的,它可以创建精确的直线和曲线路径,常用于对圆弧形物体和直线形物体的精准抠图,在美工实际工作中非常实用。 图图1 钢笔钢笔工具属性栏工具属性栏7.1.5 Photoshop抠图 7.1.5 Photoshop抠图 4.钢笔工具抠图4.钢笔工具抠图7.1.5 Photoshop抠图 5.通道抠图(毛发)7.1.5 Photoshop抠图 7.1.5 Photoshop抠图 5.通道抠图(毛发)Contents Page目录页 32 7.1 Photoshop CC 入门7.2 高点击率推广图视觉设计7.2.1轮播海报图视觉设计-1.店内海报图分类和作用 1、海报图分类 店内海报大体分为2类:一种是店铺首页的整店海报(包含轮播海报图),一种是店铺内单品详情的单品海报。图-店内海报之整店海报(轮播图)7.2.1轮播海报图视觉设计-店内海报图分类和作用图-店内海报之单品海报7.2.1轮播海报图视觉设计-1 店内海报图分类和作用 2、店内海报图作用 整店海报作用单品海报作用1)占据首页大面积区域,主要展现店铺风格、产品类型以及活动等整体信息,提高顾客对本店铺的认知度。2)也可对热销或新推产品进行优先展示,通过海报链接到顾客想了解的产品描述中去。1)针对具体某一款产品,对其风格、卖点、营销活动等进行展示;2)或用带模特的场景将买家带入你所要表达的内容中,从而促使买家产生购买的欲望。7.2.1轮播海报图视觉设计-2 丝巾海报设计案例 1、分析运营部门派发的工作单进行思路整理图- 店内海报设计美工工单7.2.1轮播海报图视觉设计 2、准备相关的制图素材图-海报所选模特和春天清新素材7.2.1轮播海报图视觉设计 3、确定海报字体和制图颜色图-海报设计所选字体7.2.1轮播海报图视觉设计 4、确定海报的主体色调和运用颜色图-海报设计所选颜色7.2.1轮播海报图视觉设计 5、确定海报排列版式图-海报设计所用版式7.2.1轮播海报图视觉设计 6、最终定稿效果(如图4-16)图-丝巾海报设计最终效果7.2.1轮播海报图视觉设计 图-海报练习 我们通过分析下面一款产品(如图),设计首页全屏海报,你会怎样按照之前我们作图的步骤进行制作。 产品关键词-冬季新品、羊绒材质、保暖轻便防风,产品营销词-12月30日前购买送精美手套一副。淘宝直通车是专门为淘宝卖家量身定制,按点击付费的CPC营销推广工具。CPC:Cost Per Click (按点击付费)直通车具有精准推广、智能预测等特点。给广大卖家带来更多的潜在客户,用一个点击,产生一次或多次的店内转跳。直通车推广图,也是电商美工经常制作的图片类型。7.2.2直通车主图视觉设计-1.直通车特点解析直通车扣费公式=下一名出价* *下一名质量得分+ 0.01元自己质量得分7.2.2直通车主图视觉设计- 2 直通车图在搜索页的位置淘宝搜索页面中哪些是淘宝搜索页面中哪些是直通车位吗直通车位吗女装搜索案例页面-顶端女装搜索案例页面-底部: 这5个是不是直通车图位置?7.2.2直通车主图视觉设计- 2 直
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号