6.1 坚果零食详情页设计

宝贝详情页就是对商品的使用方法、技巧、细节等方面的内容进行的展示，同时，有的店家为了拉动店铺内其他商品的销售，或者提升店铺的品牌形象，还会在宝贝详情页面中添加搭配套餐、公司简介等信息，以此来树立和创建商品的形象，提升顾客的购买欲望。

本实例制作的是坚果网店设计产品详情页面中的主要展示部分，画面中采用纯色作为底色，同时搭配相关的文字信息，为顾客呈现出完善的商品视觉效果。

本实例最终效果如图6-1所示。

6.1.1 制作坚果零食主体效果

宝贝详情页面是商家向外展示商品属性的一个重要途径，详情页面的制作要突出商品的优点。

下面介绍制作坚果零食详情页主体效果的方法。

步骤01 按【Ctrl+O】组合键，打开“坚果详情页背景.psd”素材图像，如图6-2所示。

步骤02 按【Ctrl+O】组合键，打开“坚果1.jpg”素材图像，如图6-3所示。

步骤03 选取工具箱中的“魔棒工具”，设置“容差”为20，选中坚果素材图像的白色区域创建选区，如图6-4所示。

步骤04 按【Delete】键删除选区内的图形，并取消选区，如图6-5所示。

步骤05 按【Ctrl+T】组合键调出变换控制框，适当调整坚果图像的大小和位置，效果如图6-6所示。

步骤06 继续在坚果零食详情页图像中添加“坚果2.jpg”“坚果3.jpg”“坚果4.jpg”素材图像，运用同样的方法处理素材图像，再运用自由变换工具适当调整其位置和图像大小，效果如图6-7所示。

6.1.2 制作坚果零食文字效果

下面介绍制作坚果零食详情页文字效果的方法。

步骤01 选取工具箱中的“自定形状工具”，在工具属性栏中设置“填充”为黑色、“描边”为“无”、“形状”为“三角形”，如图6-8所示。

步骤02 在图像编辑窗口中的合适位置绘制形状，选择“编辑”|“变换路径”|“顺时针旋转90°”命令，得到的效果如图6-9所示。

步骤03 复制3个所绘制的三角形，并调整至合适的位置处，如图6-10所示。

步骤04 选取工具箱中的“横排文字工具”，在图像编辑窗口的适当位置单击，输入相应的文字，设置“字体系列”为“黑体”、“字体大小”为72点、“设置所选字符的字距调整”为50、“颜色”为白色，并激活仿粗体图标，按【Ctrl+Enter】组合键确认，如图6-11所示。

步骤05 选取工具箱中的“横排文字工具”，在图像编辑窗口中的适当位置单击，输入相应的文字，设置“字体系列”为“黑体”、“字体大小”为15点、“颜色”为黑色，按【Ctrl+Enter】组合键确认，如图6-12所示。

步骤06 运用同样的方法，输入其他的文字，并调整其位置，预览效果，完成坚果零食网店的设计，如图6-13所示。