photoshop 图形图像处理 项目5电子课件 中职.pptx

《photoshop 图形图像处理 项目5电子课件 中职.pptx》由会员分享，可在线阅读，更多相关《photoshop 图形图像处理 项目5电子课件 中职.pptx（38页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、photoshop图形图像处理项目5电子课件中职高教版contents010203目录制作天猫国际商品主图制作天猫国际商品主图矩形工具应用矩形工具应用制作直通车商品主图制作直通车商品主图圆角矩形与椭圆圆角矩形与椭圆工具应用工具应用制作商品白底图制作商品白底图快速选择工具应用快速选择工具应用项目综述项目综述 网店商品主图相当于店铺的门面，当消费者通过关键词搜到自网店商品主图相当于店铺的门面，当消费者通过关键词搜到自己想要的产品时，淘宝将会通过类目筛选和关键词截取的方法推送己想要的产品时，淘宝将会通过类目筛选和关键词截取的方法推送与之相关产品图片展现给消费者。这就决定了消费者第一时间看到与之相关产

2、品图片展现给消费者。这就决定了消费者第一时间看到的图片内容有很大的相似性，主图是否与众不同或反应消费者的需的图片内容有很大的相似性，主图是否与众不同或反应消费者的需求将直接决定消费者要不要进你的店铺一看究竟，产品清晰、好的求将直接决定消费者要不要进你的店铺一看究竟，产品清晰、好的主图能带来高点击率，提高转化率。天猫、天猫国际、聚划算商品主图能带来高点击率，提高转化率。天猫、天猫国际、聚划算商品主图都有相应的行业标准和发布规范。本项目主要任务是运用形状主图都有相应的行业标准和发布规范。本项目主要任务是运用形状工具制作出符合行业标准的商品主图。工具制作出符合行业标准的商品主图。任务1制作天猫国际商

3、品主图制作天猫国际商品主图矩形工具应用矩形工具应用情境设计 根据天猫国际商品主图发布规范：主图必须为实物拍摄图，并且每张图片根据天猫国际商品主图发布规范：主图必须为实物拍摄图，并且每张图片必须大于等于必须大于等于800800像素像素800800像素（自动拥有放大镜功能）；如获得了相应品牌像素（自动拥有放大镜功能）；如获得了相应品牌商品的商标使用权，则可将商品品牌商品的商标使用权，则可将商品品牌LOGOLOGO放置于主图左上角，大小为主图的放置于主图左上角，大小为主图的1/101/10寸；第一张和第二张主图必须为商品正面全貌清晰实物拍摄图；图片不得寸；第一张和第二张主图必须为商品正面全貌清晰实物

4、拍摄图；图片不得出现水印，不得包含促销、夸大描述等文字说明；该文字说明包括但不限于出现水印，不得包含促销、夸大描述等文字说明；该文字说明包括但不限于秒杀、限时折扣、满就减（送）等。图片不得出现任何形式的边框，不得留秒杀、限时折扣、满就减（送）等。图片不得出现任何形式的边框，不得留白白,不得出现拼接图，除情侣装、亲子装等特殊类目外，不得出现多个主体。不得出现拼接图，除情侣装、亲子装等特殊类目外，不得出现多个主体。情境设计酸橙视觉创意有限公司为洗护用品店制作商品主图，摄影师小佳把已拍摄酸橙视觉创意有限公司为洗护用品店制作商品主图，摄影师小佳把已拍摄好的商品原图发给了网店美工小美，小美需要把商品制作

5、成好的商品原图发给了网店美工小美，小美需要把商品制作成800800像素像素800800像素、像素、分辨率为分辨率为7272像素像素/英寸的商品主图在天猫国际官方直营发布。英寸的商品主图在天猫国际官方直营发布。.知识窗矩形工具矩形工具 矩形工具是指可以拖动鼠标在绘图区内绘制出所需要矩形和正方形选区的工具，矩形工具是指可以拖动鼠标在绘图区内绘制出所需要矩形和正方形选区的工具，在工具箱中，找到在工具箱中，找到“矩形工具矩形工具”，也可以使用快捷键，也可以使用快捷键“U U”。在矩形工具栏选项栏上，可以选形状、路径、像素三种类型。在填充中可在矩形工具栏选项栏上，可以选形状、路径、像素三种类型。在填充中

