网店商品拍摄与图片处理模块2课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《网店商品拍摄与图片处理模块2课件.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 商品 拍摄 图片 处理 模块 课件
- 资源描述:
-
1、商品拍摄与图片处理基础 了解网店商品图片的处理要求01掌握色彩的基础知识02 熟悉拍摄前期的准备工作03熟悉拍摄执行期的具体工作04熟悉拍摄后期的处理工作05熟悉如何做好交付工作06学习目标2.1网店商品图片的处理要求 图片的尺寸通常用像素(px)来表示。例如,600 px400 px表示图片长边尺寸为600 px,短边尺寸为400 px,图片的像素总和为240 000 px。如果在Photoshop中打开一张图片,就可以看到图像的大小和尺寸,但图像的大小通常是没有实际意义的,因为不同品牌的照相机、不同的后期处理方法会导致图像的大小发生变化,800 000 px的图像未必就比400 000 p
2、x的图像具有更好的画质。而图像的尺寸则是一个明确的参数要求。网购平台对其很多区域中的图像尺寸都有一定的要求。目前,淘宝上常见的商品图片以三个不同的尺寸来显示。在浏览商品时,图片的显示尺寸为80 px80 px,以图表方式显示时的尺寸为160 px160 px,进入商品详情页后的显示尺寸为312 px312 px。因此,最好保持网店商品图片的显示尺寸一致,这样看起来才更加美观。图2-1为统一显示尺寸的商品图片。2.1.1图片尺寸应符合网店要求 而图像的尺寸则是一个明确的参数要求。网购平台对其很多区域中的图像尺寸都有一定的要求。目前,淘宝上常见的商品图片以三个不同的尺寸来显示。在浏览商品时,图片的
3、显示尺寸为80 px80 px,以图表方式显示时的尺寸为160 px160 px,进入商品详情页后的显示尺寸为312 px312 px。因此,最好保持网店商品图片的显示尺寸一致,这样看起来才更加美观。图2-1为统一显示尺寸的商品图片。此外,淘宝平台上店招的尺寸通常为950 px120 px,如果将页头背景计入,则其尺寸为1 920 px150 px(页头背景图片的大小不能超过200 KB)。商品主图的尺寸至少为460 px460 px。如果需要放大商品图片,则主图尺寸应在700 px700 px以上。通常来说,如果商品图片的尺寸较小,如500 px500 px,那么就不要放大了,因为放大后的图
4、片会失真、模糊。了解网店商品图片的尺寸,可以使商品拍摄者在拍摄商品之前根据网店对图像尺寸的要求来设置图像的尺寸。例如,如果网店中要求的商品图像尺寸是750 px500 px,那么照相机中设置的图像尺寸就不能小于750 px500 px,否则图像在被放到网页上后就会因为要被放大而清晰度下降。除图像本身的尺寸外,拍摄者还要考虑后期裁剪对图像尺寸的影响。例如,当没有微距镜头但需要展现细节时,就需要对图像进行裁剪,但裁剪会导致图像尺寸变小。又如,当后期人员修改图片的长宽比时也会导致图像尺寸减小。所以,照相机中设置的图像尺寸应大于网店要求的图像尺寸,这样得到的商品图片才能符合要求。既然是网店商品图片,那
5、么商品自然就是图片的主体。符合要求的商品图片应该能使顾客在没有任何文字说明的情况下就可以了解商品的基本特性。为了突出显示商品这一主体,通常在拍摄时要求商品主体尽可能大且清晰,背景尽量简单,场景的搭配物不宜太多或太抢眼。此外,在拍摄时可以采用深景,让搭配物或背景形成虚化效果,从而突出商品主体。2.1.2商品主体突出 商品主体突出效果对比示例如图2-2所示。如图2-2(a)所示,在拍摄帽子时将鲜花作为装饰物,但是在构图上鲜花挡住了帽子,混淆了视线,导致帽子不突出。如图2-2(b)所示,同样利用鲜花作为装饰,但将鲜花放到远处背景中,利用景深虚化了鲜花,让人一看就明白想要展示的商品是什么。网店顾客无法
6、直接接触商品来查看细节,因此,商品照片必须要有多角度的细节呈现。商品主图通常选择最清晰、角度最好的照片,但是其只能展示商品的一部分,只有通过多角度展示商品,才能让顾客全面了解商品。012.1.3多角度的商品细节图展示 对于商品图片的数量,通常网店没有具体、严格的要求。一般来说,网店商品图片的数量取决于商品本身。如果商品的细节丰富,那么就需要使用比较多的细节图才能对商品进行全面的展现;如果商品本身的造型简单,那么就无须使用太多的照片。所以说,网店商品的图片并不是越多越好,实际上不必要的照片只是一种重复,会降低网页的打开速度,影响顾客的购物体验。图2-3为人字拖展示图图2-3人字拖展示图 图2-3
7、从不同角度展示了人字拖的外观,足以让顾客对人字拖的细节有充分的了解。细节体现品质,针对商品局部突出元素进行细节展示,有利于顾客对商品进行了解。通过商品细节可以判断商品的质量或功能特点,帮助顾客排除质量方面的疑虑。商品细节照片通常会采用近距离特写的方式来拍摄;对于小商品,则需要使用专业的微距镜头。丰富的细节展示有利于商品的销售。图2-4为女鞋细节图展示,对于细节丰富的女鞋采用6张照片来进行刻画,将女鞋的全貌与细节展示相结合,从而更好地展示女鞋的情况。2.2色 彩 基 础2.2.1色相 色相是指色彩所呈现出来的质的面貌,是各类色彩的相貌特征和相貌称谓。通俗来说,色相就是色彩的样子。色相是色彩的首要
8、特征,是区别各种不同色彩的最准确的标准。事实上,任何黑、白、灰以外的颜色都有色相的属性,而色相是由原色、间色和复色构成的。自然界中各个不同的色相是无限丰富的,如紫红、银灰、橙黄等。色相作为颜色测量术语,借以用名称来区别红、黄、绿、蓝等各种颜色。2.2.1色相 色相的特征决定于光源的光谱组成及有色物体表面反射的各波长辐射的比值对人眼所产生的感觉。在测量颜色时,可用色相角H及主波长d(nm)来表示。在聚合物中为根据色的XZY系列表示的主波长和补色主波长相对应的色感觉。一般高聚物本身在熔融态下与标准色系溶液比较,与其一致的颜色标准号称作色相数。由于高聚物的种类很多,所以标准色系也很多。常用标准色系都
9、是按国家标准规定的方法配制的。色相标准如图2-5所示。从光学意义上讲,色相的差别是由光波波长的长短产生的。即便是同一类颜色,也能分为几种色相,如黄颜色可以分为中黄、土黄、柠檬黄等,灰颜色可以分为红灰、蓝灰、紫灰等。光谱中有红、橙、黄、绿、蓝、紫六种基本色光,人的眼睛可以分辨出约180种不同色相的颜色。最初的基本色相为红、橙、黄、绿、蓝、紫。在各色中间加插一两个中间色,其头尾色相按光谱顺序为红、红橙、橙、黄橙、黄、黄绿、绿、蓝绿、蓝、蓝紫、紫、红紫,可制出十二基本色相。2.2.1色相2.2.1色相 这十二基本色相的彩调变化在光谱色感上是均匀的。如果再进一步找出其中间色,便可以得到二十四个色相。如
10、果再把光谱的红、橙、黄、绿、蓝、紫诸色带圈起来,在红和紫之间插入半幅,构成环形的色相关系,便称为色相环,基本色相间取中间色,即得十二色相环,再进一步便是二十四色相环。在色相环的圆圈里,各彩调按不同角度排列,则十二色相环每一色相间距为30,二十四色相环每一色相间距为15。从网店视觉营销的角度来看,不同的色彩带给顾客不同的感受。例如,红色代表活力、热情、激情、喜庆等,适合作为家电、食品、化妆品、服装及鞋包等品类网店的主色调。此外,在一些盛大节日期间,一些网店也会采用红色来进行装修。蓝色代表和平、理性、科技、智慧、清新、包容、忠诚通常让人联想到海洋、天空、水、宇宙等。由于蓝色具有理智、准确的意象,因
11、此一些科技类、数码类企业大多选用蓝色作为网店的主色调,以营造出质感或强势氛围的店铺视觉效果。橙黄色代表兴奋、甜蜜、快乐、积极等情感,适合食品、创意家居、图书及小家电等行业的网店装修。黄色代表年轻、乐观、愉快、希望等,常用于时尚家居、创意店铺、可爱系店铺及母婴类网店的装修在Photoshop中将图片色相从0调整到-70,图片的色相变化如图2-6所示。2.2.1色相2.2.2饱和度 1.饱和度的概念 饱和度是指色彩的鲜艳程度,也称颜色的强度或者色彩的纯度。饱和度的高低取决于颜色中含色成分和消色成分(灰色)的比例。含色成分越大,饱和度越高;消色成分越大,饱和度越低。纯的颜色都是高度饱和的,灰色或其他
12、色调的颜色是不饱和的。完全不饱和的颜色根本没有色调,如黑、白之间的各种灰色。通俗来说,一种颜色的饱和度越高,它就越鲜艳;反之,它就越接近于灰色。图2-7(a)所示的向日葵拥有较高的饱和度,因此整体的色彩比较鲜艳;图2-7(b)所示的向日葵拥有相对较低的饱和度,因此整体的颜色偏向于灰色。在图像处理中,饱和度控制着图像色彩的浓淡程度,类似于电视机中的色彩调节。改变饱和度的同时,下方的色谱也会跟着改变。当饱和度调至最低时,图像将变为灰度图像。对灰度图像改变色相是没有作用的。调整饱和度可以修正过度曝光或者未充分曝光的图片,使图像看上去更加自然。2.饱和度的高低与人的视觉感受 饱和度的高低会直接影响人的
13、视觉感受,照片的饱和度越高,画面的“攻击性”就越强,就越能引起人的注意,但是过高的饱和度有时会让人产生反感的情绪,如图2-8所示。图片的饱和度越低,画面越“平和”,就越能给人以安静、舒适的视觉感受,但是过低的饱和度有时会让画面产生不通透感,如图2-9所示。利用饱和度工具,可以调整画面的饱和度。当增加饱和度数值时,画面会变得更加鲜艳,但是如果数值提高得过高,有时候会使画面出现色彩溢出等不正常现象,如图2-10(a)所示。当把画面的饱和度数值提高至100时,花朵中心的细节会丢失见图2-10(b)。当降低饱和度的数值时,画面会变得更加偏灰,如果将数值降至最低,图片会变成黑白图片。如图2-10(c)所
14、示,当饱和度降至100时,图片就变成黑白图片。Lorem ipsum dolor sit amet,consectetur adipisicing elit.A(1)增强画面的色彩表现力。如果感觉画面有些沉闷,可以尝试提高画面的饱和度,让画面的色彩更加鲜艳,从而让画面拥有更强的色彩表现力。例如,图2-11所示照片的色彩饱和度较低,因此画面整体看起来比较沉闷,此时可以通过提高饱和度使画面显得鲜艳,更加凸显色彩的层次感,如图2-12所示。B3.饱和度的应用 削弱色彩的攻击性。画面饱和度过高会让色彩的攻击性增强,但是过高的饱和度容易使画面对人产生过度的刺激,有时候还会使画面显得沉重,或者使画面显得比
15、较脏。这时候就可以通过降低画面的饱和度来削弱色彩的攻击性。01 增强画面的视觉表现力。在Photoshop中利用HSL工具和笔刷工具等可以降低局部饱和度,让画面形成高饱和度与低饱和度并存的效果,以更好地增强画面的视觉表现力。023.饱和度的应用图2-13为原始图片和调整局部饱和度后图片的效果对比。图2-13原始图片和调整局部饱和度后图片的效果对比 明度是指一种颜色的明暗程度。它是眼睛对光源和物体表面明暗程度的感觉,主要是由光线强弱决定的一种视觉经验。在无彩色图像中,明度最高的色为白色,明度最低的色为黑色,中间存在一个从亮到暗的灰色系列;在有彩色图像中,任何一种纯度色都有着自己的明度特征。例如,
16、黄色为明度最高的色,处于光谱的中心位置;紫色为明度最低的色,处于光谱的边缘。一个彩色物体表面的光反射率越大,对视觉刺激的程度就越大,看上去就越亮,这一颜色的明度就越高。明度在三要素中具有较强的独立性,它可以不带任何色相的特征而通过黑白灰的关系单独呈现出来。任何一种色相调入白色都会提高明度,白色成分越多,明度就越高。2.2.3 明 度1.明度的概念 如果将明度调至最低会得到黑色,调至最高会得到白色。对黑色和白色改变色相或饱和度都没有效果。同一种颜色有明暗之分,如浅蓝色和深蓝色;不同颜色之间也有明暗之分,如黄色的明度相对较高,蓝色的明度相对较低。图2-14和图2-15分别为明度较低的蓝色和明度较高
17、的黄色。2.明度与心理感受 较高的明度能够给人一种轻盈、纯真、朴素、恬静的心理感受,较低的明度能够给人一种神秘、严肃、庄重、含蓄的心理感受。一般来说,可以利用明度构建不同的画面风格。图2-16和图2-17分别为较低明度的图片和较高明度的图片。明度的对比是指同一色相不同明度的对比及不同色相不同明度的对比。明度的对比是色彩构成中最重要的因素之一。同一色相不同明度的对比会呈现出不同的深浅层次,有助于表现色彩的空间关系和秩序,产生色彩渐变的韵味。不同色相不同明度的对比不仅可以呈现出色相的区别,而且加入不同明度后所产生的颜色也会使色彩显得丰富而多变。明度对比越大,色相的色彩效果越强烈;明度对比越小,并且
18、色相的冷暖差别不大,色相的色彩效果越柔和。同一明度的调和必须注意以下几个问题。3.明度的对比和调和(1)同明度同色相的调和,需要增加彩度以求变化。(2)同明度同彩度的调和,需要变化色相以增加对比。(3)同明度不同色相、不同彩度的调和,既可以调节各方矛盾,又可以使其富有变化。(4)邻近明度调和具有统一的调和感,但明度变化小,需要改变色相和纯度以增加对比。(5)相似色的明度调和,有彩色的表现较含蓄、柔和,但还需要将色相与彩度做适当变化,使其看 起来更 协调。(6)对比明度调和,色彩明快、强烈,但较难统一,需要增强色相与彩度,使其协调。(7)补色明度调和,色彩鲜艳、刺激,但会让人感觉较生硬。4.拍摄
19、中的明度 明度是影响拍摄色彩效果的第二个重要因素,照片“亮不亮眼”就看它了。一般来说,明度越高,颜色越浅,越接近白色;明度越低,颜色越深,越接近黑色。当然,当颜色趋近于白色或黑色时,饱和度会随之下降,但这并不代表明度也会发生改变。由于摄影所应用的色彩观念是从光学的角度来看的,因此明度还取决于被拍摄物体表面的反光率。反光率高的物体,颜色亮度大;反光率低的物体,颜色亮度小。在所有颜色中,白色物体的明度最大,黑色物体的明度最小。也就是说,在光线明亮的拍摄环境中,各物体反射回来的光线量越大,越接近白色,明度越高;越接近黑色,明度越低。4.拍摄中的明度 在摄影中,明度与曝光也有很大的关系。如果曝光过度,
20、整张照片的高光部位太多,则各种颜色的明度会太高,无法表现出色彩真实的样貌;如果曝光不足,照片整体将落入暗部阶调,明度会太低,一样无法表现出色彩真实的样貌。通常来说,对于同一张图片,提高明度,画面更亮,对比度更弱,但是画面的过渡细节不会丢失。如图2-18所示,将明度从零调整到50,画面显得更亮,对比度更弱,但是画面的过渡细节仍被保留下来。2.2.4 亮 度亮度是指图像像素的强度,黑色为最暗,白色为最亮。黑色用“0”来表示,白色用“255”来表示。有人将图像的亮度解释为灰度,就是去掉颜色之后剩下的东西。亮度表示图像的明暗程度。每个像素都有相应的亮度,这个亮度和色相是没有关系的,同样的亮度既可以是红
21、色也可以是绿色,就如同黑白(灰度)电视机中的图像一样,单凭一个灰度并不能确定是红色还是绿色。如图2-19所示,将亮度从零调整到53,提高了亮度,画面更显明亮,对比感更强烈,但明暗之间的过渡细节可能会丢失。如图2-20所示,在大多数情况下,处理后图片的亮度比实际商品略亮,更有卖相,看上去更新、更干净。提示 亮度与明度的相同点是:提高后,都会让画面更亮。亮度与明度的不同点是:提高明度,画面更亮,对比度降低,不会丢失细节;提高亮度,画面更亮,对比度增加,会丢失细节。2.2.5 对 比 度 对比度指的是一幅图像中明暗区域最亮的白和最暗的黑之间不同亮度层级的测量。差异范围越大,代表对比越大;差异范围越小
展开阅读全文