《网店美工与店铺装修》教案第15课PC端电子产品店铺装修（二）.docx

课题PC端电子产品店铺装修（一）课时2课时（90min）教学目标知识目标：掌握PC端店铺详情页、主图视频的设计与制作方法技能目标：能够设计、制作PC端店铺详情页、主图视频素质目标：培养周到细致、全面系统的思维方式教学重睚点教学重点：设计与制作店铺详情页和主图视频教学难点：设计与制作店铺详情页和主图视频教学方法问答法、讨论法、i并授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解店铺详情页、主图视频的设计与制作的相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出以下问题详情页中应包含哪些内容？【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解设计与制作平板详情页、主图视频的相关知识9.2设计与制作平板详情页【教师】组织学生扫码播放”设计与制作平板详情页”视频（详见教材），讲解商品详情页的设计技巧与制作方法9.2.1 设计平板详情页【师生互动】【教师】随机邀请学生回答问题：设计详情页时需要注意哪些问题？【学生】聆听、思考、回答【教师】总结学生的回答内容安排。页头安排宣传内容，以吸引消费者驻足;接下来的五个版块均展示平板卖点，让消费者深入了解平板及其特点:最后一个版块展示平板详细信息，让消费者全面了解平板.（2）配色分析。用白色作为背景颜色，用黑色作为文案颜色，让整个页面呈现出大气、简洁的效果。（3）布局方式确定。采用层叠布局方式，可以增强画面的层次感。【教师】通过展示“平板详情页效果”的图片（详见教材），讲解平板详情页效果9.2.2制作平板详情页1 .制作宣传版块【教师】示范并讲解制作宣传版块的相关操作步骤1新建一个宽度为750像素，高度自定，分辨率为72像素/英寸,颜色模式为RGB颜色的文档,然后在图像编辑区上方置入素材文件夹中的"IMG_9793.jpg"文件，并将其旋转合适角度。步骤2在素材文件下方添加文本并设置文本属性。步骤3新建一个图层，在文本下方绘制一个宽度为750像素，高度为360像素的矩形选区,然后将其填充为浅灰色（枇fefef）,接着打开素材文件夹中的"平板图标psd”文件，并将图标复制到已绘制的浅灰色矩形上。2 .制舲夬【教师】示范并讲解制作卖点版块的相关操作步骤1置入素材文件夹中的“星空素材Jpg”文件，并移至浅灰色矩形下方。置入"平板.jpgw文件,将其进行抠图处理后，放在星空素材偏下位置。步骤2新建一个图层，使用"多边形套索工具"在平板屏幕上绘制选区并为其填充白色。步骤3复制星空素材，并将复制的图层移到绘制的白色选区图层上方，然后将光标移至两个图层之间，当光标呈状时单击创建剪贴蒙版,接着适当缩小复制的星空素材.步骤4步骤8详见教材3 .制作商品信息版块【教师】示范并讲解制作商品信息版块的相关操作步骤1在儿童乐园下方添加文本并设置文本属性。步骤2置入素材文件夹中的"IMG_9787.jpg"文件，然后在平板图片上添加描边宽度为1像素的灰色（#898989）装饰线。步骤3新建一个图层，在上下两条装饰线靠近平板的一端各绘制一个灰色箭头。选中所有装饰线与箭头，按"Clrl+E”组合键合并图层。步骤4步骤6详见教材4 .切片【教师】示范并讲解切片的相关操作步骤1使用"切刀工具"在平板详情页上绘制要切片的区域并为其命名。步骤2将切片存储到"images”文件夹中。9.3设计与制作平板主图视频【教师】组织学生扫码播放”设计与制作平板主图视频“（详见教材），练习与巩固商品短视频的设计与制作方法1 .3.1设计平板主图视频【教师】让学生分组讨论平板主图视频的设计思路【学生】讨论、由小组代表发表讨论结果【教师】点评、总结各组的发言，讲解设计主图视频本例首先导入视频素材，然后按照"展示平板外观一展示平板使用功能”的顺序对画面进行剪辑，并添加商品名称、广告解说等字幕，以便消费者全面、深入地了解平板，接着调整画面的亮度和色调，使画面效果更加明亮、通透，这有利于消费者获得良好的视觉体验,最后添加背景音乐并输出。2 .3.2制作平板主图视频【师生互动】【教师】随机邀请学生回答问题：制作平板主图视频时需要注意哪些问题？简述一下操作步骤。【学生】聆听、思考、回答【教师】总结学生的回答3 .剪辑素材【教师】示范并讲解剪辑素材的相关操作步骤1启动PremierePrO,单击欢迎界面中的“新建项目"按钮，在打开的“新建项目"对话框的"名称"编辑框中输入"平板"，然后单击"确定"按钮新建项目。步骤2选择"文件"T"导入"菜单项，在打开的“导入"对话框中选择本书配套素材"素材与实例"uCh9""平板主图视频""素材”文件夹中的所有素材，然后单击"打开"按钮导入素材。步骤3将素材"正面特写.mp4"从"项目"面板拖至"时间轴”面板中，此时自动生成“VI”轨道，按空格键预览素材"正面特写mp4”,发现该素材前段、后段冗长，需剪辑。单击"时间轴”面板左上方的当前时间码，然后在激活的编辑框中输入"00:00:03:18"并按"Enter"键确认，接着选择工具箱中的“剃刀工具"，在"VI”轨道的当前时间指针处单击剪辑素材，采用同样方法在“00:00:15:10"处剪辑素材，将其剪成3个片段。步骤4使用"选择工具"依次单击选择第1个片段和第3个片段，并按"Delete"键删除，然后将剩余片段向左拖动，使其起始点位于第0帧。步骤5使用“剃刀工具”在剩余片段的"00:00:06:00"处单击，将其剪成两个片段，然后在第1个片段上右击，并从弹出的快捷菜单中选择"速度/持续时间"项，接着在打开的"剪辑速度/持续时间"对话框中将"速度"设置为"300"后单击"确定"按钮，使片段播放速度加快，最后移动第2个片段使其与第1个片段衔接。步骤6将素材"按键特写.mp4"从"项目"面板拖至"正面特写.mp4"后，然后使用"剃刀工具"将素材”按键特写.mp4"从"00:00:13:15"处分成两个片段，并将第1个片段的速度设置为300,将第2个片段的速度设置为80,最后使两个片段衔接.步骤7将”观影.mp4"和"玩游戏.mp4”两个素材依次拖至"VI"轨道"按键特写.mp4”后进行拼接，然后分别设置其速度为200和250至此，平板主图蜘初步剪辑完成，当前"时间轴"面板效果。4 .添加字幕【教师】示范并讲解添加字幕的相关操作步骤1选择"文件""新建"一"旧版标题”菜单项，在打开的“新建字幕”对话框中单击"确定"按钮，进入字幕编辑界面。步骤2选择"文字工具"，在字幕编辑区单击并输入文字"华为平板M6",然后在"字幕属性"面板"属性"设置区设置字幕的参数，设置完成后单击字幕编辑界面右上角的“关闭"按钮关闭编辑界面。步骤3将"字幕01"素材从"项目"面板拖至"时间轴"面板的"V2"轨道上，然后选择“选择工具"，将光标移至字幕素材末端，当光标呈状时拖动鼠标调整字幕时长，使其时长与“正面特写"的第1个片段时长相同。步骤4步骤10详见教材3 .调整国面【教师】示范并讲解调整画面的相关操作步骤1切换到“项目"面板，然后选择"文件"一"新建"一"调整图层"菜单项，接着在打开的"调整图层"对话框中单击"确定"按钮，此时面板中新增了一个调整图层。步骤2在"VI"轨道上方添加单个轨道，然后将调整图层拖至新建的"V2”轨道，并调整其时长与"VI"轨道上的所有视频素材的时长相同。步骤3在“效果"面板"视频效果"一"颜色校正"列表中选择"Lumeiri颜色"效果,并将其拖至调整图层上。步骤4在“效果控件"面板中展开"Lumeiri颜色"效果下的"曲线"列表，在"RGB曲线"设置区单击两次中间的斜线，以创建两个调节点，并将其向上拖动，使画面更明亮。4 .励晴聘乐腌出【教师】示范并讲解添加背景音乐并输出的相关操作步骤1导入素材"配乐mp3”并将其拖至"A2"轨道上，然后将其"00:00:02:12"之前的部分剪掉，接着向左拖动剩余片段，使其起始点位于第0帧，最后在整个视频的末端处将其剪断,并删除右侧部分，使其整体时长与视频一致。步骤2在“效果"面板"音频过渡"一"交叉淡化”列表中选择"指数淡化”效果，并将其拖至素材"配乐mp3”的首端和末端，为该背景音乐设置淡入和淡出的效果。步骤3按"Clrl+M”组合键，在打开的“导出设置”对话框中设置输出格式为"H264”,输出名称为"平板主图"，然后设置输出路径并单击“导出"按钮，渲染输出短视频。步骤4输出完成后可在指定路径找到制作完成的短视频。至此，平板主图视频制作完成。【学生】聆听、观看、思考、理解、记忆课堂实训【教师】让学生分组迸行练习，制作平板详情页与平板主图视频【学生】组内分工、完成练习【教师】巡堂辅导课堂小结【教师】简要总结本节课的要点设计与制作平板详情页：设计平板详情页、制作宣传版块、制作卖点版块、制作商品信息版块、切片设计与制作平板主图视频：设计平板主图视频、剪辑素材、添加字幕、调整画面、添加背景音乐并输出【学生】总结回顾知识点作业布置【教师】布置课后作业按照本节课所学知识，设计与制作家用电器店铺的详情页与主图视频。【学生】完成课后任务教学反思