《Photoshop图像处理（第二版）》 课件 项目4、5 电商图像的设计；海报的设计.pptx

项目四

电商图像的设计;1;任务1

设计网店标志;1.掌握路径的布尔运算操作。

2.掌握形状的填色和描边方法。

3.能使用各种形状工具进行复杂图形的绘制。;网店标志（后文简称“店标”）是网店视觉传达的主要形象之一，是一种“视觉语言”。在网店的日常推广运营中，店标是向顾客通过视觉传达信息的重要元素，有着不可忽视的作用。某电商汇精展示用品准备对店面进行装修改造，要求重新设计店标。本任务要求根据该网店的经营特点和店主的需求，设计制作“汇精展示用品”店标，如图所示。;232;店标是一种图形符号，一般由图案、颜色和文字构成，用于表达商家的核心诉求。常见的店标分为静态店标和动态店标两大类，静态店标分为文字型、图案型和组合型三类。本任务制作的店标为静态店标，“汇精展示用品”店标的图案主要由同一个圆形上的4段圆弧、4个直角和4个矩形构成。在使用Photoshop设计此店标时，首先使用椭圆工具和路径布尔运算绘制圆弧，然后使用路径选择工具绘制直角，使用矩形工具绘制矩形，依次为形状填充颜色，最后添加文字。本任务的学习重点是路径布尔运算的操作方法。;一、路径布尔运算

路径可以进行相加、相减的布尔运算。操作方法如下：先绘制一个路径或形状，如图所示，在工具选项栏中单击“路径操作”按钮，在其下拉菜单中选择一种操作方式，如图所示，然后绘制另一个路径或形状，即可得到布尔运算结果。路径与形状的运算结果是一样的，路径操作方式有以下几种。;235;1.?新建图层?：默认选项为新建图层，自动在新图层中绘制新形状。

2.?合并形状?：将新绘制的形状添加到原有的形状中，如图所示。

3.?减去顶层形状?：可以从原有的形状中减去新绘制的形状，如图所示。;4.?与形状区域相交?：可以得到新形状与原有形状的交叉区域，如图所示。

5.?排除重叠形状?：可以得到新形状与原有形状重叠部分以外的区域，如图所示。

6.?合并形状组件?：可以将新形状与原有形状合并为一个形状组件。;二、路径选择工具

“路径选择工具”选项栏如图所示，通过此工具栏可以进行对齐、分布路径和调整???径排列方式等操作。;1.?对齐、分布路径

通过对齐、分布路径可以对形状或者路径进行操作。首先单击工具箱中的“路径选择工具”选择多个路径，然后单击工具选项栏中的“路径对齐方式”按钮，在其下拉面板中对所选的路径进行对齐、分布的设置。

2.?调整路径排列方式

当文件中包含多个路径时，路径的上下顺序会影响图像的效果，此时需要调整路径的堆叠顺序，首先选择路径，然后单击工具选项栏中的“路径排列方式”按钮，在其下拉菜单中选择相应的命令，可以将选中的路径的层次关系进行相应的排列。;任务2

设计网店招牌;1.了解常见网店招牌的类型及特点。

2.掌握图层对齐与分布的方式及操作方法。

3.掌握图层在网店招牌设计与制作中的应用。

4.能使用矩形工具和文字工具设计网店招牌背景。

5.能归纳总结网店招牌设计的要点和基本思路。;网店招牌（后文简称“店招”）主要用于展示店铺名称和经营特色，以达到宣传店铺的目的。店招的设计要新颖、醒目、简明，既要引人注目，又要与店面设计融为一体，其风格应与经营内容一致，以增强感召力。本任务要求为网店“汇精展示用品”设计店招，效果如图所示。;243;一、店招的类型

1.?标准型

此类型的店招将店标、店名和主营业务等元素全部展示出来。

2.?普通型

此类型的店招主要展示店名和商品关键词这两个元素，突出销售产品。

3.?营销型

此类型的店招主要展示品牌推广和主营业务，吸引买家浏览。;二、图层的对齐与分布

1.?对齐图层

操作方法：选中多个需要对齐的图层，单击工具箱中的“移动工具”，在工具选项栏中选择相应的对齐方式进行设置，如图所示。;2.?分布图层

分布图层是指将多个图层在图像中按照一定的规律进行均匀分布。

操作方法：选中要进行分布的图层，单击工具箱中的“移动工具”，在工具选项栏中选择相应的分布方式进行设置。;任务3

设计网店详情页;1.了解常用模糊滤镜的使用方法和应用场景。

2.掌握网店详情页设计中图文排版和配色的技巧。

3.能使用画笔工具、直线工具、椭圆工具、矩形工具及自定形状工具等绘制网店详情页中的图形。

4.能使用图层蒙版、图层样式及模糊滤镜制作图像特效。

5.能归纳并总结网店详情页的设计思路和基本方法。;一个好的产品需要由好的网店详情页支撑，详情页是提高转化率的入口，是店铺产品能够交易成功的关键因素，成功的详情页可以有效地吸引客户并激发其购买欲望，本任务要求对“汇精展示用品”网店的详情页进行设计，效果如图所示。;网店详情页包含的主要内容有商品基本信息、商品展示图、商品焦点图和商品细节图。首先利用矩形选框工具和渐变工具将详情页分为上下两个部分；然后使用文字工具对上下两部分