6、可以设置为：不填充颜色，填充颜色，填充渐变颜色，填充图案四种形式。以设置为：不填充颜色，填充颜色，填充渐变颜色，填充图案四种形式。活动1制作标语 步骤步骤1 1：选择菜单：选择菜单“文件文件”“”“新建新建”，新建一个，新建一个“800800像素像素800800像素像素”，分辨率，分辨率“7272像素像素/英寸英寸”的文档。选用文字工具输入的文档。选用文字工具输入“深层控深层控油去头皮屑油去头皮屑”。字体为黑体字体为黑体,字号为字号为65,65,字体颜色为黑色字体颜色为黑色,加粗。加粗。活动1制作标语步骤步骤2 2：在下方输入：在下方输入“韩国进口绿吕洗发水韩国进口绿吕洗发水”字号为字号为35

7、,35,不加粗。不加粗。活动2使用矩形工具制作直营标识别 步骤步骤1 1：打开素材：打开素材“洗发水洗发水.png.png”，把洗发水图片精修后抠图，复制，把洗发水图片精修后抠图，复制到标语下方，居中对齐，调整大小达到最佳视觉效果。到标语下方，居中对齐，调整大小达到最佳视觉效果。步骤步骤2 2：选中矩形工具，点击：选中矩形工具，点击“形状形状”选项，填充渐变色（见图选项，填充渐变色（见图5.1.105.1.10），斜拉一个渐变（渐变颜色代码为），斜拉一个渐变（渐变颜色代码为#9d99e3/#6f67d7/#9d99e3#9d99e3/#6f67d7/#9d99e3）。）。活动2使用矩形工具制作

8、直营标识别步骤步骤3 3：把渐变图层移动到背景图层上方并调整字体和商品的整体：把渐变图层移动到背景图层上方并调整字体和商品的整体大小。点击大小。点击“矩形工具矩形工具”，在菜单栏中选择形状填充为白色，按住，在菜单栏中选择形状填充为白色，按住 “Shift+AltShift+Alt”快捷键绘制一个正方形并调整至合适的大小，再把白色方快捷键绘制一个正方形并调整至合适的大小，再把白色方形图层放在渐变图层的上面。形图层放在渐变图层的上面。活动2使用矩形工具制作直营标识别 步骤步骤4 4：使用文字工具输入：使用文字工具输入“天猫国际官方直营天猫国际官方直营”，字体为，字体为 “DreamofgirlDr

9、eamofgirl”，字号为，字号为 43 43，字体颜色为白色，在旁边使用矩形工具选，字体颜色为白色，在旁边使用矩形工具选中形状并填充为白色，画一个分隔线条（也可选用路径来绘制并转换成中形状并填充为白色，画一个分隔线条（也可选用路径来绘制并转换成选区填充为白色），然后在分隔线条旁边使用文字工具输入选区填充为白色），然后在分隔线条旁边使用文字工具输入“官方直采官方直采 假一赔十假一赔十3030天售后无忧天售后无忧”，字体为黑体，字号为，字体为黑体，字号为 24 24点，字体颜色为点，字体颜色为白色。白色。活动2使用矩形工具制作直营标识别步骤步骤5 5：调整整体大小以达到最佳视觉效果。：调整整体

10、大小以达到最佳视觉效果。步骤步骤6 6：保存文件，选择菜单：保存文件，选择菜单“文件文件”“”“存储为存储为”，保存文件名为，保存文件名为“商商品主图品主图”，格式为，格式为“JPEGJPEG”。任务2制作直通车商品主图制作直通车商品主图圆角矩形与椭圆工具应用圆角矩形与椭圆工具应用情境设计 直通车商品主图是为淘宝卖家量身定制的，按点击付费的营销工具以实直通车商品主图是为淘宝卖家量身定制的，按点击付费的营销工具以实现商品的精准推广。直通车在淘宝网上出现在搜索商品结果页面的右侧（现商品的精准推广。直通车在淘宝网上出现在搜索商品结果页面的右侧（1212个单品广告位、个单品广告位、3 3个页面推广广告

