电子商务视觉设计 教案 项目六 动态情景化的设计

《电商视觉设计》课程教案教学模块项目六动态情景化的设计课时数12教学班级主讲教师教学目的和要求知识目标1.认识C4D软件及其工作界面；2.了解C4D建模常用的工具及功能；3.认识AE软件及其工作界面；4.熟悉与动画制作的基础知识；5.了解图形动画设计的基础知识；6.了解产品推介动画设计的基础知识。技能目标1.能够使用C4D软件搭建出符合营销需求的三维场景并进行渲染；2.能够使用AE软件制作出符合营销需求的动态文字；3.能够使用AE软件进行图形动画的设计与制作；4.能够使用AE软件进行产品推介动画的设计与制作。素养目标1.了解社会主义核心价值观，诚实守信，遵守职业道德；2.具备积极主动的工作态度、较强的视觉审美与设计能力；3.具备较强的团队协作能力、社会责任意识和诚信的品德。教学手法1.利用讲授法告知学生课程的基础知识，帮助学生建立知识框架，再通过教师的操作演示，学习具体步骤并自行练习；2.教师利用直接教学法，先设置问题引起学生注意，告知学生学习目标，让学生通过演示和案例展示向学习目标靠近；3.利用情景教学法，教师设置好问题情景，带领学生以解决情景问题为目标进行学习，引导学生发挥主观能动性来解决学习过程中的问题；4.教师利用任务驱动法，告知学生学习目标，引导学生先以自行学习的方式掌握基础知识，再以小组合作的形式探讨重难点知识，在教师的引导下完成操作知识。教学重难点重点：1.C4D建模常用的工具及功能；2.动画制作的基础知识。难点：1.三维场景搭建；2.动态文字制作；3.动画设计与制作。教学要点设计1.教师通过讲授法告知学生C4D软件和工作界面的基本功能，在学生对于制作工具有了一定了解的基础上，演示具体的操作步骤，将注意事项进行细致讲解，并要求学生进行独立练习；（135分钟）2.教师在课程一开始，先设置问题，引起学生注意：制作弹跳文字效果需要什么样的工具和制作知识？怎么样制作？然后告知学生本次课程的目标是掌握视频文字动态设计，老师边操作演示边提问，引导学生记住关键知识点；（135分钟）3.教师在课程开始前，设置图形动画设计的具体情景，引起学生了解知识的兴趣，并为了推进情景发展而主动掌握相关知识；（135分钟）4.教师告知学生，本节课的主要任务是掌握产品推介动画设计，学生在这一目标的驱动下，自行阅读学习基础知识，教师及时解决学习中的困难。然后引导学生分组，根据教材尝试进行设计，将所有过程中的疑问和技巧总结下来并在全班级分享，教师将重点知识重新梳理，帮助学生完整知识架构。（135分钟）教学过程任务一三维场景搭建与渲染【预备知识】一、C4D软件介绍Cinema4D简称“C4D”，是一款专业的3D建模、动画、模拟和渲染解决方案的软件，在影视特效、动画设计、平面设计等方面都有出色的表现。二、C4D软件工作界面介绍（MaxonCinema4D23）1.菜单栏2.工具栏3.模式工具栏4.视图窗口5.时间轴6.材质窗口7.坐标轴8.属性窗口9.属性窗口二、C4D建模常用工具和功能1.立方体工具组2.样条画笔工具组3.细分曲面工具组4.挤压工具组5.弯曲工具组6.地板工具组7.灯光工具组8.材质球9.渲染器【任务实施与准备】一、模型制作步骤1：新建项目步骤2：场景搭建步骤3：产品建模步骤4：设置材质及模型上色【拓展知识】一、三维场景搭建与渲染的其他常用工具1.3DSMax2.Maya3.Rhino4.Zbrush任务二视频动态文字设计【预备知识】一、AE软件介绍AfterEffects简称“AE”，是一款专业的非线性特效合成软件，在影视特效、动画设计等方面都有出色的表现。由菜单栏、工具栏、项目面板、时间线面板、合成面板和效果和预设面板等5个模块组成。二、视频基本知识1.基本概念：帧、帧速率、帧长宽比2.电视制式：PAL制式、NTSC制式、SCAM制式3.视频格式：MPEG格式、AVI格式、ASF格式、MOV格式4.视频的转场：技巧转场、无技巧转场【任务实施与分析】一、弹跳文字效果制作步骤1：新建项目步骤2：输入文字步骤3：调整文字动画步骤4：调整动画制作工具1参数步骤5：调整动画制作工具2关键帧步骤6：设置“动画制作工具2”位置的Y轴参数步骤7：将关键帧向后移动步骤8：设置文字动画的显示效果步骤9：添加背景图步骤10：设置格式并输出二、果冻效果文字制作步骤1：新建项目步骤2：输入文字步骤3：添加摆动选择器步骤4：设置摆动选择器参数步骤5：添加关键帧步骤6：将关键帧设置为缓和或曲线步骤7：设置文字动画的显示效果步骤8：导入背景图片步骤9：完成并输出文字视频【拓展知识】一、影视和动画的视频语言1.镜头2.景别3.镜头的分类任务三图像动画设计【预备知识】一、动画设计十二原则1.挤压和伸展（Squashandstretch）2.预备动作（Anticipation）3.表演及呈像方式（Staging）4.连贯动作与关键动作（Straightaheadactionandposetopose）5.跟随动作与重叠动作（Followthroughandoverlappingaction）6.渐快与渐慢（Slowinandslowout）7.弧形运动轨迹（Arcs）8.附属动作（Secondaryaction）9.时间控制（Timing）10.夸张（Exaggeration）11.纯熟的手绘技巧（Soliddrawing）12.吸引力（Appeal）二、表达式1.time表达式2.抖动/摆动表达式3.loopOut表达式(循环表达式)4.index表达式(索引表达式)【任务实施与分析】步骤1：打开AdobeAfterEffect2019，新建项目步骤2：在合成画布中输入“循环表达式”步骤3：绘制正圆并复制，设置颜色步骤4：导入素材步骤5：为画布中的各个元素添加动画效果步骤6：创建预合成图层步骤7：给预合成图层添加动画步骤8：添加循环表达式步骤9：完成并输出视频【拓展知识】一、提高视频创作能力的方法1.观察作品2.分析作品，整理问题3.制订动画方案二、动画方案的设计思路1.场景拆分2.动画制作任务四产品推介动画设计【预备知识】一、3D图层3D图层又称为三维图层，在将平面图层转化为3D图层之前，该图层为平面图层，其属性只有“位置(z)”、“锚点(z)”、“缩放(z)”、“方向”、“X旋转”、“Y旋转”、“Z旋转”以及“材质选项”属性。二、遮罩遮罩也称mask，是指在图像中指定区域内或区域外使用一条闭合路径或轮廓图来遮挡部分图像内容，并显示特定区域的图像内容，是实现视频合成的重要工具。三、摄像机创建摄像机的方法是选择菜单“图层”——“新建”——“摄像机“，或者按快捷键Ctrl+Shift+Alt+C，即可打开一个摄像机参数设置对话框。【任务实施与分析】步骤1：打开AdobeAfterEffect2019，新建项目步骤2：导入准备好的产品图素材以及背景图步骤3：将图片调整至同一水平位置步骤4：使用快捷键“Ctrl+Shift+Alt+C”，新建摄像机步骤5：调整摄像参数步骤6：输入文字步骤7：添加点缀元素步骤8：创建轨道遮罩步骤9：完成并输出视频【拓展知识】一、常见的音频格式1.MP32.WMA3.WAV4.AIFF思政小课堂由于动态情景化设计是以现实生活场景为基础的视觉创作，因此，在进