网店美工项目3淘宝主图制作.pptxVIP

项目三淘宝主图制作·知识目标·技能目标·素质目标（1）掌握淘宝主图的设计要点、具体设计步骤。（2）掌握Photoshop软件中的钢笔工具以及图层样式的使用。（1）能根据需要设计、制作出店铺产品主图。（2）熟练使用Photoshop中的相关工具。培养审美意识。

01钢笔工具抠图

任务一钢笔工具抠图一、案例引入及相关知识摄影师拍的产品图通常都会带有背景，如果我们要为产品设计主图，大多需要将产品原本的背景去掉，只留下产品图，然后换上新的背景，加上文案并排版。去掉背景留下产品图的这个过程就是抠图。钢笔工具可以绘制任意形状路径，因此，我们常用钢笔工具抠取图像。二、资源准备三、实践操作实践操作3-1：钢笔工具抠图1.任务要求（1）掌握钢笔工具和钢笔工具下拉工具及相应属性。（2）将男鞋从图片中抠取出来并保存为png格式文件。

任务一钢笔工具抠图步骤1打开Photoshop软件，在素材文件夹中找到“男鞋”素材拖入软件，在“图层”面板中复制（Ctrl+J）该图层并隐藏背景图层，如图3-1所示。三、实践操作实践操作3-1：钢笔工具抠图图3-1打开“男鞋”素材

任务一钢笔工具抠图步骤2在工具箱中选择钢笔工具，在画板上沿鞋子图像边缘绘制路径。绘制过程中，单击鼠标左键，将创建第1个锚点，将鼠标指针移动到下一个位置再单击鼠标左键，则创建第2个锚点，两个锚点之间自动以直线连接。当需要绘制弧线路径时，单击建立锚点并按住鼠标左键不放，拖动鼠标，建立曲线段和曲线锚点。此时会多出一条线段和方形的锚点，按住Alt键并拖住鼠标可对方形锚点进行控制，如图3-2所示。三、实践操作实践操作3-1：钢笔工具抠图图3-2使用钢笔工具抠图

任务一钢笔工具抠图步骤3重复此动作，将鞋子图像完全用路径绘制出来，此过程需要注意路径应是闭合的（图3-3），绘制路径时尽可能少给锚点，从而使得路径更顺滑流畅。细节微调可使用钢笔工具下方的添加/删除锚点工具。三、实践操作实践操作3-1：钢笔工具抠图图3-3闭合路径

任务一钢笔工具抠图步骤4在画板中单击鼠标右键，选择“建立选区”（Ctrl+Enter），回到选区工具，在画板中单击鼠标右键，选择反向。直接按Delete键删除选区部分，如图3-4所示。三、实践操作实践操作3-1：钢笔工具抠图图3-4建立选区、最终效果步骤5执行菜单栏命令“文件”→“存储为”，文件名和存储路径自定，格式选择png，保存即可。

02男鞋主图设计

任务二男鞋主图设计一、案例引入及相关知识当我们登录淘宝想买某一款产品时，会看见淘宝推荐给我们这一款产品的不同店铺的不同图片，大小一致的这些图，就是产品主图。我们会选择自己更喜欢的、更能吸引我们的图片点击进去，这时主图就完成了它的使命，引导我们去它的店铺，这是非常关键的一步——引流。产品主图是首先映入买家眼帘的商品图片，一般出现于商品搜索页、店铺首页和商品详情页的顶端。那么什么样的主图更能吸引消费者点击，我们又应该如何完成主图的制作呢？一张吸引人的主图都有这样一些特点：①卖点清晰有创意；②商品的大小适中；③宜简不宜繁；④细节丰富。二、资源准备三、实践操作实践操作3-2：男鞋主图设计1.任务要求（1）店铺商品主图的尺寸为800×800像素。（2）店铺商品主图背景与文字的关系要合理。（3）店铺商品主图文字的排版要美观且主次关系处理得当。

任务二男鞋主图设计三、实践操作实践操作3-2：男鞋主图设计2.实施步骤步骤1打开Photoshop软件，在菜单栏中执行“文件”→“新建”命令，在弹出的“新建文档”对话框中新建宽度为800像素、高度为800像素、颜色模式为“RGB颜色”、名称为“男鞋主图”的空白画布，如图3-5所示。图3-5新建“男鞋主图”空白画布

任务二男鞋主图设计三、实践操作实践操作3-2：男鞋主图设计2.实施步骤步骤2前景色设置为“#ffff01”，按Alt+Delete组合键，将背景色填充为前景色。使用钢笔工具在画板底部绘制波浪图形，颜色为“#fa2448”，效果如图3-6所示。图3-6背景填充

任务二男鞋主图设计三、实践操作实践操作3-2：男鞋主图设计2.实施步骤步骤3在素材文件夹中找到“男鞋”素材，直接用鼠标拖入Photoshop“男鞋主图”画板中，调整位置及大小，在“图层”面板中双击男鞋所在图层，弹出“图层样式”对话框，勾选“投影”前的复选框，在右侧面板中设置参数，做出男鞋的投影效果，如图3-7所示。图3-7设置男鞋图层投影

任务二男鞋主图设计三、实践操作实践操作3-2：男鞋主图设计2.实施步骤步骤4选择工具箱中的文字工具，在画板中间位置输入“国庆矩划算”“全场折起”“5”。注意调整文字的大小、位置、颜色、字体等，如图3-8所