目录

  • 1 “零食类”拍摄及后期制作
    • 1.1 零食类
      • 1.1.1 拍摄任务
    • 1.2 任务二  “零食类”后期制作
      • 1.2.1 后期任务
  • 2 “箱包类”拍摄及后期制作
    • 2.1 箱包拍摄
      • 2.1.1 拍摄任务
    • 2.2 箱包后期制作
      • 2.2.1 后期任务
  • 3 “服装类”拍摄及后期制作
    • 3.1 服装类
      • 3.1.1 拍摄任务
    • 3.2 服装后期制作
      • 3.2.1 后期任务
  • 4 “毛绒玩具类”拍摄及后期制作
    • 4.1 毛绒玩具类
      • 4.1.1 拍摄任务
      • 4.1.2 练习:毛绒玩具产品拍摄
    • 4.2 毛绒玩具后期制作
      • 4.2.1 后期任务
      • 4.2.2 练习:叮当猫填色
  • 5 “水果类”拍摄及后期制作
    • 5.1 水果类
      • 5.1.1 拍摄任务
      • 5.1.2 练习:水果拍摄
    • 5.2 水果类后期制作
      • 5.2.1 后期任务
      • 5.2.2 练习:水果漫画
  • 6 “饮料类”拍摄及后期制作
    • 6.1 饮料类
      • 6.1.1 拍摄任务
      • 6.1.2 练习:饮料类拍摄
    • 6.2 饮料类后期制作
      • 6.2.1 后期任务
      • 6.2.2 练习:饮料海报
  • 7 “首饰类”拍摄及后期制作
    • 7.1 首饰类
      • 7.1.1 拍摄任务
      • 7.1.2 练习:饰品拍摄
    • 7.2 首饰类后期制作
      • 7.2.1 后期任务
  • 8 网店页面设计方法
    • 8.1 网店LOGO设计方法
      • 8.1.1 LOGO设计任务
    • 8.2 海报的设计设计方法
      • 8.2.1 海报设计任务
    • 8.3 详情页的设计方法
      • 8.3.1 详情页的设计任务
  • 9 网店商品视频剪辑
    • 9.1 网店商品视频剪辑
      • 9.1.1 视频剪辑任务
  • 10 Photoshop常用快捷键
    • 10.1 Photoshop常用快捷键
任务二  “零食类”后期制作

1.2  任务二  “零食类”后期制作

1.2.1  任务目标

知识目标

技能目标

●  能理解对比度的含义及对比度对画面明暗产生的影响;

●  能理解饱和度、色彩的含义及饱和度、色彩对画面色彩产生的影响;

●  能认识图层之间的关系。

●  会独立运用Photoshop软件,完成图片打开、关闭、保存等操作;

●  会对“休闲食品”图片的对比度及饱和度色彩进行调整;

●  会使用移动等工具对照片进行选区操作。

 

1.2.2  后期任务实施

1.2.2.1  第一步  任务准备

一、搜索下载图片:

使用百度图片image.baidu.com,输入“相框”,点击“百度一下”进行图片的搜索,可根据需要选择类型、尺寸、分辨率、是否收费等,还可点击相关搜索查找相关内容,如图1-21所示

 

 

图1-21  搜索图片

下载图片文件:点击搜索到的图片缩略图,打开相应的图片,在图片上右键点击图片另存为...保存到合适的位置即可

二、Photoshop快捷键操作:

(1)放大:Ctrl+(+)

(2)缩小:Ctrl+(-)

(3)平移:按空格并拖动鼠标

(4)全屏:双击手型工具

(5)撤销一次:Ctrl+Z

(6)撤销多次:Ctrl+Alt+Z

三、文件规范整理

)文件整理

硬盘中创建新的文件夹并命名为“休闲食品后期制作”,并将图片复制到该文件夹如图1-22所示

 

 

图1-22  规范文件整理图

小贴士 文件的合理归类,有助于提高处理图片时查询效率。

(二)文件打开

