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

《《网店美工与店铺装修》教案第15课PC端电子产品店铺装修（二）.docx》由会员分享，可在线阅读，更多相关《《网店美工与店铺装修》教案第15课PC端电子产品店铺装修（二）.docx（4页珍藏版）》请在优知文库上搜索。

1、课题PC端电子产品店铺装修（一）课时2课时（90min）教学目标知识目标：掌握PC端店铺详情页、主图视频的设计与制作方法技能目标：能够设计、制作PC端店铺详情页、主图视频素质目标：培养周到细致、全面系统的思维方式教学重睚点教学重点：设计与制作店铺详情页和主图视频教学难点：设计与制作店铺详情页和主图视频教学方法问答法、讨论法、i并授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解店铺详情页、主图视频的设计与制作的相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】

2、按照老师要求签到问题导入【教师】提出以下问题详情页中应包含哪些内容？【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解设计与制作平板详情页、主图视频的相关知识9.2设计与制作平板详情页【教师】组织学生扫码播放”设计与制作平板详情页”视频（详见教材），讲解商品详情页的设计技巧与制作方法9.2.1 设计平板详情页【师生互动】【教师】随机邀请学生回答问题：设计详情页时需要注意哪些问题？【学生】聆听、思考、回答【教师】总结学生的回答内容安排。页头安排宣传内容，以吸引消费者驻足;接下来的五个版块均展示平板卖点，让消费者深入了解平板及其特点:最后一个版块展示平板详细信息，让消费者

3、全面了解平板.（2）配色分析。用白色作为背景颜色，用黑色作为文案颜色，让整个页面呈现出大气、简洁的效果。（3）布局方式确定。采用层叠布局方式，可以增强画面的层次感。【教师】通过展示“平板详情页效果”的图片（详见教材），讲解平板详情页效果9.2.2制作平板详情页1 .制作宣传版块【教师】示范并讲解制作宣传版块的相关操作步骤1新建一个宽度为750像素，高度自定，分辨率为72像素/英寸,颜色模式为RGB颜色的文档,然后在图像编辑区上方置入素材文件夹中的IMG_9793.jpg文件，并将其旋转合适角度。步骤2在素材文件下方添加文本并设置文本属性。步骤3新建一个图层，在文本下方绘制一个宽度为750像素，

4、高度为360像素的矩形选区,然后将其填充为浅灰色（枇fefef）,接着打开素材文件夹中的平板图标psd”文件，并将图标复制到已绘制的浅灰色矩形上。2 .制舲夬【教师】示范并讲解制作卖点版块的相关操作步骤1置入素材文件夹中的“星空素材Jpg”文件，并移至浅灰色矩形下方。置入平板.jpgw文件,将其进行抠图处理后，放在星空素材偏下位置。步骤2新建一个图层，使用多边形套索工具在平板屏幕上绘制选区并为其填充白色。步骤3复制星空素材，并将复制的图层移到绘制的白色选区图层上方，然后将光标移至两个图层之间，当光标呈状时单击创建剪贴蒙版,接着适当缩小复制的星空素材.步骤4步骤8详见教材3 .制作商品信息版块【

5、教师】示范并讲解制作商品信息版块的相关操作步骤1在儿童乐园下方添加文本并设置文本属性。步骤2置入素材文件夹中的IMG_9787.jpg文件，然后在平板图片上添加描边宽度为1像素的灰色（#898989）装饰线。步骤3新建一个图层，在上下两条装饰线靠近平板的一端各绘制一个灰色箭头。选中所有装饰线与箭头，按Clrl+E”组合键合并图层。步骤4步骤6详见教材4 .切片【教师】示范并讲解切片的相关操作步骤1使用切刀工具在平板详情页上绘制要切片的区域并为其命名。步骤2将切片存储到images”文件夹中。9.3设计与制作平板主图视频【教师】组织学生扫码播放”设计与制作平板主图视频“（详见教材），练习与巩固商

6、品短视频的设计与制作方法1 .3.1设计平板主图视频【教师】让学生分组讨论平板主图视频的设计思路【学生】讨论、由小组代表发表讨论结果【教师】点评、总结各组的发言，讲解设计主图视频本例首先导入视频素材，然后按照展示平板外观一展示平板使用功能”的顺序对画面进行剪辑，并添加商品名称、广告解说等字幕，以便消费者全面、深入地了解平板，接着调整画面的亮度和色调，使画面效果更加明亮、通透，这有利于消费者获得良好的视觉体验,最后添加背景音乐并输出。2 .3.2制作平板主图视频【师生互动】【教师】随机邀请学生回答问题：制作平板主图视频时需要注意哪些问题？简述一下操作步骤。【学生】聆听、思考、回答【教师】总结学生