11、位）和商品结果页的最下端（个页面推广广告位）和商品结果页的最下端（5 5个广告位）。个广告位）。搜索页面可一页一页往后翻，展示位以此类推。展现形式：图片搜索页面可一页一页往后翻，展示位以此类推。展现形式：图片+文字文字(标题标题+简介简介)。直通车商品主图要求商品突出，展示完整，画面细节精致，色调和谐。直通车商品主图要求商品突出，展示完整，画面细节精致，色调和谐。图片大小为图片大小为“800800像素像素800800像素像素”，分辨率为，分辨率为“150150像素像素/英寸英寸”，格式为，格式为 “PNGPNG”“”“JPEGJPEG”，图片小于，图片小于3 MB3 MB。酸橙视觉创意有限公司

12、为电子产品店制作直通车商品主图，摄影师小佳酸橙视觉创意有限公司为电子产品店制作直通车商品主图，摄影师小佳把已拍摄好的商品原图，发给了网店美工小美，小美需要把商品制作成把已拍摄好的商品原图，发给了网店美工小美，小美需要把商品制作成800800像像素素800800像素、分辨率为像素、分辨率为7272像素像素/英寸的直通车商品主图。英寸的直通车商品主图。知识窗圆角矩形工具圆角矩形工具 在工具栏目中找到矩形工具，圆角矩形工具就隐藏在矩形工具中，鼠标长在工具栏目中找到矩形工具，圆角矩形工具就隐藏在矩形工具中，鼠标长按矩形工具按钮，弹出的菜单中就能找到圆角矩形工具。按矩形工具按钮，弹出的菜单中就能找到圆角

13、矩形工具。选取圆角矩形工具后，在上方显示的圆角矩形的属性栏选取圆角矩形工具后，在上方显示的圆角矩形的属性栏“半径半径”中可以中可以设置数值；数值大小决定圆角矩形角度的弧度，数值越大，弧度就越大。设置数值；数值大小决定圆角矩形角度的弧度，数值越大，弧度就越大。知识窗 椭圆工具椭圆工具 在工具栏目中找到矩形工具，鼠标长按矩形工具按钮，弹出的菜单中就能在工具栏目中找到矩形工具，鼠标长按矩形工具按钮，弹出的菜单中就能找到椭圆工具，使用方法与矩形工具相同，只需选中用光标在画布上拖动即可。找到椭圆工具，使用方法与矩形工具相同，只需选中用光标在画布上拖动即可。选项菜单，以圆角矩形为例。选项菜单，以圆角矩形为

14、例。不受限制：用光标可以随意拖拉出任何大小和比例的椭圆形。不受限制：用光标可以随意拖拉出任何大小和比例的椭圆形。圆：用光标拖拉出正圆。圆：用光标拖拉出正圆。固定大小：在固定大小：在WW：和：和H H：后面输入适当的数值可固定椭圆的长轴和短轴的长度。：后面输入适当的数值可固定椭圆的长轴和短轴的长度。比例比例:在在WW：和：和H H：后面输入适当的整数可固定椭圆的长轴和短轴的比例。：后面输入适当的整数可固定椭圆的长轴和短轴的比例。从中心：光标拖拉的起点为椭圆形的中心。从中心：光标拖拉的起点为椭圆形的中心。活动1使用圆角矩形工具与椭圆工具绘制标签 步骤步骤1:1:选择菜单选择菜单“文件文件”“”“新

15、建新建”，新建一个图像大小为，新建一个图像大小为“800800像像素素 800 800像素像素”，分辨率为，分辨率为“150150像素像素/英寸英寸”的文档。的文档。步骤步骤2 2：选中：选中“圆角矩形工具圆角矩形工具”，选择，选择“形状形状”填充为蓝紫渐变（颜填充为蓝紫渐变（颜色代码为色代码为#1082fe#1082fe、#f848aa#f848aa），模式为线性，渐变角度为），模式为线性，渐变角度为 0 0，半径为，半径为 10 10像像素素,在画布上绘制一个长方形状的渐变条并调整至画布下方。在画布上绘制一个长方形状的渐变条并调整至画布下方。活动1使用圆角矩形工具与椭圆工具绘制标签 步骤步