在Photoshop里打开文件,常用的有两种方式

1、菜单栏中“文件”→“新建→“打开”,选择需要打开的文件双击,或者单击后继续点击“打开”,即可完成文件打开

2、打开Photoshop后,在文件夹中找到需要打开的文件,长按鼠标左键拖拽文件放入Photoshop左侧工具栏后,才松开鼠标左键,即可完成文件打开

)文件保存

在使用Photoshop处理图片以后,选择菜单“文件存储为”,把处理后的图片重新命名,保存到相应位置,以防处理后图片直接覆盖原图。

小贴士一般情况下不要直接在原始图片中修改,避免在处理图片的过程中损坏或丢失原始图片。

1.2.2.2  第二步  调整零食图片

一、Photoshop工具栏使用

Photoshop工具栏由四大类组成,中间用分隔栏分开,从上到下分别是选择与切割类编辑类矢量与文字类辅助工具在一部分工具图标的右下角有个黑色的小箭头,这表示这里是一个相类似的工具的集合用鼠标按下一个工具的按钮稍停一下,就会展开下级菜单,显示该集合的全部工具。

在默认状态下,Photoshop 中的工具属性栏位于菜单栏的下方,在其中可详细设置所选工具的各种属性。

小贴士:选择不同的工具或者进行不同的操作时,工具属性栏中的内容会随着选择的工具或者操作变化。

二、操作步骤

1、调整图片的水平角度

1)找到“吸管工具”选择该工具里的“标尺工具”如图1-2,3所示根据“薯片”图片中摆放的视觉位置,沿图片倾斜角度画一条直线注意:不是直接水平画一条直线)如图1-24所示


  图1-23  标尺工具            图1-24  绘制水平线

2选择菜单栏上的“图像”→“图像旋转”→“任易角度如图1-25所示在弹出的旋转画布对话框中,划线已经自动量出角度,对话框里显示出需要纠正的角度,点击确定即可如图1-26所示

 

图1-25  修正倾斜角度                             图1-26  旋转画布对话框

2、调整图片大小 

(1)工具栏中选择裁剪工具如图1-27所示

 

图1-27  剪裁工具

2调整选取框,四条边均可拉大或者拉小选区范围如图1-28所示以下三种方式,均可确认完成裁剪鼠标双击图片、裁剪工具属性栏点击打勾按键或Enter回车完成裁剪效果,如图1-29所示

  

图1-28  调整相应的选取框                               图1-29  裁切后效果


1.2.2.3  第三步  调整零食图片色调

一、调整颜色

1、通过“色阶”调整图片效果

选择菜单“图像”→“调整”→色阶”命令如图1-30所示,或者使用快捷键,色阶快捷键是Ctrl+L,打开色阶对话框,使用色阶对图片进行调节。

色阶可以调整图像的暗调、中间调和高光,可以使用自带的小吸管:在图像中取样以设置黑场、白场如图1-31分别用黑场吸管和白场吸管对图片深色部分和浅色部分进行吸色图片会根据吸取颜色的深浅调整整体明暗程度,也可以手动分别调整整体图案的色彩范围和色彩平衡色阶把颜色分成数值从0到256的等级。

    

                    图1-3色阶                                           图1-31  色阶黑场和白场吸管

2、通过“色相/饱和度”调整图片色调

色相/饱和度命令可以调节整个图片的颜色,即给图片调整颜色色彩、颜色的浓淡和明暗。色相/饱和度还可以去除图片的颜色,达到整张图片都是单色的效果。

选择菜单“图像调整色相/饱和度”命令如图1-32所示,或者使用快捷键Ctrl+U,打开色相/饱和度对话框,对图片进行色调调节。

 

图1-32  色相/饱和度着色应用效果图

二、操作步骤

1、复制图层

选择背景层,使用快捷键Ctrl+J复制图层如图1-33所示。室内拍摄场景,如果光线不够,照片会比较灰,可以使用“色阶”如图1-34所示对商品照片进行亮度的调节,调节时复制一个新图层,可以对比调节明暗度前后的效果,也可以对原图进行保护。

  

