资源描述
课题
项目1 打开图形图像处理之门——Photoshop快速入门
课程
类型
讲授课
授课学时
6学时
教
学
目
标
知识目标
Ø 1.认识像素与分辨率。
Ø 2.认识图像的色彩模式。
技能目标
Ø 1.熟悉Photoshop操作界面。
Ø 2.学会查看图像大小、图像模式。
Ø 3.掌握打开、置入、保存等基本操作。
情感目标
Ø 1.培养耐心细致的工作态度。
Ø 2.培养善于观察、勤于思考的品质。
教学
重点
1、 认识像素与分辨率、图片色彩模式；
2、 通过菜单查看图像大小、图像模式；
3、 掌握打开、置入、保存等基本操作。
教学
难点
1、 通过菜单查看图像大小、图像模式；
2、掌握打开、置入、保存等基本操作。
教学资源
教学PPT、图片等资源。
教学方法
项目教学法、讲授法、任务驱动法、合作探究法、小组讨论法等。
教学过程
教学
环节
教学过程
设计意图
课程导入
从海报到包装，从普通的横幅到绚丽的网站，从令人难忘的徽标到吸引眼球的图标,Photoshop在不断推动创意世界向前发展。Photoshop是网店美工最常用的工具。
从生活中接触的商品包装、招牌到网站，利用身边事物引入本课学习。
讲授新知
本项目主要任务是运用图像的菜单工具，熟悉Photoshop操作界面，学会查看图像大小、图像模式，并进行打开、置入、保存等基本操作技能训练。
老师通过教学平台提前发日常生活中拍摄到的店招，商品包装盒网站截图，让学生提前预习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握查看图像大下的基本操作，通过打开图片和置入命令让学生学会合成一张海报，并学会保存。
1.老师讲授和演示，引出课程难点。
2.项目式学习，增强学习主动性。
任务实施
任务1 在Photoshop中打开文件
在Photoshop中打开“蛋糕.psd”和“文字素材.psd”文件。
启动Photoshop，执行“文件”→“打开”命令（快捷键Ctrl+O），选择“蛋糕.psd”、“文字素材.psd”。
任务2 查看图像属性
活动1 查看图像大小
执行“图像”→“图像大小”命令，分别查看“蛋糕.psd”和“文字素材.psd”图像大小
活动2 查看图像色彩模式
执行“图像”→“模式”命令，查看到图像颜色模式为：RGB颜色，符合网店图片模式要求。
任务3 置入图像合成海报
活动 置入图像
把“蛋糕.psd”置入到“文字素材.psd”。
在Photoshop中打开“文字素材.psd”。选取“文件”→“置入”，选择“蛋糕.psd”，然后单击“置入”。
把蛋糕图像移动到合适的位置，按下“回车”键，提交变换，完成海报。
活动 保存文件
活动实施
选择菜单“文件”→“存储”，文件名为：蛋糕海报，保存类型：“Photoshop (* PSD;*.PDD)”；保存类型：“JPEG (*JPG;* JPEG;*JPE)”。
Ø 1.通过任务驱动，培养学生自主动手能力。
2.巩固理论成果，在任务实践中解决教学难点。
展示评价
Ø 1.作品呈现。
Ø 2.自我评价。
Ø 3.小组互评。
4.老师点评。
评价标准
评价指标
得分
熟悉Photoshop操作界面
熟悉菜单栏、工具栏、工具属性栏、操作区和浮动工作面板的位置（20分）
认识像素和分辨率
掌握查看分辨率的方法（20分）
查看图像大小
掌握查看图像大小的方法（20分）
Photoshop的基本使用方法
掌握打开、置入、保存等基本操作。（40分）
总分
评价等级
优秀：90~100分；良好：75~90分；一般：60~74分；差：0~59分
培养学生语言表达能力，梳理学生思维，突破重难点。
总结
1、 通过菜单查看图像大小、图像模式。
2、掌握打开、置入、保存等基本操作。
总结重难点知识。
作业
完成项目测试。
课题
项目2 制作网店商品图——图像基本编辑
课程
类型
讲授课
授课学时
12学时
教
学
目
标
知识目标
知道淘宝商品图的要求。
技能目标
1. 熟悉Photoshop操作界面。
2. 学会新建文件，设置图像参数。
3. 学会调整图像大小。
4. 学会使用裁剪工具裁剪画布。
5. 学会使用快速选择工具选取图像。
6. 学会使用魔棒工具选取图像。
7. 学会使用套索工具选取图像。
8. 学会应用自由变换调整图像造型。
情感目标
1. 培养善于对比、善于观察、勤于思考的品质。
2. 培养良好的审美观和艺术欣赏能力。
教学
重点
1. 运用图像大小命令和裁剪工具设置图像大小。
2. 使用快速选择工具、魔棒工具选取商品。
3. 制作符合要求的商品白底图、透明图、场景图、场景图长图。
教学
难点
合理设置选择工具属性，进行选区编辑，得到边缘平滑的选区。
教学资源
教学PPT、图片等资源。
教学方法
项目教学法、讲授法、任务驱动法、合作探究法、小组讨论法等。
教学过程
教学
环节
教学过程
设计意图
课程导入
网店商品图不仅可以展现在买家商品搜索页和店铺所有产品的展示页，还可以展示在前台各大场景等重要位置。顾客对商品的第一印象都来自于网店商品图。清晰、美观、醒目的商品图，才能吸引顾客点击进入商品详情页，规范的图片可以增加商品图片的曝光率，增加点击率。淘宝基础商品图包含白底图、透明图、场景图、场景图长图等。
从网店商品图的作用、特点引入本课学习。
讲授新知
本项目主要任务是运用图像的基本编辑工具，制作出符合规范的商品图。
老师通过教学平台提前发布PPT给学生自主学习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握图像基本编辑，通过图像大小命令和裁剪工具设置图像大小，通过快速选择工具、魔棒工具选取商品，制作商品白底图、透明图、场景图、场景图长图。
Ø 1.前置学习任务，让学生带着知识储备进课室，提高课堂效率。
Ø 2.老师讲授和演示，引出课程难点。
3.项目式学习，增强学习主动性。
任务实施
任务1 制作商品场景图——调整画布大小
情境设计：淘宝商品场景图要求整体场景氛围真实、美观，主体展示清晰、完整，背景氛围干净、美观。背景颜色不要过多，不能是白底，无过度修图，无过度修饰，不能是拼图、合成图，视觉整体重心与画面保持居中，构图饱满。商品场景图尺寸为800像素×800像素，图片存储格式为JPEG/PNG，图片小于3 MB。
酸橙视觉创意有限公司为家居用品店制作拖鞋商品图，摄影师小佳把拖鞋摆在地毯上拍摄照片，美工小美需要把照片制作成符合要求的商品场景图。
活动 调整画布大小
选择菜单“图像”→“图像大小”
任务2 制作商品长图——裁剪画布
情境设计：淘宝场景图长图主要包含的类目为男装、女装、运动装、童装、孕妇装。需是实拍图、模特图或者有场景的图片。要求整体场景氛围真实美观，画面主体清晰，视觉整体重心与画面保持居中。尺寸为800像素×1200像素，图片存储格式为JPEG，小于3MB。
酸橙视觉创意有限公司为童装店制作童装商品图，摄影师小佳拍摄了童装模特照片，美工小美需要把照片制作成商品场景长图。
活动 裁剪画布
使用裁剪工具裁剪。
任务3 制作商品白底图——快速选择工具应用
情境设计：淘宝商品白底图背景需要为纯白色（#ffffff），无模特，只能出现单体商品，不允许有阴影和毛糙抠图痕迹，商品主体突出、展示完整，尺寸大小为800像素×800像素，分辨率为72像素/英寸，PNG/JPEG格式，小于3MB。
酸橙视觉创意有限公司为家居用品店制作儿童马桶商品白底图，摄影师小佳在卫生间拍摄了儿童马桶照片，美工小美需要把照片制作成800像素×800像素的商品白底图。
活动1 快速选择工具选取商品
使用快速选择工具，设置添加到选区的方式，多次添加选区，直到完全选择了儿童马桶。
活动2 自由变换校正形状和构图
新建文档，选择菜单“编辑”→“自由变换”（快捷键Ctrl+T），调整商品大小。
任务4 制作商品透明图——魔棒工具应用
情境设计：淘宝商品透明图背景需要为透明背景，无模特，不允许有阴影和毛糙抠图痕迹，商品主体突出、展示完整，尺寸大小为800像素×800像素，分辨率为72像素/英寸，PNG格式，小于3MB。
需要把照片制作成800像素×800像素的商品透明图。
活动1 魔棒工具选取商品
选择魔棒工具，设置魔棒工具属性，选择连续的选区，勾选消除锯齿，使用魔棒工具点击鼠标图案。
使用魔棒工具多次点击鼠标图案，直到完全选择鼠标图案。
点击工具属性栏的“选择并遮住”，调整“平滑”，得出平滑的鼠标商品选区。
活动2 自由变换校正形状和构图
选择菜单“编辑”→“自由变换”（快捷键Ctrl+T），调整商品大小与构图。
Ø 1.通过任务驱动，培养学生自主创作和团队合作。
2.巩固理论成果，在任务实践中解决教学难点。
展示评价
Ø 1.作品呈现。
Ø 2.自我评价。
Ø 3.小组互评。
4. 老师点评。
评价标准
评价指标
得分
格式规范
符合基本格式规范，包括图像大小、分辨率、背景、格式等。（30分）
构图合理
商品主体突出，展示完整，居中，大小合适。（30分）
效果自然
商品边缘自然，无抠图痕迹。（40分）
总分
评价等级
优秀：90～100分；良好：75～89分；一般60～74分；差0～59分。
5.
培养学生语言表达能力，梳理学生思维，突破重难点。
总结
1、 设置图像大小：图像大小命令和裁剪工具。
2、 选取商品：快速选择工具、魔棒工具。
总结重难点知识。
作业
完成项目测试。
课题
项目3 精修商品照片——图像修饰与色彩调整
课程
类型
讲授课
授课学时
12
教
学
目
标
知识目标
Ø 1. 知道图像修饰的方法；
2. 知道色彩调整的方法。
技能目标
1. 学会使用仿制图章工具去除杂物。
2. 学会使用调整命令调整图像色彩。
3. 学会使用修补工具去除水印。
4. 学会使用红眼工具去除人物红眼。
5. 学会使用污点修复画笔工具祛斑。
6. 学会使用模糊工具美化皮肤。
7. 学会 使用曲线命令美白人物。
8. 学会使用液化命令瘦脸瘦身。
情感目标
1.培养独立操作的探究精神；
2.培养审美意识；
Ø 3.培养美学思维。
教学
重点
1.图像修饰工具的使用技巧；
2.利用色彩调整命令修饰图像。
教学
难点
合理利用图像修饰工具得到无瑕疵的商品照片。
教学资源
教学PPT、图片等资源。
教学方法
项目教学法、自主探究法、讲授法、演示法、任务驱动法、分组讨论法
教学过程
教学
环节
教学过程
设计意图
课程导入
教师播放一组不同颜色及美观度的照片供学生欣赏，引导学生思考颜色及美观度的重要性。
颜色在图像的修饰中起着重要的作用，它可以产生对比效果使图像更加绚丽，正确运用颜色能使黯淡的图像明亮绚丽，使毫无特色的图像充满活力。美观、无瑕疵的商品图像是吸引顾客进入店铺的重要途径之一，但由于照片拍摄的问题，商品图片有时会出现一些曝光、偏色、模特面部、身材瑕疵等问题。
Ø 采用照片吸引学生注意力，引导学生思考，进而引入本课的学习。
讲授新知
Ø 本项目的主要任务是运用“调整”命令进行色彩调整，并使用修复工具处理图片瑕疵及美化，制作出清晰美观的商品图片。
Ø 老师通过教学平台提前发布PPT给学生自主学习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握修复工具的技巧，利用修复工具完成“项链照片”“鞋子照片”和“照片”的色彩及瑕疵修复。
Ø 1.前置学习任务，让学生带着知识储备进课室，提高课堂效率。
Ø 2.老师讲授和演示，引出课程难点。
Ø 3.项目式学习，增强学习主动性。
任务实施
Ø 任务1 修饰商品场景图——仿制图章工具应用与色彩校正
情境设计
淘宝商品场景图要求整体场景氛围真实美观，无明显粗糙修图、无水印、无Logo；画面主体清晰美观，视觉整体重心与画面保持居中；整体协调，饱和度适中，色彩适宜，避免景色复杂、图片曝光不足或者过度、照片失真。
酸橙视觉创意有限公司为饰品店制作项链商品图，摄影师小佳拍摄的照片中背景出现了浴球杂物，美工小美需要把照片修复为背景干净、主体清晰的商品场景图。
Ø
Ø 活动1 用仿制图章工具删除背景杂物
Ø 选择工具栏中的“仿制图章工具”，设置工具属性栏的参数，单击鼠标，对背景杂物进行涂抹。
Ø 活动2 用混合图层校色
Ø 将背景拷贝图层的混合模式修改为“叠加”。
Ø 任务2 修饰商品图像——色彩调整
情境设计
Ø 浏览商品图片是买家了解产品最基本的方式，商品色彩是买家认识产品的基础之一。在商品拍摄的过程中，由于天气、场景、光线、拍摄技术等原因的影响，拍出来的图片可能出现偏色、曝光不足或过度等情况，这就需要对图片进行后期的校正处理，调整图片的色彩，使得图片中的商品效果能无限接近真实商品。
Ø 酸橙视觉创意有限公司为鞋品店制作女鞋商品图，摄影师小佳拍摄了黄色女鞋照片，美工小美需要把黄色女鞋修复为色彩明亮的商品图。
Ø
Ø 活动1 用色阶命令调整曝光
Ø 选择菜单“图像→调整→色阶”，调整参数值。
Ø 活动2 用色彩平衡命令调整偏色
Ø 选择菜单“图像→调整→色彩平衡”，调整参数值。
Ø 活动3 用色相与饱和度命令调整饱和度
Ø 选择菜单“图像→调整→色相 /饱和度”，调整参数值。任务3 修饰模特图像——修复工具应用
情境设计
淘宝店铺的场景图像大部分都是使用数码相机拍摄完成，服装类店铺为了真实地反映服装的穿搭效果，基本都会通过模特进行展示。这时，模特的肤色、脸部瑕疵、身材不足等问题会暴露在高清图像当中。因此，上传至店铺的模特图像往往需要用Photoshop进行调整修复，去除模特图片的瑕疵，达到美观效果。
酸橙视觉创意有限公司为女装店制作模特展示图，摄影师小佳拍摄了女模特照片，美工小美需要把照片修复为无水印、无瑕疵的模特展示图。
Ø 活动1 用修复工具去除水印
Ø 使用修补工具，去除图片右下角的水印。
Ø 活动2 用红眼工具去除红眼
Ø 使用红眼工具，在模特的眼睛部位进行单击，去除红眼。
Ø 活动3 用污点修复画笔工具祛斑
Ø 选择污点修复画笔工具，设置画笔大小，在模特脸部实现祛斑。
Ø 活动4 用模糊工具嫩肤
Ø 选择模糊工具，对模特的脸部进行嫩肤。
Ø 活动5 用曲线命令美白
Ø 选择菜单“图像→调整→曲线”，拖动控制点，完成美白效果。
Ø 活动6 用滤镜瘦脸瘦身
Ø 选择菜单“滤镜→液化”，对模特的脸部和手臂部分进行瘦身。
Ø 1.通过任务驱动，培养学生自主创作和团队合作。
Ø 2.巩固理论成果，在任务实践中解决教学难点。
展示评价
Ø 1.作品呈现
Ø 2.自我评价
Ø 3.小组互评
Ø 4.老师点评
评价
标准
评价指标
得分
格式规范
符合基本格式规范，包括保存命名、格式等。（10分）
构图均衡
主体突出，无背景杂物，无水印。（20分）
配色和谐
无曝光问题，商品不，偏色色彩真实明亮。（30分）
效果自然
整体色彩明亮，人物脸部无瑕疵，皮肤细嫩白皙。（40分）
总分
评价等级
优秀：90-100分；良好：75-89分；
一般60-74分；差0-59分。
Ø
Ø 培养学生语言表达能力，梳理学生思维，突破重难点。
总结
1.修补工具、红眼工具、污点修复工具等的使用技巧；
2.利用色彩调整命令修饰图像：色阶命令、色彩平衡命令、色相与饱和度命令
总结重难点
课后作业
完成项目测试。
课题
项目4 制作商品详情页——文字工具应用
课程
类型
讲授课
授课学时
10学时
教
学
目
标
知识目标
1.知道文字工具的使用方法。
2．熟悉文字工具
技能目标
1.熟悉文字工具的操作界面。
2.学会创建横排文字。
3.学会创建直排文字。
4.学会创建并编辑段落文字。
5.学会设置段落属性。
6.学会使用文字蒙版工具制作文字效果。
情感目标
1.培养耐心细致的工作态度。
2.培养良好的审美观和艺术欣赏能力。
教学
重点
1.运用文字工具创建横排文字和直排文字。
2.利用段落文字工具属性栏创建并编辑段落文字。
教学
难点
设置文字属性。
以蒙版方式制作文字效果。
教学资源
教学PPT、图片等资源。
教学方法
项目教学法、讲授法、任务驱动法、合作探究法、小组讨论法等。
教学过程
教学
环节
教学过程
设计意图
课程导入
商品详情页用于详细介绍商品的信息，好的商品详情页能直接提高转化率，增加销量。商品详情页一般有商品的基本信息、整体展示、细节展示、商品规格尺码、品牌、包装、购物需知等内容。
在商品详情页中，文字是不可缺的重要元素，包含运营人员的营销架构，可以通过文字说明来介绍商品的特点、材质、产地、价格、使用方法等信息，达到营销的作用。对文字进行编排和设计，不但能够有效地表现活动主题，还能够对商品详情页起到美化作用。
从商品详情页的作用、基本模块引入本课学习。
讲授新知
本项目的主要任务是学习运用文字编辑工具、文字蒙版工具、文字段落制作商品详情页。
老师通过教学平台提前发布PPT给学生自主学习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握文字工具的操作界面，通过横排文字工具和直排文字工具的应用，设置文字排版，通过文字编辑工具、文字蒙版工具、文字段落工具制作商品详情页。
Ø 1.前置学习任务，让学生带着知识储备进课室，提高课堂效率。
Ø 2.老师讲授和演示，引出课程难点。
3.项目式学习，增强学习主动性。
任务实施
任务1制作商品展示——文字工具应用
情境设计：酸橙视觉创意有限公司为玩具旗舰店制作爱华兔的商品详情页，摄影师小佳拍摄了爱华兔的照片，美工小美使用文字工具排版制作商品展示图，包含产品信息和产品细节内容。
活动1应用横排文字工具
使用横排文字工具，设置文字属性，字体：幼圆，大小：28点，颜色：#ffffff。分别制作文字效果“产品信息”，“品名”， “材质”“面料” 。设置文字属性，字体：幼圆，大小：28点，颜色：#151414。分别制作文字效果“爱华兔”，“聚酯纤维”，“柔软短绒毛”。
活动2应用直排文字工具
使用直排文字工具，设置文字属性，字体：幼圆，大小：40点，颜色：#9b54fe。分别制作文字效果：“呆萌可爱圆眼睛”、“活泼俏皮长耳朵”、“毛感顺滑短绒毛”。
任务2制作商品品牌描述——文字段落应用
情境设计：品牌是企业的无形资产，代表企业形象，商品详情页可传递品牌信息、突出企业文化，有助于建立品牌形象。
活动1输入文字段落
使用横排文字工具输入文字“品牌介绍”，在属性栏中设置文字属性，字体：黑体，大小：40点，颜色：#635d5c。
打开素材“品牌介绍.docx”，复制里面的文字，使用横排文字工具选中第1行文字，设置文字属性，字体：黑体，大小：33点，颜色：#e10047。
选中第2行文字，设置文字属性：字体：宋体，大小：26点，颜色：#fb5c8e。选中其余文字，设置文字属性：字体：宋体，大小：26点，颜色：#000000。
活动2设置段落属性
使用横排文字工具选中品牌介绍的段落文字，在段落工作面板中设置居中完成文字段落的排版。
任务3制作洗涤说明——文字蒙版工具应用
情境设计：为了突出产品质量，爱华兔商品详情页加入了洗涤说明，强调优质毛绒不掉色，可以放心机洗，不变形。
活动 应用横排文字蒙版工具
使用横排文字工具输入文字“洗涤说明”，在属性栏中设置文字属性。
使用横排文字蒙版工具，单击鼠标确定文字插入点，此时图像呈淡红色，输入段落文字。
使用“横排文字蒙版工具”选中所有文字，设置字体属性。
点击“提交所有当前编辑”得出文字选区。
新建图层，选择菜单“编辑” →“描边”，完成文字描边效果。
选择菜单“文件”→“存储为” ,保存文件名为“商品详情页”，格式为“ JPEG”和 “PSD”格式。
Ø 1.通过任务驱动，培养学生自主创作和团队合作。
2.巩固理论成果，在任务实践中解决教学难点。
展示评价
Ø 1.作品呈现。
Ø 2.自我评价。
Ø 3.小组互评。
4.老师点评。
评价标准
评价指标
得分
文字与段落设置
掌握文字与段落输入和属性设置。（60分）
文字效果
比例设置美观，整体上控制图片、文字、留白面积之间的大小，让画面整体形成视觉上的节奏，辅助商品销售，突出商品品牌和特点，符合商品详情页的标准。（40分）
总分
评价等级
优秀：90-100分；良好：75-89分；一般60-74分；差0-59分。
培养学生语言表达能力，梳理学生思维，突破重难点。
总结
1. 设置文字工具属性：横排文字工具、直排文字工具和段落文字工具
2. 设置文字蒙版工具属性：蒙版文字工具
总结重难点知识。
作业
完成项目测试。
课题
项目5 制作网店商品主图——形状工具应用
课程
类型
讲授课
授课学时
14
教
学
目
标
知识目标
Ø 1. 了解商品主图的制作方法；
2. 知道形状工具的功能。
技能目标
1. 熟悉Photoshop操作界面；
Ø 2.学会使用矩形工具制作自营标识别；
Ø 3.学会制作主图标语；
Ø 4.学会使用圆角矩形与椭圆工具绘制标签；
Ø 5.学会自定义形状工具绘制标签；
Ø 6.掌握商品主图的制作方法。
情感目标
1.培养耐心细致的工作态度；
2.培养良好的审美观和艺术欣赏能力。
教学
重点
1.形状工具的使用技巧；
2.利用形状工具制作商品主图。
教学
难点
形状工具的应用。
教学资源
1.教学PPT；
2.知识结构图；
教学方法
讲授法、演示法、任务驱动法、自主探究法、分组讨论法
教学过程
教学
环节
教学过程
设计意图
课程导入
Ø 大家好！这段时间，我们讨论了在PhotoShop CC中绘制图形、图像，有些同学有了新的思考：
Ø 1.除了钢笔工具、画笔工具，还有其他工具能绘制图形、图像吗？
Ø 2.应用形状工具能不能绘制商品主图呢？
Ø 以问题为导向，任务为驱动，增强学生的学习主动性
讲授新知
Ø 本项目主要介绍学习形状工具，包括形状路径的创建和形状工具的应用两部分内容。
Ø 老师通过教学平台提前发布PPT给学生自主学习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握形状工具的技巧，利用形状工具制作“天猫国际商品主图”“直通车商品主图”和“聚划算商品主图”。
Ø 1.前置学习任务，让学生带着知识储备进课室，提高课堂效率。
Ø 2.老师讲授和演示，引出课程难点。
Ø 3.项目式学习，增强学习主动性。
任务实施
Ø 根据班级人数进行分组，大概6人为一小组，分别完成3个项目任务：
Ø 一、任务1 制作天猫国际商品主图——矩形工具应用
情境设计
根据天猫国际商品主图发布规范：主图必须为实物拍摄图，并且每张图片必须大于等于800像素×800像素（自动拥有放大镜功能）；如获得了相应品牌商品的商标使用权，则可将商品品牌LOGO放置于主图左上角，大小为主图的1/10寸；第一张和第二张主图必须为商品正面全貌清晰实物拍摄图；图片不得出现水印，不得包含促销、夸大描述等文字说明；该文字说明包括但不限于秒杀、限时折扣、满就减（送）等。图片不得出现任何形式的边框，不得留白,不得出现拼接图，除情侣装、亲子装等特殊类目外，不得出现多个主体。
Ø 酸橙视觉创意有限公司为洗护用品店制作商品主图，摄影师小佳把已拍摄好的商品原图发给了网店美工小美，小美需要把商品制作成800像素×800像素、分辨率为72像素/英寸的商品主图在天猫国际官方直营发布。
Ø
Ø 二、任务2制作直通车商品主图——圆角矩形与椭圆工具应用
情境设计
直通车商品主图是为淘宝卖家量身定制的，按点击付费的营销工具以实现商品的精准推广。直通车在淘宝网上出现在搜索商品结果页面的右侧（12个单品广告位、3个页面推广广告位）和商品结果页的最下端（5个广告位）。搜索页面可一页一页往后翻，展示位以此类推。展现形式：图片+文字(标题+简介)。直通车商品主图要求商品突出，展示完整，画面细节精致，色调和谐。图片大小为“800像素×800像素”，分辨率为“150像素/英寸”，格式为 “PNG”“JPEG”，图片小于3 MB。
Ø 酸橙视觉创意有限公司为电子产品店制作直通车商品主图，摄影师小佳把已拍摄好的商品原图（见图5.2.1）发给了网店美工小美，小美需要把商品制作成800像素×800像素、分辨率为72像素/英寸的直通车商品主图。
Ø
Ø
三、任务3 制作聚划算商品主图——自定义形状工具应用
情境设计
淘宝聚划算是阿里巴巴集团旗下的团购网站，作为目前淘宝卖家服务的互联网消费者首选团购平台，聚划算商品标签设计是很突出的，商品图片也有他的发布规范。为了更好的提升聚划算的整体流量效率，商品基础素材图要求是透明底，图片格式为PNG的实体图，方便用于个性化素材的合成。主图LOGO统一放置在画面左上角，不得添加底色，显示大小最宽不超过180像素，最高不超过120像素。LOGO最左侧及最上侧均离产品图片左侧及上侧20像素。
酸橙视觉创意有限公司为服装店制作直通车商品主图，摄影师小佳把已拍摄好的商品原图发给了网店美工小美，小美需要把商品制作成800像素×800像素、分辨率为72像素/英寸的聚划算商品主图。
Ø
Ø 1.通过任务驱动，培养学生自主创作和团队合作。
Ø 2.巩固理论成果，在任务实践中解决教学难点。
展示评价
Ø 1.作品呈现
Ø 2.自我评价
Ø 3.小组互评
Ø 4.老师点评
评价
标准
评价指标
得分
格式规范
图片大小、分辨率、储存格式符合商品主图规范。（20分）
构图均衡
商品主体突出，文字大小、位置排版均衡。（25分）
配色和谐
标签设计颜色统一，搭配和谐。（25分）
效果自然
商品主图的构图、配色、文案整体搭配视觉效果佳。（30分）
总分
评价等级
优秀：90-100分；良好：75-89分；
一般60-74分；差0-59分。
Ø
Ø 培养学生语言表达能力，梳理学生思维，突破重难点。
总结
老师总结重难点知识
课后作业
请同学们上网站找出当前点击率最高的10张“电子类产品主图”“洗护类商品主图”，利用我们学习到的形状工具技巧进行创作练习。
课题
项目6 绘制网店LOGO——钢笔与路径应用
课程
类型
讲授课
授课学时
14
教
学
目
标
知识目标
1.认识路径。
2.认识路径工作面板。
技能目标
1.学会修改路径的方法。
2.学会使用自定义形状工具绘制路径。
3.学会使用路径面板。
4.学会使用钢笔工具绘制路径。
5.学会路径文字的应用。
6.学会使用钢笔工具抠图。
7.学会制作网店的LOGO。
情感目标
1.培养耐心细致的工作态度。
2.培养良好的审美观和艺术欣赏能力。
教学
重点
1． 路径工具的使用技巧。
2． 使用路径工具制作LOGO。
教学
难点
综合运用路径工具设计网店LOGO。
教学资源
教学PPT、LOGO素材等资源。
教学方法
讲授法、演示法、任务驱动法、自主探究法、分组讨论法。
教学过程
教学
环节
教学过程
设计意图
课程导入
同学们，在各大电商平台中我们经常可以看到各式各样的店铺LOGO，大家想不想知道这些LOGO是怎么制作的呢？在设计、制作LOGO时，我们经常会使用到路径工具。今天我们就一起来学习路径的使用技巧，制作属于我们自己的店铺LOGO吧。
接下来，我们将要学习路径的一些知识：
1． 学习使用钢笔工具、自定形状工具绘制路径；
2． 学习路径面板的使用；
3. 学习路径文字的使用技巧。
从各大电商平台的店铺LOGO切入，引出本项目的学习内容。
讲授新知
本项目的主要任务是学习运用钢笔工具、自定形状工具、路径文字和路径面板的应用来制作网店LOGO。
老师通过教学平台提前发布PPT给学生自主学习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握钢笔工具的使用技巧、自定形状工具的应用，并利用钢笔工具和自定形状工具制作“宠物店铺的LOGO”、“书店的LOGO”和“体育用品店的LOGO”。
Ø 1.前置学习任务，让学生带着知识储备进课室，提高课堂效率。
2.项目式学习，增强学习主动性。
3、任务驱动，增强学习的动力。
任务实施
可根据班级人数进行分组，如6人为一小组，可设计小组间竞赛等活动，分别完成3个项目任务：
一、任务1绘制宠物店铺LOGO——路径的应用
情境设计
店铺LOGO是店铺形象和品牌文化的体现，一个好的LOGO设计不仅有利于建立良好的品牌形象，而且能够得到消费者的认可，形成良好的品牌效应。LOGO的设计力求做到简单、美观、易记、易传播、合适等，既要考虑在网络上的显示效果，也要考虑在传统媒体上使用时的视觉效果。目前常用的LOGO规格尺寸有4种：88像素×31像素，120像素×60像素，120像素×90像素，200像素×70像素，图片存储格式为PNG。
酸橙视觉创意有限公司为宠物店铺制作店铺LOGO，美工小美负责LOGO的设计，她创建了尺寸为120像素×60像素，分辨率为72像素/英寸的文档，以动物形象作为主要元素设计店铺图LOGO。
二、任务2制作文具店铺LOGO——路径文字
情境设计
在淘宝网上我们经常看到主图、海报、详情页等图片中各式各样的文字效果，其文字排版五花八门，琳琅满目。除了常规的横排文字、竖排文字、变体文字外，还有其他方式的文字排版。在学习了使用钢笔工具绘制路径之后，我们还可以使用路径来做文字的排版——路径文字。
路径文字，可以让文字依照路径来排列，在开放路径中形成类似于行式文字的效果，在闭合路径中形成类似于框式文字的效果，让文字的排版更加多样化，更加灵活。
酸橙视觉创意有限公司为一家文具店设计店铺LOGO。美工小美需要按照客户的要求完成店铺LOGO的需求分析与设计。
三、任务3绘制体育用品店LOGO——钢笔抠图
情境设计
商品抠图的方法有很多，套索工具、快速工具、魔棒工具、钢笔工具、通道、颜色范围等都可以用于商品抠图。而根据商品材质属性的不同，抠图又分为非透明类商品抠图、透明类商品抠图以及毛发类商品抠图。所以一个合格的淘宝美工应该熟练掌握各种抠图方法，因图而异合理选择抠图工具和方法，才能达到事半功倍的效果。
酸橙视觉创意有限公司为体育用品店设计店铺LOGO。美工小美需要根据客户需求完成需求分析，并为体育用品店设计店铺LOGO。
Ø 1.通过小组学习、小组竞赛等方式，增强趣味性。
Ø 2.任务驱动，培养学生的自主学习和小组学习的自觉性、主动性。
Ø 3.增强动手能力，巩固理论成果，在实践中解决教学难点。
展示评价
Ø 1.作品呈现
Ø 2.自我评价
Ø 3.小组互评
Ø 4.老师点评
评价标准
评价指标
得分
技术性
熟练掌握钢笔工具的使用，包括绘制路径、修改路径、精准控制路径等。（30分）
应用性
掌握路径的应用，包括抠图、路径文字、设计LOGO、图案等。（30分）
综合性
综合运用各类路径工具，完成制作，效果好。（40分）
总分
评价等级
优秀：90~100分；良好：75~89分；一般60~74分；差0~59分。
Ø 培养学生语言表达能力，梳理学生思维，突破重难点。
总结
Ø 老师总结学习要点：
Ø 1.钢笔工具绘制路径的技巧；
Ø 2.自定形状工具绘制路径的技巧；
Ø 3.路径面板的应用技巧；
Ø 4.路径文字的应用技巧；
Ø 总结重难点知识。
作业
完成项目测试。
课题
项目7 制作网店店招——图层、蒙版与通道应用
课程
类型
讲授课
授课学时
20学时
教
学
目
标
知识目标
1. 知道淘宝店招的尺寸及要求；
2. 了解图层样式的操作方法；
3. 知道什么是图层蒙版、剪切蒙版；
4. 知道什么是通道。
技能目标
1. 学会图层样式的应用；
2. 学会图层蒙版、剪切蒙版的应用；
3. 学会通道的应用。
情感目标
1. 培养耐心细致的工作态度。
2. 培养良好的审美观和艺术欣赏能力。
教学
重点
1. 使用图层样式修饰图像；
2. 使用图层蒙版合成图像；
3. 使用剪切蒙版制作图像；
4. 学会使用通道进行抠图。
教学
难点
1. 图层蒙版的应用；
2. 通道抠图的应用。
教学资源
教学PPT、图片等资源。
教学方法
讲授法、任务驱动法、项目教学法、自主探究法、小组讨论法等
教学过程
教学
环节
教学过程
设计意图
课程导入
Ø 店招，是一个店铺的招牌。网店店招是展示在店铺首页的最上方长条形的区域。店招是店铺给顾客的第一印象，好的店招不仅能吸引顾客的眼球，带来订单，同时也能起到品牌宣传的作用。本项目的主要任务是学习图层样式、蒙版及通道的知识，运用图层、蒙版与通道，制作出不同产品类型的网店店招。
Ø 从店招的特点、作用等引入本课学习。
讲授新知
Ø 本项目的主要任务是：运用图层样式修饰店招导航和标签；运用图层蒙版合成店招背景；运用剪切蒙版制作店招产品图片；运用通道对产品图片进行抠图。
Ø 老师通过教学平台提前发布PPT给学生自主学习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握图层样式的使用，利用蒙版、通道，制作“书店”、“茶叶店”、“零食店”、“宠物店”等店铺的店招。
Ø 1.前置学习任务，让学生带着知识储备进课室，提高课堂效率。
Ø 2.老师讲授和演示，引出课程难点。
Ø 3.项目式学习，增强学习主动性。
任务实施
任务1 制作书店店招——图层样式的应用
情境设计：淘在淘宝店招中，一般会添加店铺LOGO和店铺名称，加深顾客对商品的第一印象，同时可添加收藏标签，方便顾客下次访问店铺。淘宝店招的标准尺寸大小为950像素×150像素（包含导航条）。
酸橙视觉创意有限公司为学海无涯图书专卖店淘宝店铺装修，需要为书店制作店招。美工小美负责这次店招的设计。考虑到店招制作简洁明了，可以较快地被买家识别，所以小美决定在店招中只放入店铺LOGO和店铺名称，加上简洁的促销标签和收藏标签。尺寸大小为950像素×150像素（包含导航条的高度为30像素），图片存储格式为JPEG/PNG。。
活动1 合成标签和制作导航条
情境设计：
小美在制作店招之前，已经完成了店标 LOGO和收藏标签的制作，确定了导航条的相关信息，同时结合“ 618”年中大促，制作好相应的促销标签。
新建一个宽度为“
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