16、骤3 3：选中：选中“椭圆工具椭圆工具”，选择，选择“形状形状”，“填充填充”渐变色（颜色代码为渐变色（颜色代码为#f848aa#f848aa、#6f246f#6f246f）；描边为）；描边为“1515像素像素”，点击弹出选框右上角的拾色器，输入描，点击弹出选框右上角的拾色器，输入描边的颜色代码（颜色代码为边的颜色代码（颜色代码为#9f71f5#9f71f5）；）；描边选项为直线，按住描边选项为直线，按住“ShiftShift”键绘制键绘制一个正圆并调整好位置。一个正圆并调整好位置。活动1使用圆角矩形工具与椭圆工具绘制标签步骤步骤4 4：新建一个渐变图层（颜色代码为：新建一个渐变图层（颜色代码

17、为#1082fe#1082fe、#f848aa#f848aa），如图），如图 5.2.125.2.12所示；调整好大小，把该渐变图层放到图层的最底部；选中所示；调整好大小，把该渐变图层放到图层的最底部；选中“圆角矩圆角矩形工具形工具”，绘制一个白色矩形，调整好大小，把这一图层放到渐变图层上。，绘制一个白色矩形，调整好大小，把这一图层放到渐变图层上。活动1使用圆角矩形工具与椭圆工具绘制标签 步骤步骤5 5：选中：选中“圆角矩形工具圆角矩形工具”，绘制一个圆角矩形框，填充，绘制一个圆角矩形框，填充为红色并调整好位置。为红色并调整好位置。步骤步骤6 6：打开素材：打开素材“手机手机.png.png”

18、，把商品图抠出，放入刚才制，把商品图抠出，放入刚才制作的文档中，调整其大小、位置达到最佳视觉效果。作的文档中，调整其大小、位置达到最佳视觉效果。活动2制作文字效果 步骤步骤1 1：在标签上输入文字：在标签上输入文字“全场特惠全场特惠”，字体为黑体，字号为，字体为黑体，字号为 13 13，不加粗；输入，不加粗；输入“限时特惠限时特惠”，字体为黑体，字号为，字体为黑体，字号为 17 17，不加粗；输入，不加粗；输入“到手价到手价”，字体为黑体，字号为，字体为黑体，字号为 10 10，不加粗；输入，不加粗；输入“￥”，字体为微，字体为微软雅黑，字号为软雅黑，字号为 10 10，加粗；输入，加粗；输入

19、“89 89”，字体为微软雅黑，字号为，字体为微软雅黑，字号为 24 24，不加粗，字体颜色为黄色。，不加粗，字体颜色为黄色。活动2制作文字效果 步骤步骤2 2：输入文字：输入文字“带屏显双输出带屏显双输出”，字体为黑体，字号为，字体为黑体，字号为 16 16，加粗，在，加粗，在活动活动 1 1制作好的红色圆角矩形上输入文制作好的红色圆角矩形上输入文字字“2000mAh 2000mAh”，字体为黑体，字号为，字体为黑体，字号为 1212，加粗，字体颜色为白色。，加粗，字体颜色为白色。步骤步骤3 3：调整整体大小、位置至最佳：调整整体大小、位置至最佳视觉效果。保存文件，选择菜单视觉效果。保存文件

20、，选择菜单“文件文件”“”“存储为存储为”，保存文件名为，保存文件名为“直通直通车商品主图车商品主图”，格式为，格式为“PNG/PNG/JPEGJPEG”。任务3制作聚划算商品主图制作聚划算商品主图自定形状工具应用自定形状工具应用情境设计 淘宝聚划算是阿里巴巴集团旗下的团购网站，作为目前淘宝卖家服务的互淘宝聚划算是阿里巴巴集团旗下的团购网站，作为目前淘宝卖家服务的互联网消费者首选团购平台，聚划算商品标签设计是很突出的，商品图片也有联网消费者首选团购平台，聚划算商品标签设计是很突出的，商品图片也有他的发布规范。为了更好的提升聚划算的整体流量效率，商品基础素材图要他的发布规范。为了更好的提升聚划算