图1-33  复制背景层                             图1-34  使用“色阶”

2、调图片影调

进行处理的图片比较灰暗时如图1-35所示,可以使用“色阶”工具,将图片的亮度调整好充足如图1-36所示,使得图片光线充足

  

                       图1-35  调整前的图像                       图1-36  使用“色阶”调整后的图像

3、调照片色调

为了让图片看起来颜色更加鲜亮,可以使用“色相/饱和度”调整颜色如图1-37所示色相+3,饱和度+7如图1-38所示

小贴士:色相/饱和度的调整参数可以根据自行拍摄的图片适当调整,数值不是固定不变的。

 

图1-37  色相/饱和度选项

 

图1-38  使用“色相饱和度”调整图像

4、存储文件

将处理好的图片存储为“薯片-处理”的.PSD格式文件,如图1-39所示存储为.PSD格式是Photoshop的源文件,修改的图层都被保留,便于再次调整或修改。

  

                       图1-39 图片存储                                                    图1-40 存储格式

 

1.2.2.4  第四步  使用背景制作商品图

一、Photoshop应用

1、使用“自由变形”缩放图像

我们常常碰到很多对象变形的需求,Photoshop的“自由变换”就是实现这一功能的强大制作手段之一,熟练掌握它的用法会给工作带来莫大的方便。

“自由变形”在编辑菜单下,快捷键Ctrl+T

辅助功能键Ctrl、ShiftAlt。其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。

2、图层的基本概念

了解图层的概念是深入掌握图层操作的前提条件图层可以看作是一张一张的独立的透明胶片,其中每一张胶片上都绘制有图像的一部分内容,最后将所有胶片按顺序叠加起来观察,便可以看到完整的图像如图1-41所示。图像中的各个图层按照图层控制面板中的排列次序依次自下而上进行叠加如图1-4,2所示,最上层的图像将遮住下层同一位置的图像,而在其透明区域则可以看到下层的图像。

          

                         图1-41  图层的叠加图                                   图1-42  图层控制面板

   二、操作步骤

1、将“薯片”移动到背景图片文件中

打开相框文件,打开“休闲食品背景”图片、“薯片-处理”.PSD和“散装薯片”图片,使用移动工具移动“薯片”素材,将“薯片-处理”.PSD和“散装薯片”放到合适的背景中。鼠标放在想要移动的图片上,长按鼠标左键进行拖动可以把将想要移动的图片素材移动到指定位置如图1-43所示。使用移动工具,长按“薯片-处理”图片移动到“休闲食品背景”图片上如图1-44所示

            

           图1-43  背景图                                             图1-44  使用移动工具把薯片放入背景图

2、当我们把“薯片”素材放入背景后发现,该素材较大,占了背景很大的地方,使用菜单栏“编辑自由变形”来改变“薯片”素材的大小、位置和方向如图1-45所示自由变形的素材出现一个小框,我们可以调整小框来调整素材为了不让素材改变大小时变形,必须按“Shift按键”不松开使用鼠标对素材进行调整如图1-46所示,否则图片宽高比会被改变,图片素材会变形。鼠标指着小框的四个直角位置时,会出现一个可以旋转素材的标识,单击鼠标移动素材可以调整素材的摆放角度如图1-47所示

 

图1-45  自由变换

    

图1-46  调整图片大小                         图1-47  调整图片角度

小贴士:自由变形快捷键Ctrl+T。在对图像缩放时,按住Shift键,拖动四个对角线小框其中一个,才能等比例调整图片大小,防止图像变形,如图1-48所示。

图1-48  等比例调整大小

3、同样的处理方法,把“散装薯片”素材也放进背景里调整好。右边的图层关系,是“散装薯片”在第一层,“薯片-处理”在第二层如图1-49所示

 

图1-49  图层顺序

调整了图层以后,“薯片-处理”在第一层,“散装薯片”在第二层,请大家认真观察不同之处,理解好图层上下关系如图1-50所示

 

