网店美工:网店视觉设计实操指南
上QQ阅读APP看书,第一时间看更新

1.2 宝贝图片的处理

网店中出售的商品通常被直接称呼为宝贝,如果想在多数同类商品中拔得头筹,就得为拍照后得到的宝贝进行加工,也就是俗称的图片处理,在为宝贝图片处理时最主要的就是剪裁与倾斜校正、修饰宝贝图像、商品宝贝瑕疵的修复,在处理过程中注重细节才能将宝贝照片编修得更好。

1.2.1 剪裁与倾斜校正

剪裁与倾斜校正通常就是将不符合大小或拍摄时有一些倾斜的照片,进行正确的裁剪和摆正,此时就应该掌握一些Photoshop方面的知识。

Photoshop软件中的裁剪功能可以将图片按随意大小进行裁剪,也可以按固定数值大小进行裁剪,网店中需要的图片大小通常都是有尺寸要求的,如图1-3所示。所以按固定数值大小进行裁剪是网店图片裁剪时应该了解的,具体的裁剪过程可以参考第3章。

图1-3 宽度为190像素

提示:淘宝店铺布局时,分为左、右两个自定义内容区,其宽度固定为190像素和750像素,高度可以按照内容自行设置。

对于照片的倾斜校正就是通过Photoshop快速将照片内容按正确位置角度进行旋转并进行二次裁剪,也就是对宝贝图片进行二次构图,如图1-4所示。

图1-4 摆正前后的照片

当使用数码相机拍摄照片时,由于相机没有自动转正功能,会使输入到电脑中的照片由直幅变为横躺效果,此时将其直接上传到网店中会使商品看起来很不舒服,这会使商品的成交率大大下降。此时即可利用Photoshop快速将横幅的照片转换成直幅效果,转换方法如下。

操作步骤

01 启动Photoshop软件,打开本书配备的“素材|第1章|横躺照片素材”,如图1-5所示。

图1-5 素材

02 执行菜单栏中的“图像”→“图像旋转”命令,在子菜单中便可以通过相应的命令来对其进行更改,如图1-6所示。

图1-6 将横躺照片转换为直幅效果

提示:在Photoshop中使用自由变换命令对图像进行旋转时,图像的最后显示高度只能是原图横躺的高度,超出的范围将不会被显示,如图1-7所示。

图1-7 通过自由变换旋转的直幅效果

提示:在制作展示宝贝图片和宝贝描述图片时,应该注意以下几点。

(1)保持图片的清晰度,不要将图片拉伸或扭曲。

(2)宝贝图片要居中,大小要合适,不能为了突出细节而造成主体过大。这样的视觉效果会使买家看着不舒服,分不清主次,使买家不能快速了解你的产品。

(3)宝贝图片背景不能太乱,要与主体相配合。

通过Photoshop来对其进行重新构图和修正,可以把最终在网店中显示的效果进行一下对比,图1-8所示为调整前后的对比效果。

图1-8 调整前后的对比

图1-8 调整前后的对比(续)

1.2.2 修饰宝贝图像

如果网店中出售的商品照片是自己拍摄的,此时您一定会考虑两个问题:一个是如何让买家更喜欢您的照片而进行产品购买;另一个是您又不想自己辛苦拍摄并处理的网拍产品被别人稍加窜改就变为他人的网店商品。此时就得从宝贝照片修饰方面考虑,也就是添加一些属于自己风格的图片或文字,起到维护版权的作用,这样才不会被别有用心的人进行利用,如加一些浮在表面的水印、保护线或者一些说明文字等。

为商品添加保护线

上传到网店中的网拍产品,有时会被别人盗用变为自己的产品照片,如果你不想被别人盗用,可以考虑通过Photoshop为产品添加版权保护线,从而减少别人盗用的机会。因为添加保护线后的照片会增加盗用的难度,所以想盗用的人就会考虑修图的烦琐而放弃盗用,此时也会间接地加大自己商品的成交概率,图1-9所示图像为添加保护线的效果。

图1-9 添加保护线效果

提示:添加的保护线最好不要遮住商品本身,在图片中既要与主体相融合,又要起到保护本图的作用。切记不要抢了照片本来的第一视觉点。

为商品添加文字水印

为照片添加文字水印,除了能增加其专业性和整体感外,还能保护自己的照片防止被别人盗用,添加的文字水印一般都比较淡,不会影响商品本身的观赏性,如图1-10所示。

图1-10 添加的文字水印

