多图展示，让商品更吸引人！

在网店利用多图展示商品，可以在有限的屏幕中有效地展示商品的空间、功能和细节特性。

1.利用多图展示空间顺序

空间顺序的多图展示指的是用户可根据商品属性的不同，将其分作不同角度向用户展示。

由外及内的多图展示：展示了宝贝内部和外部的细节效果，如图6－35所示。

由远及近的多图展示：这样的图片既全面展示了商品的穿戴效果，又通过近景图从几个特定的角度显示了商品的局部细节，如图6－36所示。

图6－35　由外及内多图展示　

图6－36　由远及近多图展示

不同角度的多图展示：此类图片分别从正面、左侧面、右侧面和背面展示了宝贝的视觉效果，并模拟宝贝在店里被顾客穿上时的真实效果。

【例6－3】使用Photoshop制作多角度商品展示图。

启动Photoshop　CC，选择【文件】｜【新建】命令，打开【新建】对话框，创建一个（750×800）像素，分辨率72像素，填充颜色为【白色】的空白图片文件。

选择【文件】｜【打开】命令，将准备好的商品素材图片在Photoshop中全部打开，然后选择【图像】｜【图像大小】命令，打开【图像大小】对话框调整每张素材图片的宽度和高度，如图6－37所示。

在工具栏中单击【矩形选框工具】按钮，然后按下Ctrl＋A键全选图像。选择【编辑】｜【描边】命令，打开【描边】对话框，为商品素材设置白色边框，如图6－38所示。

在工具栏中单击【移动工具】按钮，将素材图片拖动至步骤1所创建的空白图片中，然后在【图层】面板中右击【图层1】，在弹出的菜单中选中【混合选项】命令，打开【图层样式】对话框，如图6－39所示。

图6－37　【图像大小】对话框　

图6－38　为素材图片设置白色边框

在【图层样式】对话框中选中【投影】选项卡，然后参考设置投影参数，并单击【确定】按钮。

使用同样的方法，对其他商品素材图片进行处理，并将其拖动至舞台中，如图6－40所示。

图6－39　移动素材图片并打开【图层样式】对话框　

图6－40　处理商品素材图片

在工具栏中单击【矩形工具】按钮，在舞台中绘制一个矩形，如图6－41所示。

在工具栏中单击【横排文字工具】按钮，在舞台中输入文本，并设置文本格式。

选择【文件】｜【存储】命令，将制作好的商品多图展示图片保存，其效果如图6－42所示。

图6－41　绘制矩形图形　

图6－42　多图展示商品效果

2.利用多图展示产品功能

产品使用的多图展示是指使用多个图片来展示产品的使用方法，给买家详细介绍产品的使用技巧。如图6－43所示的图文描述展示了一款健身器的使用方法。

3.利用多图展示产品细节(www.xing528.com)

宝贝的一些细节和特殊卖点，用多图的形式来展示，可以达到“实物与图片相符”的最大化。例如图6－44中放大展示了一款牛仔裤的腰部细节，使顾客能够“近距离”地观察宝贝。

图6－43　多图展示产品功能　

图6－44　多图展示产品细节

【例6－4】使用Photoshop对网店商品制作细节展示图。

启动Photoshop　CC，选择【文件】｜【新建】命令，打开【新建】对话框，创建一个（750×400）像素，分辨率72像素，背景色为【白色】的产品细节展示图。

选择【文件】｜【打开】命令，打开准备好的商品素材图片，然后在工具栏中单击【移动工具】按钮，将素材图片拖动至创建的空白图片文件中，如图6－45所示。

在工具栏中单击【多边形工具】按钮，在窗口顶部的【边】文本框中输入6，然后按住Shift键，在舞台中绘制一个正六边形图形，如图6－46所示。

图6－45　拖动素材图片

图6－46　绘制正六边形图形

在【图层】面板中右击【多边形1】图层，在弹出的菜单中选择【复制图层】命令，打开【复制图层】对话框，单击【确定】按钮复制一个图层，如图6－47所示。

在【图层】面板中选中复制的图层，然后在工具栏中使用【移动工具】按钮，调整舞台中六边形图形的位置。

使用同样的方法，在舞台中创建3个六边形图形并调整其位置，如图6－48所示。

图6－47　【复制图层】对话框　

图6－48　创建3个六边形图形

选择【文件】｜【打开】命令，打开第2张商品素材图片，然后使用【移动工具】将图片拖动至产品细节展示图中，如图6－49所示。

在【图层】面板中调整【图层2】的位置，使其位于【多边形1】图层的上方，然后按下Alt键，将鼠标指针移动至【图层2】和【多边形1】图层之间，当鼠标指针变为图6－50所示的形状时，单击鼠标。

图6－49　创建细节展示图　

图6－50　在图层1和图层2之间单击

此时将创建剪贴蒙版，【图层2】中多余的部分将在舞台中被隐藏，如图6－51所示。

重复以上操作在舞台中导入更多的图片素材，并创建剪贴蒙版。

在工具栏中单击【横排文字工具】按钮，在舞台中输入文本，并设置文本格式；单击【直线工具】按钮，按住Shift键在舞台中绘制直线。

在【图层】面板中调整各个图层的位置，然后选择【文件】｜【存储】命令，将图片文件保存，其效果如图6－52所示。

图6－51　隐藏图层2中多余的部分　

图6－52　商品细节展示图效果