《商品信息采编》（文求实）719-8 教案 第21课 综合实战

PAGE10PAGE10PAGE11PAGE11

课题综合实战（2）课时2课时（90min）教学目标知识技能目标：（1）了解商品信息采编的完整流程（2）能够完成基本的商品信息采编工作素质目标：体验科技带来的便捷性，感受“科技改变生活”教学重难点教学重点：设计平板海报、详情页，优化平板短视频教学难点：设计平板海报、详情页，优化平板短视频教学方法问答法、讨论法、讲授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学设计第1节课：→→→任务实施一（15min）→任务实施二（25min）第2节课：→任务实施（37min）→课堂小结（3min）→作业布置（2min）教学过程主要教学内容及步骤设计意图第一节课课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过文旌课堂APP或其他学习软件，预习本节课要学习的知识【学生】完成课前任务通过课前任务，使学生预习本节课要学习的知识，增加学生的学习兴趣考勤（2min）【教师】使用文旌课堂APP进行签到【学生】班干部报请假人员及原因培养学生的组织纪律性，掌握学生的出勤情况问题导入（3min）【教师】提出以下问题：平板海报的配色和布局应该如何选择？通过问题导入，引导学生主动思考，激发学生的学习兴趣任务实施一（15min）【教师】讲解设计平板海报的具体步骤，并要求学生以小组为单位完成相关任务✈【教师】组织学生扫码观看“设计平板海报”的视频（详见教材），让学生对设计过程有一个大致地了解1.设计思路（1）内容安排：添加平板正面和背面图片，以便于消费者全面了解平板外观；加入优惠信息，以吸引消费者注意。（2）配色分析：用白色作为背景颜色，用黑色作为文案颜色，并用品牌标志颜色（红色）加以点缀，使得整个画面既简洁大气，又信息突出。（3）构图方式：采用左右式构图，可以获得具有一定平衡感的画面。【教师】让学生分组讨论设计思路【学生】组内讨论、确定思路、由小组代表发表讨论结果【教师】点评、总结各组的发言2.设计步骤【教师】演示并讲解设计步骤及具体操作步骤1新建一个名为“平板海报”，宽度为950像素，高度为475像素，分辨率为72像素/英寸，颜色模式为RGB模式的文档。步骤2打开本书配套素材“平板主图.jpg”文件，并将平板的正面和背面图片及“平板M610.8英寸”文本复制到“平板海报”文档中，然后将文本的字体大小改为“36点”。步骤3在复制文本下方添加“新品上市”文本，并设置其与复制文本的字体样式和字体大小相同。步骤4用“圆角矩形工具”（设置半径为“20像素”）在复制文本上方绘制一个宽度为60像素、高度为25像素的圆角矩形，并设置其填充色为红色（#fe0003），描边为无，然后在红色圆角矩形上添加文本“新品”，并设置其字体样式为“方正大黑_GBK”，字体大小为“18点”。步骤5在“新品上市”文本下方添加两个宽度为100像素、高度为30像素的圆角矩形，其中左侧的圆角矩形设置填充色为黑色，描边为无，右侧的圆角矩形设置填充为无，描边色为黑色，描边宽度为1像素。步骤6在图像编辑区的合适位置添加文本。至此，平板海报制作完成。【学生】聆听、观看、理解、记忆【教师】让学生分组进行设计【学生】组内分工，根据本组的设计思路完成设计海报任务【教师】巡堂辅导、答疑解惑【学生】设计完成后，由小组代表展示本组设计的海报图片【教师】与学生一起评选出最佳海报图片通过设计平板海报任务，帮助学生巩固所学知识，熟悉商品海报的设计流程和设计方法任务实施二（25min）【教师】讲解设计平板详情页的具体步骤，并要求学生以小组为单位完成相关任务✈【教师】组织学生扫码观看“设计平板详情页”的视频（详见教材），让学生对设计过程有一个大致地了解（1）模块安排：页头安排宣传内容，以吸引消费者注意；接下来的五个模块均展示平板卖点，让消费者深入了解平板及其特点；最后一个模块展示平板详细信息，让消费者全面了解平板。✈【教师】随机邀请学生回答以下问题：平板详情页的设计适用哪种配色和布局？✈【学生】聆听、思考、回答✈【教师】总结学生的回答（2）配色分析：用白色作为背景颜色，用黑色作为文案颜色，让整个页面呈现出大气、简洁的效果。（3）布局方式：采用层叠布局方式，可以增强画面的层次感。【教师】让学生分组讨论设计思路【学生】组内讨论、确定思路、由小组代表发表讨论结果【教师】点评、总结各组的发言设计步骤制作宣传模块【教师】演示并讲解设计步骤及具体操作步骤1新建一个宽度为750像素，高度自定，分辨率为72像素/英寸，颜色模式为RGB模式的文档，然后在图像编辑区上方放置本书配套素材“IMG_9793.jpg”文件，并将其旋转至合适的角度。步骤2在图片下方添加文本。步骤3在文本下方绘制一个宽度为750像素、高度为360像素的矩形选区，并为其填充浅灰色（#efefef），然后打开本书配套素材“平板图标.psd”文件，并将图标复制到刚绘制的浅灰色矩形上。【学生】聆听、观看、理解、记忆【教师】让学生分组进行制作【学生】组内分工，根据本组的设计思路完成制作宣传模块任务【教师】巡堂辅导、答疑解惑2）制作卖点模块【教师】演示并讲解设计步骤及具体操作步骤1置入本书配套素材“星空素材.jpg”文件，放在浅灰色矩形下方。置入“IMG_9784.jpg”文件，对其进行抠图处理后，放在星空图偏下位置。步骤2新建一个图层，选择“多边形套索工具”，在平板屏幕的一角单击，然后在下一个角单击，接着在第三个角单击，最后将光标移至第一个角，当光标呈状时单击，此时会形成一个选区，为其填充任意颜色，并按“Ctrl+D”组合键取消选区。步骤3复制星空素材，并将复制图层移至绘制的白色矩形图层上方，将光标移至两个图层之间，当光标呈状时单击创建剪贴蒙版，然后适当缩小复制的星空素材。步骤4在平板上方添加文本，并为其添加投影图层样式。【高手点拨】如果多幅商品图片之间只有细微差距，可先拍摄一幅商品图片，然后利用后期处理技术制作出其他商品图片。例如，多幅平板图片只有屏幕显示内容不同，就可以拍摄一幅平板图片，然后利用步骤2和步骤3的方法替换屏幕显示内容。步骤5在星空图片下方添加文本（与步骤4中文本的参数相同）并置入本书配套素材“平板素材.jpg”文件。步骤6采用上述方法制作第三个和第四个卖点模块。步骤7置入本书配套素材“儿童乐园素材.jpg”文件，按“Ctrl”键的同时单击其图层缩览图将其载入选区，然后新建一个图层并为其填充黑色，设置其图层不透明度为“50%”，最后按“Ctrl+D”组合键取消选区。步骤8置入本书配套素材“IMG_9785.jpg”文件，并在其上方添加文本（与步骤4中文本的参数相同）。【学生】聆听、观看、理解、记忆【教师】让学生分组进行制作【学生】组内分工，根据本组的设计思路完成制作卖点模块任务【教师】巡堂辅导、答疑解惑3）制作商品信息模块【教师】演示并讲解设计步骤及具体操作步骤1添加商品信息模块标题及正文（与“制作卖点模块”步骤4中文本的参数相同）。步骤2置入本书配套素材“IMG_9787.jpg”文件，然后在图片上添加描边宽度为1像素的灰色（#898989）直线。✈【教师】提出以下问题，随机邀请学生进行回答PS中合并图层的快捷键是哪个？✈【学生】聆听、思考、回答✈【教师】总结学生的回答步骤3新建一个图层，在上下两条直线靠近平板的一端各绘制一个箭头，并为其填充灰色（#898989），加选上下两条直线，按“Ctrl+E”组合键合并图层。步骤4在平板图片上方绘制两个宽度为96像素、高度为74像素、半径为3像素的圆角矩形，并设置其填充为无，描边色为灰色（#898989），描边宽度为1像素。步骤5在圆角矩形中添加文本，并设置其字体样式为“方正黑体_GBK”，字体大小为“28点”。步骤6在图片下方添加背景、文本、矩形装饰及文本之间的分割线。至此，平板详情页制作完成。【学生】聆听、观看、理解、记忆【教师】让学生分组进行制作【学生】组内分工，根据本组的设计思路完成制作商品信息模块任务【教师】巡堂辅导、答疑解惑【学生】制作完成后，由小组代表展示本组设计的商品详情页图片【教师】与学生一起评选出最佳的商品详情页通过设计平板详情页任务，帮助学生巩固所学知识，熟悉设计商品详情页的流程和方法第二节课问题导入（3min）【教师】提出以下问题：商品短视频的优化步骤有哪些？【学生】思考、举手回答通过问题导入，引导学生主动思考，激发学生的学习兴趣任务实施（37min）【教师】讲解优化平板短视频的具体步骤，并要求学生以小组为单位完成相关任务1.剪辑素材✈【教师】组织学生扫码观看“优化平板短视频”视频（详见教材），让学生对优化过程有一个大致地了解【教师】演示并讲解剪辑素材的步骤及具体操作步骤1启动Premiere2017，单击起始页中的“新建项目”按钮，在打开的“新建项目”对话框的“名称”编辑框中输入“平板”，然后单击“确定”按钮新建项目。步骤2选择“文件”→“导入”菜单项，在打开的“导入”对话框中选择本书配套素材“素材与实例”→“项目7”→“视频”文件夹中的所有素材，然后单击“打开”按钮导入素材。步骤3将素材“正面特写.mp4”从“项目”面板拖至“时间轴”面板中，此时自动生成“V1”轨道，按空格键预览素材“正面特写.mp4”，发现该素材前段、后段冗长，需剪辑。✈【教师】提出以下问题，随机邀请学生进行回答如何将一段素材剪辑成多个片段？✈【学生】聆听、思考、回答单击“时间轴”面板左上方的当前时间码，输入“00:00:03:18”并按“Enter”键确认，然后选择工具栏中的“剃刀工具”，在“V1”轨道的当前时间指针处单击剪辑素材，采用同样的方法在“00:00:15:10”处剪辑素材，将素材剪成三个片段。步骤4选择工具栏中的“选择工具”，依次单击选择第一个片段和第三个片段，并按“Delete”键删除，然后将剩余片段向左拖动，使其起始点位于第0帧。步骤5用“剃刀工具”在剩余片段的“00:00:06:00”处单击，将其剪成两个片段，然后在第一个片段上右击，在弹出的快捷菜单中选择“速度/持续时间”项，在打开的“剪辑速度/持续时间”对话框中将“速度”设置为“300”，并单击“确定”按钮，使片段播放速度加快，最后移动第二个片段，使其与第一个片段衔接。步骤6采用步骤5的方法，先用“剃刀工具”将素材“按键特写.mp4”从“00:00:13:15”处分成两个片段，然后将第一个片段的速度设置为“300”，将第二个片段的速度设置为“80”，并使两个片段衔接。步骤7将“观影.mp4”和“玩游戏.mp4”两个素材拖至“V1”轨道，并分别设置其速度为“200”和“250”。至此初步剪辑完成。【学生】聆听、观看、理解、记忆【教师】让学生分组剪辑素材【学生】组内分工，根据所讲步骤完成视频剪辑任务【教师】巡堂辅导、答疑解惑2.添加字幕【教师】演示并讲解添加字幕的步骤及具体操作步骤1选择“文件”→“新建”→“标题”菜单项，在“新建字幕”对话框中单击“确定”按钮，进入字幕编辑界面。步骤2选择工具栏中的“文字工具”，在字幕编辑区单击并输入文字“华为平板M6”，然后在“字幕属性”面板中的“属性”设置项下设置字幕的参数，设置完成后单击字幕编辑界面右上角的“关闭”按钮关闭此界面。步骤3将新建的“字幕01”素材从“项目”面板拖至“时间轴”面板的“V2”轨道，并使其时长与第一段视频时长相同（选择“选择工具”，将光标移至字幕片段末端，当光标呈状时拖动鼠标即可调整时长）。步骤4新建“字幕02”，在字幕编辑界面输入文字并设置其字体、大小、行距和颜色，然后调整字幕所在位置。步骤5将“字幕02”素材拖至“V2”轨道，并使其时长与第二段视频时长相同。步骤6采用上述方法，根据该短视频的文案依次为后面的视频素材添加字幕，并调整字幕的位置。需要注意的是，如果一些白色字幕无法与背景颜色区分开，可勾选“字幕属性”面板中的“阴影”复选框，并在其设置项下设置阴影参数。步骤7视频素材对应的字幕添加完成后开始添加品牌广告语和标志。新建字幕“华为，让智慧更性感！”，然后在“字幕样式”面板中选择“ArialBlacksliver”，在“字幕属性”面板中设置参数。步骤8将广告语字幕拖至“V2”轨道，并设置其持续时间为“00:00:02:05”。导入本书配套素材“平板标志（反白）.png”文件，并将其拖至“V2”轨道，设置其持续时间为“00:00:01:24”，然后在“效果控件”面板中设置“缩放”为“25”后按“Enter”键确认。步骤9将“项目”面板切换成“效果”面板，在“视频过渡”→“页面剥落”列表中选择“翻页”效果，并将其拖至“字幕01”素材的起始点。步骤10采用步骤9的方法为其他字幕和视频素材添加转场效果，不同的是，效果要拖至两个素材的衔接处。【学生】聆听、观看、理解、记忆【教师】让学生分组添加字幕【学生】组内分工，根据所讲步骤完成添加字幕任务【教师】巡堂辅导、答疑解惑调整画面【教师】演示并讲解调整画面的步骤及具体操作步骤1选择“文件”→“新建”→“调整图层”菜单项，然后在打开的“调整图层”对话框中单击“确定”按钮，此时在“项目”面板中新增了一个调整图层。步骤2选择“V2”轨道上的所有素材并全部拖至“V3”轨道，然后将调整图层拖至“V2”轨道，并使其时长与“V1”轨道上的视频素材的时长相同。步骤3在“效果”面板的“视频效果”→“颜色校正”列表中选择“LumetriColor”效果，并将其拖至调整图层上。步骤4在“效果控件”面板中展开“LumetriColor”效果下的“曲线”列表，在“RGB曲线”设置区单击两次中间的斜线，以创建两个调节点，并将其向上拖动，使画面更明亮。【学生】聆听、观看、理解、记忆【教师】让学生分组调整【学生】组内分工，根据所讲步骤完成调整画面任务【教师】巡堂辅导、答疑解惑4.添加音乐并输出【教师】演示并讲解添加音乐并输出的步骤及具体操作步骤1导入素材“配乐.mp3”，并将其拖至“A2”轨道，然后将其“00:00:02:12”之前的部分剪掉，接着将其向左拖动，使其起始点位于第0帧，最后将其剪至与视频（包括品牌广告语和标志）等长。步骤2在“效果”面板的“音频过渡”→“交叉淡化”列表中选择“指数淡化”效果，并将其拖至素材“配乐.mp3”的首端和末端，为该背景音乐设置淡入和淡出的效果。步骤3