21、的整体流量效率，商品基础素材图要求是透明底，图片格式为求是透明底，图片格式为PNGPNG的实体图，方便用于个性化素材的合成。主图的实体图，方便用于个性化素材的合成。主图LOGOLOGO统一放置在画面左上角，不得添加底色，显示大小最宽不超过统一放置在画面左上角，不得添加底色，显示大小最宽不超过180180像素，像素，最高不超过最高不超过120120像素。像素。LOGOLOGO最左侧及最上侧均离产品图片左侧及上侧最左侧及最上侧均离产品图片左侧及上侧2020像素。像素。酸橙视觉创意有限公司为服装店制作直通车商品主图，摄影师小佳把已酸橙视觉创意有限公司为服装店制作直通车商品主图，摄影师小佳把已拍摄好的

22、商品原图发给了网店美工小美，小美需要把商品制作成拍摄好的商品原图发给了网店美工小美，小美需要把商品制作成800800像素像素800800像素、分辨率为像素、分辨率为7272像素像素/英寸的聚划算商品主图。英寸的聚划算商品主图。知识窗自定形状工具自定形状工具 在工具栏目中找到矩形工具，鼠标长按矩形工具按钮，弹出的菜单中最下在工具栏目中找到矩形工具，鼠标长按矩形工具按钮，弹出的菜单中最下面那个就是自定形状工具，使用方法与矩形工具相同，只需选中用光标在画布面那个就是自定形状工具，使用方法与矩形工具相同，只需选中用光标在画布上拖动即可。上拖动即可。选择自定形状工具的菜单栏，单击选择自定形状工具的菜单栏

23、，单击“形状形状”中的小三角形，滑动滚动条选中的小三角形，滑动滚动条选择需要的形状，会出现各种自定形状，点击择需要的形状，会出现各种自定形状，点击“设置按钮设置按钮”选择选择“全部全部”可追加可追加更多自定形状。更多自定形状。活动1使用自定形状工具绘制标签 步骤步骤1:1:选择菜单选择菜单“文件文件”“”“新建新建”，新，新建一个建一个“800800像素像素800800像素像素”，分辨率为，分辨率为“150150像素像素/英寸英寸”的文档。的文档。步骤步骤2 2：选中自定形状工具，在：选中自定形状工具，在“填充填充”栏目选择粉色（颜色代码栏目选择粉色（颜色代码cc7e8ccc7e8c），单击）

24、，单击“形形状状”下拉菜单的自定义形状，选中下拉菜单的自定义形状，选中“时间卡选时间卡选项项”。步骤步骤3 3：在画布上绘制出所选形状，执行：在画布上绘制出所选形状，执行调整调整“垂直翻转垂直翻转”至画布右上方。至画布右上方。活动1使用自定形状工具绘制标签 步骤步骤4 4：选中自定形状工具，在：选中自定形状工具，在“填充填充”栏栏目选择粉色（颜色代码目选择粉色（颜色代码cc7e8ccc7e8c），单击），单击“形状形状”下拉菜单的自定形状，选中下拉菜单的自定形状，选中“方形方形”。步骤步骤5 5：在画布上绘制出一个长方形形状，：在画布上绘制出一个长方形形状，执行调整至画布右下方。执行调整至画布

25、右下方。步骤步骤6 6：选中自定形状工具，在：选中自定形状工具，在“填充填充”栏目选择粉色（颜色代码栏目选择粉色（颜色代码cc7e8ccc7e8c），单击），单击“形形状状”下拉菜单的自定义形状：圆形。下拉菜单的自定义形状：圆形。活动1使用自定形状工具绘制标签步骤步骤7 7：在画布上绘制出一个圆形，添加投影，再选用方形自定义形状画：在画布上绘制出一个圆形，添加投影，再选用方形自定义形状画一条直线放在圆形中间，并调整至画布右下方。一条直线放在圆形中间，并调整至画布右下方。步骤步骤8 8：选择菜单：选择菜单“文件文件”“”“打开打开”素材素材/任务任务3.jpg3.jpg，把商品图扣出，放，把商品

