微课在中职课程《商品图片处理》教学中的应用

罗明慧

摘  要：与商品图片处理（美工、设计）相关的岗位是中职电子商务专业学生毕业的一大去向。传统的商品图片处理课堂教学采用讲授演示法，便于教师的统一授课。但是我国目前普遍采用大班授课，实训中教师难以兼顾过多的一对一指导。学习困难的学生很难从传统的课堂教学中得到足够的帮助。新的教学手段——微课可以给学生提供更多的帮助。它具备教学时间较短、教学内容较少、主题突出、内容具体的特点，可以满足学生在实操过程中和课后重温知识点和技能的要求。本文以《商品无痕抠图技术》课题为例，探讨微课在中职课程《商品图片处理》教学中的应用。

关键词：抠图技术;商品图片处理;微课

一、《商品图片处理》课程现状及存在问题

（一）《商品图片处理》课程现状

随着电子商务的发展，电商企业和顾客对购物网站的商品图片提出了更高的要求，进而对从事商品摄影、图片处理（美工、设计）等相关岗位工作的从业人员提出了更高的要求。商品图片处理工作涉及大量的Photoshop软件图片处理操作技术，非常适合中职生的学习特点。与商品图片处理相关的岗位是中职电子商务专业学生毕业的一大去向，许多中职学校为此设立了相关课程。

目前，传统的商品图片处理课程主要为以单一的Photoshop软件学习课程，如《Photoshop》、《网店美工》，学习周期为一个学期。我所在的学校根据企业的工作流程，将摄影和Photoshop软件处理图片结合起来，开发了《商品图片处理》校本课程。无论是《Photoshop》、《网店美工》还是《商品图片处理》课程，都大量涉及Photoshop软件应用的知识和技能，在课堂教学中都有教师理论讲授、实操演示和学生实操训练几个重要组成部分。

（二）存在问题

学生在听完理论讲授、观看实操演示后，需要进行实操训练。对于比较容易的知识点和技能，学生花费的时间相差无几。遇到比较难的知识点和技能，部分学生很快完成，部分学生不理解、记不住。这时候教师反复统一演示会浪费已掌握学生的时间，个别指导又只能顾及少部分学生，学生小组互助也可能存在传达不准确的情况。

中职学生不像大学生那样，几乎人人拥有电脑，可以经常利用电脑复习已学知识和技能。当间隔时间较长时，学生需要再次应用相关知识和技能时，会产生遗忘的问题。因此，教师也不得不经常利用有限的课堂时间，给中职学生进行复习。

在本校的《商品图片处理》课程中，学生对商品进行摄影后，需要及时根据企业的工作流程利用Photoshop软件对商品图片进行处理，更真实的反应了商品图片处理的应用场景。而传统的《Photoshop》、《网店美工》课程，学生在学习摄影等各种技能后，可能需要间隔更长的时间——通常为一至两个学期，才模仿企业工作流程对商品图片处理技能进行训练，学生将面临更严重的遗忘问题。

二、研究的目的和意义

传统的《商品图片处理》课堂教学采用讲授演示法，便于教師的统一授课，控制教学进度。但是我国目前普遍采用大班授课，实训中教师难以兼顾过多的一对一指导。学习难度大的知识和技能时，接受能力较慢和容易遗忘的学生很难从传统的课堂教学中得到足够的帮助。在《商品图片处理》课程中应用新的教学手段——微课，可以将课堂知识、技能、案例片段化，制作成可以反复观看的信息化资源，给学生提供更多的帮助。

三、微课教学介绍

微课的核心组成内容是课堂教学视频，它具备的教学时间较短、教学内容较少、主题突出、内容具体的特点，可以满足学生在实操过程中和课后重温知识点和技能的要求。

四、微课在《商品无痕抠图技术》课题中的应用

（一）现有抠图技术及存在问题

商品抠图是商品图片处理工作的基础。Photoshop软件里的魔棒、套索、选框等选区工具操作简单、快速，可以对商品进行抠图。利用选区工具抠图是Photoshop软件应用的入门技术，但是也对被处理图片提出了背景颜色单一、商品形状简单等要求。应用魔棒、套索、选框等选区工具的抠图方法，将商品从复杂的背景中抠出，往往会带有杂边，这样的图片用于展示商品，效果往往不是很令人满意。解决这一问题就需要商品无痕抠图技术——钢笔抠图。

但是钢笔抠图的原理和选区工具抠图有所不同，学生容易混淆。另一方面，钢笔工具的使用较为复杂，中职生学习起来比较困难。

（二）课题的设计

制作8分钟的视频，将教学内容划分为钢笔工具抠图的原理、锚点的类型和实操案例、拓展练习四个部分，分别解决学生关于“为什么”、“怎么做”的问题，方便学生有针对性的随时查看。

1.钢笔工具抠图的原理

钢笔工具抠图主要是利用钢笔工具的绘制路径功能生成选区进行抠图。通过抠出五角星的简单实例让学生体会钢笔工具抠图的原理和一般过程：

（1）选择钢笔的路径模式;

（2）建立锚点;

（3）继续建立锚点，相邻两个锚点自动连接起来，形成路径，闭合路径;

（4）将路径转化为选区。

2.锚点的类型