7、的回答3 .剪辑素材【教师】示范并讲解剪辑素材的相关操作步骤1启动PremierePrO,单击欢迎界面中的“新建项目按钮，在打开的“新建项目对话框的名称编辑框中输入平板，然后单击确定按钮新建项目。步骤2选择文件T导入菜单项，在打开的“导入对话框中选择本书配套素材素材与实例uCh9平板主图视频素材”文件夹中的所有素材，然后单击打开按钮导入素材。步骤3将素材正面特写.mp4从项目面板拖至时间轴”面板中，此时自动生成“VI”轨道，按空格键预览素材正面特写mp4”,发现该素材前段、后段冗长，需剪辑。单击时间轴”面板左上方的当前时间码，然后在激活的编辑框中输入00:00:03:18并按Enter键确认，

8、接着选择工具箱中的“剃刀工具，在VI”轨道的当前时间指针处单击剪辑素材，采用同样方法在“00:00:15:10处剪辑素材，将其剪成3个片段。步骤4使用选择工具依次单击选择第1个片段和第3个片段，并按Delete键删除，然后将剩余片段向左拖动，使其起始点位于第0帧。步骤5使用“剃刀工具”在剩余片段的00:00:06:00处单击，将其剪成两个片段，然后在第1个片段上右击，并从弹出的快捷菜单中选择速度/持续时间项，接着在打开的剪辑速度/持续时间对话框中将速度设置为300后单击确定按钮，使片段播放速度加快，最后移动第2个片段使其与第1个片段衔接。步骤6将素材按键特写.mp4从项目面板拖至正面特写.mp

9、4后，然后使用剃刀工具将素材”按键特写.mp4从00:00:13:15处分成两个片段，并将第1个片段的速度设置为300,将第2个片段的速度设置为80,最后使两个片段衔接.步骤7将”观影.mp4和玩游戏.mp4”两个素材依次拖至VI轨道按键特写.mp4”后进行拼接，然后分别设置其速度为200和250至此，平板主图蜘初步剪辑完成，当前时间轴面板效果。4 .添加字幕【教师】示范并讲解添加字幕的相关操作步骤1选择文件新建一旧版标题”菜单项，在打开的“新建字幕”对话框中单击确定按钮，进入字幕编辑界面。步骤2选择文字工具，在字幕编辑区单击并输入文字华为平板M6,然后在字幕属性面板属性设置区设置字幕的参数，

10、设置完成后单击字幕编辑界面右上角的“关闭按钮关闭编辑界面。步骤3将字幕01素材从项目面板拖至时间轴面板的V2轨道上，然后选择“选择工具，将光标移至字幕素材末端，当光标呈状时拖动鼠标调整字幕时长，使其时长与“正面特写的第1个片段时长相同。步骤4步骤10详见教材3 .调整国面【教师】示范并讲解调整画面的相关操作步骤1切换到“项目面板，然后选择文件一新建一调整图层菜单项，接着在打开的调整图层对话框中单击确定按钮，此时面板中新增了一个调整图层。步骤2在VI轨道上方添加单个轨道，然后将调整图层拖至新建的V2”轨道，并调整其时长与VI轨道上的所有视频素材的时长相同。步骤3在“效果面板视频效果一颜色校正列表

11、中选择Lumeiri颜色效果,并将其拖至调整图层上。步骤4在“效果控件面板中展开Lumeiri颜色效果下的曲线列表，在RGB曲线设置区单击两次中间的斜线，以创建两个调节点，并将其向上拖动，使画面更明亮。4 .励晴聘乐腌出【教师】示范并讲解添加背景音乐并输出的相关操作步骤1导入素材配乐mp3”并将其拖至A2轨道上，然后将其00:00:02:12之前的部分剪掉，接着向左拖动剩余片段，使其起始点位于第0帧，最后在整个视频的末端处将其剪断,并删除右侧部分，使其整体时长与视频一致。步骤2在“效果面板音频过渡一交叉淡化”列表中选择指数淡化”效果，并将其拖至素材配乐mp3”的首端和末端，为该背景音乐设置淡入

12、和淡出的效果。步骤3按Clrl+M”组合键，在打开的“导出设置”对话框中设置输出格式为H264”,输出名称为平板主图，然后设置输出路径并单击“导出按钮，渲染输出短视频。步骤4输出完成后可在指定路径找到制作完成的短视频。至此，平板主图视频制作完成。【学生】聆听、观看、思考、理解、记忆课堂实训【教师】让学生分组迸行练习，制作平板详情页与平板主图视频【学生】组内分工、完成练习【教师】巡堂辅导课堂小结【教师】简要总结本节课的要点设计与制作平板详情页：设计平板详情页、制作宣传版块、制作卖点版块、制作商品信息版块、切片设计与制作平板主图视频：设计平板主图视频、剪辑素材、添加字幕、调整画面、添加背景音乐并输出【学生】总结回顾知识点作业布置【教师】布置课后作业按照本节课所学知识，设计与制作家用电器店铺的详情页与主图视频。【学生】完成课后任务教学反思