提示:为网拍商品添加文字水印时,最好将水印在不影响整体美观的前提下放置到纹理较复杂的区域,这样对于盗用者来说修改起来会非常麻烦,间接地保证了网店商品的唯一性。

为商品添加图像商标或图像水印

为照片添加水印,不但可以直接输入文本,还可以将具有本店特征的图片直接添加到商品照片中。以图像性质的水印既可以是本店的商标,也可以是文字与图形相混合的图像,目的就是为了让自己辛苦得到的图片不被盗用,如图1-11所示。

图1-11 添加的图像水印

提示:将文字与图像混合后制作成半透明水印,既不影响商品照片的整体效果,也不会抢了照片本来的视觉点,添加的图像水印最好放置到商品照片的边缘位置,如图1-12所示。

图1-12 添加的透明水印

为商品添加情趣对话

网拍商品直接放在网店中出售,浏览者只能以欣赏商品的目光来看待此产品,如何为商品增加更多的人气,是每个店家都会考虑的事情,如果出售的是卡通商品,那么为商品照片添加一些情趣对话,无疑会更能吸引购买者驻足,在买家的购买冲动时间内快速增加买家对该商品的喜欢程度,这样,交易概率也就会增大,如图1-13所示。

图1-13 添加情趣对话

快速为多个商品添加文本水印

网上开店商品照片会很多,使用Photoshop中的画笔工具定义一个画笔,就可以快速为宝贝照片添加统一类型的文本或图像水印,如图1-14所示。

图1-14 添加多个图片的水印

提示:打开多个素材后,使用画笔工具可以添加水印。添加水印时,最好在图像大致相同的位置添加水印后再上传到网店中。

如何快速为多张照片添加水印就是一件很费事的事,本例教大家在Photoshop中通过定义画笔后,使用画笔工具快速添加统一风格的水印。定义画笔并添加水印的具体操作如下。

操作步骤

01 启动Photoshop软件,打开本书配备的“素材\第1章\猫头鹰.jpg”素材文件,输入文字,如图1-15所示。

图1-15 打开素材文件并输入文字

02 按Ctrl+T组合键调出自由变换框,拖动控制点将文字旋转,如图1-16所示。

图1-16 变换

03 按Enter完成变换,按住Ctrl键单击文字图层的缩览图,调出文字的选区,如图1-17所示。

图1-17 调出文字选区

提示:将文字或图像定义成画笔时最好使用黑色,这样定义的画笔颜色会重一些。

04 执行菜单栏中的“编辑”→“定义画笔预设”命令,打开“画笔名称”对话框,其中的参数值设置如图1-18所示。

图1-18 “画笔名称”对话框

05 设置完毕单击“确定”按钮,按Ctrl+D组合键去掉选区,隐藏文字图层,新建“图层1”图层,如图1-19所示。

图1-19 面板

06 在“工具箱”的(画笔工具)“画笔拾色器”中找到“水印”画笔,如图1-20所示。

图1-20 选择水印

提示:定义的画笔可以应用到多个图像中。

07 将“前景色”设置为“白色”,设置“不透明度”为29%,在素材上单击(画笔工具)按钮即可为其添加多个水印,效果如图1-21所示。

图1-21 最终效果

1.2.3 商品宝贝瑕疵的修复

在网店中出售的商品是离不开照片的,如果单独以文字描述商品,会大大降低购买者对该产品的兴趣,一张好的网拍商品照片不但可以直观地展示该商品所具有的图形信息,还能从中看到其主要特色,从而加大销售的砝码,为店主创造利润。对于大多数店主来说,拍好一张照片不是一件容易的事情,由于环境光线、商品摆放角度、没有移走的其他物品或相机中自动添加日期都会对当前照片起到一定的副作用,如图1-22所示。修复过程中具体工具的使用方法大家可以参考第3章。

图1-22 照片中的瑕疵

清除照片中的日期

现在的相机都有拍摄照片的同时留下拍摄日期的功能,如果没有将该功能关闭,在拍摄的照片中就会出现当前照片拍摄时的日期,出现日期的照片是不适合作为网店商品图片的,此时就需要通过Photoshop将照片中的日期清除掉。去掉日期后的效果如图1-23所示。

图1-23 清除照片中的日期

去掉网拍产品中的多余部分

拍摄商品照片时,有时会将旁边多余的物件或某个局部一同拍摄到产品照片中,直接传到网上会影响整张照片的美观度,此时就需要对照片进行修复,以满足用户的审美需要,如图1-24所示。

图1-24 去掉网拍产品中的多余部分

修复照片中的污渍

