6.1动态情景化的设计（教案）《电商视觉设计》（华东师范大学出版社）

《电商视觉设计》课程教案 教学模块 项目六 动态情景化的设计 课时数 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软件介绍 Cinema 4D简称“C4D”，是一款专业的3D建模、动画、模拟和渲染解决方案的软件，在影视特效、动画设计、平面设计等方面都有出色的表现。 二、C4D软件工作界面介绍（Maxon Cinema 4D 23） 1.菜单栏 2.工具栏 3.模式工具栏 4.视图窗口 5.时间轴 6.材质窗口 7.坐标轴 8.属性窗口 9.属性窗口 二、C4D建模常用工具和功能 1.立方体工具组 2.样条画笔工具组 3.细分曲面工具组 4.挤压工具组 5.弯曲工具组 6.地板工具组 7.灯光工具组 8.材质球 9.渲染器 【任务实施与准备】 一、模型制作 步骤1：新建项目 步骤2：场景搭建 步骤3：产品建模 步骤4：设置材质及模型上色 【拓展知识】 一、三维场景搭建与渲染的其他常用工具 1.3DS Max 2.Maya 3.Rhino 4.Zbrush 任务二 视频动态文字设计 【预备知识】 一、AE软件介绍 After Effects简称“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.挤压和伸展（Squash and stretch） 2.预备动作（Anticipation） 3.表演及呈像方式（Staging） 4.连贯动作与关键动作（Straight ahead action and pose to pose） 5.跟随动作与重叠动作（Follow through and overlapping action） 6.渐快与渐慢（Slow in and slow out） 7.弧形运动轨迹（Arcs） 8.附属动作（Secondary action） 9.时间控制（Timing） 10.夸张（Exaggeration） 11.纯熟的手绘技巧（Solid drawing） 12.吸引力（Appeal） 二、表达式 1.time表达式 2.抖动/摆动表达式 3.loopOut表达式(循环表达式) 4.index表达式(索引表达式) 【任务实施与分析】 步骤1：打开Adobe After Effect 2019，新建项目 步骤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：打开Adobe After Effect 2019，新建项目 步骤2：导入准备好的产品图素材以及背景图 步骤3：将图片调整至同一水平位置 步骤4：使用快捷键“Ctrl+Shift+Alt+C”，新建摄像机 步骤5：调整摄像参数 步骤6：输入文字 步骤7：添加点缀元素 步骤8：创建轨道遮罩 步骤9：完成并输出视频 【拓展知识】 一、常见的音频格式 1.MP3 2.WMA 3.WAV 4.AIFF 思政小课堂 由于动态情景化设计是以现实生活场景为基础的视觉创作，因此，在进行动态情景化的设计前，需要学会观察身边事物的细微之处，如商场中产品摆放的场景布置（灯光、环境等）、自然界的水流（流速、光波、水纹等），为动态化场景设计与制作奠定基础。另外，动态情景化设计作为广告宣传的一种形式，需要严格遵守国家的相关法律法规，围绕真实产品进行实事求是的创作，不可过度渲染或夸张产品的实际功效，避免虚假宣传。 1 学科网（北京）股份有限公司 $$