网店美工项目10产品陈列区设计制作.pptxVIP

项目十产品陈列区设计制作·知识目标·技能目标·素质目标（1）掌握产品陈列区的设计要点。（2）掌握产品陈列区的具体设计步骤。（1）能根据需要设计制作出产品陈列区。（2）熟练使用Photoshop中的相关工具。（1）培养学生具备独立思考、创造性解决问题的能力。（2）培养学生有效地获取、理解和整理信息。

01枸杞陈列区设计制作

任务一枸杞陈列区设计制作一、案例引入及相关知识在设计店铺首页时，除了常见的店招、导航栏、全屏海报、优惠券以及产品分类模块外，还需要设计产品展示的区域，用来直接向消费者展示和推荐店铺的产品，从而引导消费者购买。我们可以对产品进行分类展示，展示过程中有主次产品的体现。比如，设置不同专区，包括上衣专区、裙子专区、箱包专区等。每个专区内，重要产品展位多一些，设计更精美些。二、资源准备三、实践操作实践操作10-1：枸杞陈列区设计制作1.任务要求（1）陈列区设计的尺寸：950×500像素。（2）产品陈列整齐。

任务一枸杞陈列区设计制作步骤1打开Photoshop软件，新建大小为950×500像素，分辨率为72像素/英寸，名称为“枸杞产品陈列区效果”的文件。使用矩形工具在顶部绘制橙色矩形并输入“袋装·枸杞”文案，调整合适属性，放置在合适位置，如图10-1所示。三、实践操作实践操作10-1：枸杞陈列区设计制作图10-1新建“枸杞产品陈列区”文件

任务一枸杞陈列区设计制作步骤2使用矩形工具绘制矩形，填充任意颜色，描边：1像素，灰色，宽度约为画板三分之一，如图10-2所示。三、实践操作实践操作10-1：枸杞陈列区设计制作图10-2绘制宽度约为画板三分之一的矩形

任务一枸杞陈列区设计制作步骤3使用移动工具选中矩形图层，拖入素材文件“枸杞1”，在“图层”面板的“枸杞1”上单击鼠标右键，选择“创建剪贴蒙版”，如图10-3所示。按Ctrl+T快捷键调整图片大小和位置，选中矩形层和“枸杞1”图层，单击“图层”面板下方的链接图层按钮。三、实践操作实践操作10-1：枸杞陈列区设计制作图10-3创建剪贴蒙版1

任务一枸杞陈列区设计制作步骤4使用文字工具输入“袋装枸杞家庭食用”文本，文本格式为黑体、33点、黑色；使用矩形工具绘制矩形，输入“立即购买”文本，文本格式为黑体、28点、白色；使用直线工具绘制两条横线放置在文案上、下方，如图10-4所示。三、实践操作实践操作10-1：枸杞陈列区设计制作图10-4输入文案并绘制直线

任务一枸杞陈列区设计制作步骤５使用选择工具框中画板中关于枸杞1产品的所有图层，按Ctrl+G快捷键打组，双击“图层”面板的“组1”将组名称改为“枸杞1”，如图10-5所示。三、实践操作实践操作10-1：枸杞陈列区设计制作图10-5对枸杞1产品的所有图层打组

任务一枸杞陈列区设计制作步骤6选择选择工具，在属性栏勾选“自动选择：组”，选中组“枸杞1”，按快捷键Ctrl+C和Ctrl+V复制两个组，将两个组移动至合适位置，并将两个组的名称分别改为“枸杞2”“枸杞3”，如图10-6所示。三、实践操作实践操作10-1：枸杞陈列区设计制作图10-6复制组“枸杞1”

任务一枸杞陈列区设计制作步骤７选择选择工具，在属性栏勾选“自动选择：图层”，单击需要替换的图片，按Delete键删除图片。拖入素材文件“枸杞2”，在“图层”面板中选中该图层，单击鼠标右键，选择“创建剪贴蒙版”。调整图片大小、位置，选中“枸杞2”和下方矩形图层，单击鼠标右键，选择“链接图层”。“枸杞3”用同样方式替换图片，如图10-7所示。三、实践操作实践操作10-1：枸杞陈列区设计制作图9-7化妆品全屏海报最终效果

任务一枸杞陈列区设计制作步骤8选择文字工具，在图像窗口中单击需要修改的文案，删除不需要的文案，输入合适文案。枸杞陈列区最终效果如图10-8所示。三、实践操作实践操作10-1：枸杞陈列区设计制作图10-8枸杞陈列区最终效果

02茶叶陈列区设计制作

任务二茶叶陈列区设计制作一、案例引入及相关知识产品陈列区设计主要有以下几个要点：①分析消费者心理需求；②产品类别明确；③突出产品的价格和购买按钮；④产品主次关系明确。二、资源准备三、实践操作实践操作10-2：茶叶陈列区设计制作1.任务要求（1）图片大小：950×1600像素，颜色模式：RGB颜色，分辨率：72像素/英寸。（2）三个产品分精品上新区和热销特卖区。

任务二茶叶陈列区设计制作三、实践操作实践操作10-2：茶叶陈列区设计制作2.实施步骤步骤1打开Photoshop软件，新建大小为950×1600像素，颜色模式为RGB颜色，分辨率为72像素/英寸，名称为“茶叶产品陈列区效果”的画布，拖入素材文