商品在搬运或存放的过程中很容易受到外界的干扰,从而在商品本身沾上油污或墨迹,在拍照时污点同样会出现在照片中,这样直接上传到网店中会影响商品在购买者心目中的形象,只有修复为最初效果才能起到吸引买家的作用,如图1-25所示。

图1-25 污渍对比效果

将模糊照片调清晰

使用相机进行拍摄时,受外界环境的影响,常常会使照片效果有一种朦胧模糊的感觉,或者是拍摄照片时由于技术原因,很多照片都会变得有些模糊,此时只要使用Photoshop进行锐化处理便可以将照片变得清晰一些。具体的调整方法如下。

操作步骤

01 启动Photoshop软件,打开本书配备的“素材\第1章\毛毛熊.jpg”素材文件,如图1-26所示。

图1-26 素材文件

02 打开照片后,发现照片有一些模糊,如果直接将此照片上传到网店中,由于看着不是很清晰,势必会影响此产品的销量。

03 下面就对模糊的效果进行调整,在Photoshop中只要通过“USM锐化”命令即可实现。方法是执行菜单栏中的“滤镜”→“模糊”→“USM锐化”命令,打开“USM锐化”对话框,其中的参数值设置如图1-27所示。

图1-27 “USM锐化”对话框

技巧:使用“USM锐化”滤镜对模糊图像进行清晰处理时,可根据照片中的图像进行参数设置,近身半身像参数可以比本例的参数设置得小一些,可以设定为(数量:75%、半径:2像素、阈值:6色阶);若图像为主体柔和的花卉、水果、昆虫、动物,建议设置为(数量:150%、半径:1像素、阈值:根据图像中的杂色分布情况,数值大一些也可以);若图像为线条分明的石头、建筑、机械,建议设置半径为3或4像素,但是同时要将数量值稍微减弱,这样才不会导致像素边缘出现光晕或杂色,阈值则不宜设置太高。

04 设置完毕单击“确定”按钮,效果如图1-28所示。

图1-28 最终效果

技巧:对于一般的模糊照片,只要执行菜单栏中的“滤镜”→“锐化”→“锐化”命令,即可将图片调整清晰。

对服装模特面部进行磨皮美容

在为服装拍摄照片时,往往会找到适合当前服装的模特作为拍摄的载体,但是有时会因为光线或对相机的不熟悉而造成模特肌肤不够美白,从而间接影响服装的魅力程度。再美的服装也需要模特来衬托,漂亮的模特会大大提升服装本身的价值。本例就教大家为照片中服装模特进行磨皮的方法,具体操作如下。

操作步骤

01 启动Photoshop软件,打开本书配备的“素材\第1章\雀班照片.jpg”素材文件,如图1-29所示。

图1-29 素材文件

02 选择(污点修复画笔工具),在属性栏中设置“模式”为“正常”,“类型”为“内容识别”,在脸上雀斑较大的位置单击,对其进行初步修复,如图1-30所示。

图1-30 使用污点修复画笔工具

03 执行菜单栏中的“滤镜”→“模糊”→“高斯模糊”命令,打开“高斯模糊”对话框,设置“半径”为“6.4”,如图1-31所示。

图1-31 “高斯模糊”对话框

04 设置完毕单击“确定”按钮,效果如图1-32所示。

图1-32 模糊后

05 选择(历史记录画笔工具),在属性栏中设置“不透明度”为“38%”“流量”为“38%”,执行菜单中的“窗口”→“历史记录”命令,打开“历史记录”面板,在面板中“高斯模糊”步骤前单击调出恢复源,再选择最后一个“污点修复画笔”选项,使用(历史记录画笔工具)画笔在人物的面部涂抹,效果如图1-33所示。

图1-33 设置历史记录源

提示:在使用(历史记录画笔工具)恢复某个步骤时,将“不透明度”与“流量”设置得小一些可以避免恢复过程中出现较生硬的效果,将数值设置小一点可以在同一点进行多次的涂抹修复,而不会对图像造成太大的破坏。

06 使用(历史记录画笔工具)在人物的面部需要美白的位置进行涂抹,可以在同一位置进行多次涂抹,恢复过程如图1-34所示。

图1-34 恢复过程

07 在人物的皮肤上进行精心的涂抹,直到自己满意为止。效果如图1-35所示。

图1-35 最终效果

提示:在对因为拍摄环境或本身皮肤较黑的模特进行肤色美白时,可以通过“色阶”调整命令或使用(减淡工具)直接在皮肤处涂抹,就可以快速将皮肤进行美白,如图1-36所示。

图1-36 美白皮肤