26、图扣出，放入刚才制作的文档中，调整大小、位置达到最佳视觉效果。入刚才制作的文档中，调整大小、位置达到最佳视觉效果。活动2制作文字效果 步骤步骤1 1：在标签上输入文字：在标签上输入文字“聚划算聚划算”，字体为上海大众，字体为上海大众 BB BB，字号为，字号为 12 12，加粗，输入加粗，输入“ ”，字体为黑体，字号为，字体为黑体，字号为 5 5，不加粗。，不加粗。步骤步骤2 2：输入字母：输入字母“jhs jhs”，字体为，字体为 Brush Script MT Brush Script MT，字号为，字号为 12 12，加粗，放，加粗，放置图片左上角作为置图片左上角作为 LOGO LOGO

27、（见图（见图 5.3.13 5.3.13）。）。步骤步骤3 3：输入文字：输入文字“2 2件件9 9折折 3 3件件8 8折折”字体为黑体，字号为字体为黑体，字号为15 15 不加粗，调整不加粗，调整至如图图至如图图5.3.145.3.14所示的位置。所示的位置。活动2制作文字效果 步骤步骤4 4：输入文字：输入文字“预售价预售价”，字体为黑体，字号为，字体为黑体，字号为 10 10，加粗；输入，加粗；输入“￥299 299”，字体为微软雅黑，字号为，字体为微软雅黑，字号为 17 17，加粗，调整至如图，加粗，调整至如图 5.3.15 5.3.15所示的位置。所示的位置。步骤步骤5 5：调整整

28、体布局，以达到最佳视觉效果。：调整整体布局，以达到最佳视觉效果。步骤步骤6 6：选择菜单：选择菜单“文件文件”“”“存储为存储为”,保存文件名为保存文件名为“聚划算商品主图聚划算商品主图”，格式为，格式为“PNG/JPEG PNG/JPEG”。项目评价评价标准评价标准评价指标评价指标得分得分格式规范格式规范图片大小、分辨率、储存格式符合商品主图规范。（图片大小、分辨率、储存格式符合商品主图规范。（20分）分）构图均衡构图均衡商品主体突出，文字大小、位置排版均衡。（商品主体突出，文字大小、位置排版均衡。（25分）分）配色和谐配色和谐标签设计颜色统一，搭配和谐。（标签设计颜色统一，搭配和谐。（25

29、分）分）效果自然效果自然商品主图的构图、配色、文案整体搭配视觉效果佳。（商品主图的构图、配色、文案整体搭配视觉效果佳。（30分）分）总分总分评价等级评价等级优秀：优秀：90-100分；良好：分；良好：75-89分；一般分；一般60-74分；差分；差0-59分。分。项目测试操作题1 打开素材打开素材“橙子橙子.jpg.jpg”，制作直通车商品主图。用矩形工具和椭圆工具制，制作直通车商品主图。用矩形工具和椭圆工具制作标签，最终效果。要求商品突出，展示完整，画面细节精致，色调和谐。作标签，最终效果。要求商品突出，展示完整，画面细节精致，色调和谐。大小大小800800像素像素800800像素，分辨率为

30、像素，分辨率为150150像素像素/英寸，格式为英寸，格式为“PNG/JPEGPNG/JPEG”，图，图片容量小于片容量小于3M3M。操作题2 打开素材打开素材“充电宝充电宝.jpg.jpg”，制作聚划算商品主图。用任意形状工具制作标，制作聚划算商品主图。用任意形状工具制作标签，最终效果如题图签，最终效果如题图 4 4所示。要求：商品突出，展示完整，画面细节精致，色所示。要求：商品突出，展示完整，画面细节精致，色调和谐。图片大小为调和谐。图片大小为“800 800像素像素800800像素像素”，分辨率，分辨率 为为“150150像素像素/英寸，格英寸，格式为式为“PNG/JPEGPNG/JPEG”，图片小于，图片小于 3 MB 3 MB。操作题3 打开素材打开素材“护发精油护发精油.jpg.jpg”，制作聚划算商品主图。用任意形状工具制作，制作聚划算商品主图。用任意形状工具制作标签，最终效果如题图标签，最终效果如题图 6 6所示。要求：商品突出，展示完整，画面细节精致，所示。要求：商品突出，展示完整，画面细节精致，色调和谐。图片大小为色调和谐。图片大小为 800800像素像素 800 800像素像素，分辨率为，分辨率为 150 150像素像素/英寸英寸，格，格式为式为“PNG/JPEGPNG/JPEG”，图片小于，图片小于 3 MB 3 MB。感谢观看