路径是由锚点控制的，如果要绘制包含曲线和折角的路径，抠出边缘有弧度和折角的商品，还要学习锚点的类型。锚点的类型分为3类，分别是直线锚点、曲线锚点与贝叶斯锚点。通过使用直线锚点、曲线锚点与贝叶斯锚点绘制W、S、m形线段，将形象的线段与具体锚点类型联系起来，突破钢笔工具使用难点。

（1）直线锚点

使用钢笔工具在画布上，从左至右上下单击五下，每次点击得到一个锚点，相邻两点自动连成一条直线，从而形成W形折线，按ESC键完成非闭合曲线的绘制。这些折线上的锚点被称为直线锚点。

（2）曲线锚点

利用曲线锚点绘制一个S形的曲线。首先，创建锚点——单击鼠标并拖拽。此时，在锚点的两侧会出现控制杆（端点为实心圆点），控制杆可以调节该锚点两侧或一侧的曲线方向和弧度。调节控制杆的方向可以控制曲线的方向，调节控制杆的长度可以控制曲线的弯曲程度，调节的过程中控制杆始终在一条直线上。从左向右依次创建第二、三个锚点，并调节控制杆的长度和方向，两个相邻的锚点自动连接成一条曲线，从而形成S形的曲线。这种连接曲线，控制杆在一条直线上的锚点称之为曲线锚点。

（3）贝叶斯锚点

绘制一条m形的曲线。按住键盘上的Alt将钢笔工具切换成转化点工具，仅调整锚点一端的控制杆，使锚点两侧的控制杆不在一条直线上。这种连接曲线，锚点两侧的控制杆不在一条直线上的锚点称之为贝叶斯锚点。

3.实操案例：使用钢笔工具抠出精美绢花

待处理图片为精美绢花，背景白色部分颜色不纯、商品包含阴影、叶子不美观，需要将花朵完美抠出。通过观察发现，花瓣的轮廓都是曲线，而花瓣的顶端都是折角。利用钢笔工具在花瓣轮廓的曲线处绘制曲线锚点，在折角处绘制贝叶斯锚点，可以更好的绘制贴合花瓣轮廓的各种曲线，更容易获得好的抠图效果。

4.拓展练习

布置背景复杂、商品边缘线条复杂的商品抠图作业——汽车抠图，引导学生将钢笔抠图技术应用类似的场景。

（三）在课堂中的应用

在50人规模的电子商务班开展《商品无痕抠图技术》课堂教学。因为钢笔抠图过程的复杂性，部分学生有不理解、记不住的情况。他们就怎么通过钢笔工具得到选区，如何控制锚点、路径从而控制抠出的商品边缘有很大迷惑，对操作的顺序和过程记忆不清。老师将《商品无痕抠图技术》微课作为课堂教学的补充资源提供给学生使用。有困惑的学生通过反复观看微课的对应模块，得到解答。记忆稍慢的同学利用微课的播放、暂停、重播功能，反复观看和模仿操作的分解步骤，达到巩固。平时不好意思提问的学生也默默打开视频微课学习和模仿。这些学生在利用微课学习的同时，其他学生的操作也不会因为老师突然要面对全班反复讲解而打断，也不会经常出现多个同学同时举手找老师答疑老师忙于解答的情况。接受能力比较强的学生在实训任务完成以后，继续做拓展练习提高技艺。尖子学生时间还有富余，在老师的提示下帮助其他同学掌握技艺。通过将微课引入课堂大大提高了师生教与学的效率。

当课程进度从单一的Photoshop图片处理过渡到拍摄和图片处理阶段，部分学生的商品无痕抠图技术有所生疏了，可以通过微课快速回忆技艺，减少对整个拍摄和图片处理流程的影响。

（四）在课后的应用

将《商品无痕抠图技术》的微课上传到学校资源库，开通学生访问权限，学生可以24小时登录校园网资源库访问。在学期的前期、中期、后期学生都可以利用手机在线观看微课，通过观看回忆自己原来掌握过但是又遗忘的技艺，在回到课堂前或者期末测试前熟悉操作的流程，提高重拾技艺的效率。

五、总结：

通过《商品无痕抠图技术》课题的实例，利用微课时间短、内容少、重点突出、具体化的特点，可以将《商品图片处理》课程中较难掌握的知识点和技能化整为零，使学生在课堂和课下，利用微课视频资源对以学知识和技能进行复习。同时，保证教师上课节奏的流程性，提高教师的课堂教学效率，丰富教师的教学手段，以及丰富学校的校本课程信息资源。

在当今电子商务迅猛发展的潮流下，利用微课提高电子商务专业学生的商品图片处理能力，可以为电商企业提供更多的高素质商品图片处理（美工、設计）人才，更好的解决学生的就业问题。

参考文献：

[1] 单立娟，周民，刘珊珊.AdobePhotoshop CS6图像设计与制作案例技能实训教程[M].第1版.北京：北京希望电子出版社，2015：68.

[2] 杨艳杰，王来哲.中文版Photoshop CS5平面设计项目教程[M].第1版.北京：航空工业出版社，2012：160.

[3] 袁媛项，焱高旺.中文版Photoshop CS5案例课堂[M].第1版.北京： 北京希望电子出版社，2011.