图1-50  调整图层后的效果

4、保存我们已经处理好的最终效果。存储为.PSD格式可以方便我们下一次继续修改存储为.JPG格式,就是我们一般能看到的图片格式。


1.2.3  任务知识拓展

一、调整图像色彩

图像的色彩调整是Photoshop十分重要的部分,它影响到图片最终的效果。图像的调整常包括对当前图像的某一部分或整个图像的颜色、亮度、饱和度以及对比度等进行调整。

下面我们将从命令调整和工具调整两个方面学习图像的调整。

二、命令调整色彩

命令调整是指利用菜单“图像调整”下的子命令进行图像的颜色、亮度、饱和度以及对比度等调整。

(一)曲线

曲线命令与色阶命令相似,可调整图像的整体色调及色彩平衡。它将图像的色调范围微调到0~255色阶之间的任何一种高光级别上,对图像调整更为精确。

选择菜单“图像调整曲线”命令,打开曲线对话框如图1-51所示

 

1-51  曲线对话框

曲线的水平轴(即输入色阶)代表图像的色调分布,垂直轴(即输出色阶)代表新的颜色值。通过调整曲线的形状来改变图像的输入或输出色阶,从而改变整个图像的色阶分布。曲线可以任意加入节点,曲线向上突起时,图像变亮,反之变暗;“S”形时,图像的高光区更亮,阴影区更暗。曲线调整(左:曲线向下,图像变暗;中:曲线向上,图像变亮;右:曲线“S”形时,图像的高光区更亮,阴影区更暗)如图1-52所示

  

图1-52  曲线调整图

(二)亮度/对比度

亮度/对比度命令主要是对图片明暗程度和颜色对比程度进行调整,该功能只能对整张图片进行调整,不能进行单个通道的调整。

选择菜单“图像调整亮度/对比度”命令,打开亮度/对比度对话框如图1-53所示

亮度:调整整张图片的亮度,让光线更加充足,当鼠标点击滑块往左滑动,图片会变得越来越暗当鼠标点击滑块往右滑动,图片会变得越来越亮。

对比度:调整图片颜色的对比度,即图片上颜色色彩的浓淡程度。点击滑块往左滑动,图片的色彩对比越来越不强烈,会变得灰暗;点击滑块往右滑动,图片的色彩对比越来越强烈,颜色会变得很浓艳。

 

图1-53  调整亮度/对比度的效果图

(三)去色

  去色命令可以是将图片里的颜色去掉,使色彩模式下的图片,变得只剩下黑白灰的颜色。

选择菜单“图像调整去色”命令,即可完成去色操作,呈现无彩色的图片如图1-54所示

 

图1-54  应用去色后的效果(左为原图)

(四)替换颜色

替换颜色命令可以用其他颜色来替换图片选中区域内原本的颜色,使用替换颜色时,替换的颜色是在原本颜色的基础上进行叠加。

选择菜单“图像调整替换颜色”命令,打开替换颜色对话框如图1-55所示

替换颜色调整如图1-56所示

   

                     图1-55  替换颜色对话框                   图1-56  颜色替换效果图(左为原图)

三、工具调整颜色PhotoshopPS左侧工具栏箱中的减淡工具、加深工具,对图片进行特定区域的调整。使用减淡工具、加深工具分别调整的是颜色减淡和颜色加深,可以增加图片中想要突出的立体感和层次感。

想强调这个石球的立体感,选择减淡工具,在减淡工具属性工具栏中选择一个柔性的笔刷,设置好笔刷的大小,在光线照射方向少量多次滑动,突出光线亮度,相当于为这个石球划出高光效果如图1-57所示;选择加深工具,在加深工具属性工具栏中也选择柔性笔刷,在光线照射较少或者背光处加强暗部,相当于打上阴影部分,最终得到明暗对比比较明显的图片如图1-58所示



 

  

  


    图1-57  加强受光区效果图                     图1-58  加强背光区效果图