AfterEffects动态图形与动效设计教学教案

AfterEffects动态图形与动效设计AfterEffects动态图形与动效设计第第页（学年第学期）开课专业：授课班级：（学年第学期）开课专业：授课班级：授课教师：教学教案课时内容动态图形设计与AfterEffects概述授课时间180分钟课时4教学目标了解动态图形设计的含义、发展历程、流程与要点了解动态图形设计的常用软件和AI工具熟悉AfterEffects的常用术语熟悉AfterEffects中可能用到的各种文件格式教学重点了解动态图形设计的常用工具熟悉AfterEffects的常用术语熟悉AfterEffects中可能用到的各种文件格式利用AfterEffects制作简单的动态图形使用AI工具获取动态图形设计思路教学难点熟悉AfterEffects的常用术语熟悉AfterEffects中可能用到的各种文件格式利用AfterEffects制作简单的动态图形教学设计教学思路：（1）先介绍动态图形设计基础知识，帮助学生了解动态图形设计的含义、发展历程、一般流程与要点、常用软件和AI工具；（2）接着讲解AfterEffects基础知识，以便更好地学习动态图形设计；（3）通过制作旋转的星球动效巩固本章所学知识，让学生在熟悉AE工作界面的同时，进一步掌握使用AE制作动态图形的一般流程和基本操作方法；（4）最后讲解使用文本类AI工具生成动态图形设计思路的方法教学手段：讲解基础知识，讲解结束后进行疑难解答。教学资料及要求：在网络上查找一些动态图形的设计案例，并分析其特点。教学内容知识回顾：下面将讲解动态图形设计与AfterEffects的基础知识。讨论问题：1.动态图形有哪些特点？2.你在哪些地方看到过动态图形设计？内容大纲：具体可结合本章的PPT课件进行配合讲解。1.1动态图形设计基础知识1.1.1动态图形设计的含义1.1.2动态图形设计的发展历程1.1.3动态图形设计的一般流程与要点1.1.4动态图形设计的常用软件和AI工具1.2AfterEffects基础知识1.2.1常用术语解析1.2.2相关设计文件格式说明1.2.3AfterEffects的工作界面1.2.4使用AfterEffects制作动态图形的一般流程项目实训——制作旋转的星球动效AI实践——AI提供动态图形设计思路思考与练习扩展阅读——AI时代下动态图形的发展趋势小结了解动态图形设计的含义、发展历程、流程与要点了解动态图形设计的常用软件和AI工具熟悉AfterEffects的常用术语熟悉AfterEffects中可能用到的各种文件格式利用AfterEffects制作简单的动态图形使用AI工具生成动态图形设计思路思考与练习1．动态图形在设计上有什么明显的特点？2．动态图形可以应用在哪些行业或领域？3．动态图形设计的流程与要点有哪些？4．总结设计动态图形可能会用到的软件。5．帧、关键帧、帧速率的含义各是什么？像素比和帧纵横比有什么区别？6．列举一些常见的图片文件格式、三维模型格式、视频文件格式和音频文件格式及它们对应的扩展名。7．AE的“项目”面板、“合成”面板和“时间轴”面板的主要功能是什么？8．使用AE制作动态图形的一般流程是什么？9．使用AI工具为某电子音乐节动态海报生成设计方案，要求符合音乐节的活力感，融合霓虹色调、几何像素、数据流等元素。10．制作“加载动画”动态效果。提示：（1）以“合成-保持图层大小”方式导入PSD文件；（2）利用【S】键调出“云1”“云2”“云3”图层的缩放属性，制作缩放动效；（3）利用【P】键调出“轮船”“轮船倒影”图层的位置属性，制作位置动效；（4）导入图像素材并将其添加到合成中，利用【P】键调出位置属性，制作位置动效；（5）创建文本图层，输入并设置文本，最后渲染输出文件，并将其保存为文件夹。

课时内容AfterEffects的基本操作授课时间315分钟课时7教学目标掌握图层、时间轴、面板、遮罩、文本、特效等对象的基本操作熟悉3D图层、灯光、摄像机的使用了解表达式的应用教学重点掌握图层、时间轴、面板、遮罩、文本、特效等对象的基本操作熟悉3D图层、灯光、摄像机的使用了解表达式的应用利用图层、时间轴、蒙版、遮罩、文本、特效等对象制作动态图形使用AI工具生成表达式教学难点掌握图层、时间轴、面板、遮罩、文本、特效等对象的基本操作熟悉3D图层、灯光、摄像机的使用利用图层、时间轴、蒙版、遮罩、文本、特效等对象制作动态图形教学设计教学思路：（1）先介绍图层的类型，接着讲解图层的基本操作，如创建方法、基本属性等；（2）接着讲解时间轴的基本操作，让学生掌握时间轴的使用方法和关键帧的管理等；（3）然后介绍蒙版与遮罩的相关知识，让学生了解和熟悉蒙版和遮罩的使用方法；（4）然后讲解文本对象的基本操作，如文本的属性和动画属性；（5）再讲解特效的应用与设置，可以在提高工作效率的同时，制作出十分专业和精彩的画面；（6）然后通过3D图层、灯光和摄像机3个方面来讲解3D效果的使用；（7）然后介绍表达式的应用，以便快速制作出一系列复杂的动画效果；（8）通过关键帧讲解动效设计和魔方动效设计巩固本章所学知识，如在AE中创建合成、使用图层、创建关键帧、应用摄像机等各种基础操作；（9）最后讲解使用AI工具生成表达式的方法，提升工作效率教学手段：讲解基础知识，讲解结束后上机操作，以巩固所学知识点，熟练掌握操作方法。教学资料及要求：除教材中讲解的知识，可让学生自行探寻AfterEffects中的其他功能。教学内容知识回顾：在前面讲解了动态图形设计与AfterEffects概述，下面我们对AfterEffects的基本操作进行讲解。讨论问题：1.AfterEffects可以做出什么样的动态图形？2.AfterEffects有哪些基本操作？内容大纲：具体可结合本章的PPT课件进行配合讲解。2.1图层的基本操作 2.1.1图层的类型与创建方法2.1.2图层的基本属性2.1.3图层的控制2.2时间轴的基本操作 2.2.1时间轴的使用方法2.2.2关键帧的管理2.2.3关键帧插值的应用2.3蒙版与遮罩的使用 2.3.1蒙版的创建与删除2.3.2蒙版的属性2.3.3蒙版的布尔运算2.3.4遮罩的含义与用法2.3.5遮罩的类型2.4文本的基本操作2.4.1文本的属性2.4.2设置文本的动画属性2.5特效的应用与设置2.5.1添加特效2.5.2修改和删除特效2.5.3特效插件的应用2.63D效果的使用2.6.13D图层的使用2.6.2灯光的使用2.6.3摄像机的使用2.7表达式的应用2.7.1表达式的基本操作2.7.2常用的表达式项目实训——关键帧讲解动效设计项目实训——魔方动效设计AI实践——AI生成表达式思考与练习扩展阅读——常用的AfterEffects插件 小结掌握图层、时间轴、面板、遮罩、文本、特效等对象的基本操作熟悉3D图层、灯光、摄像机的使用了解表达式的应用利用图层、时间轴、蒙版、遮罩、文本、特效等对象制作动态图形使用AI工具生成表达式思考与练习列举AE中的图层类型及它们的作用。图层有几种基本属性，调出这些属性的快捷键分别是哪些？【U】键有什么作用？怎样利用关键帧自动记录器插入关键帧？蒙版与遮罩有什么联系和区别？简述添加特效与设置特效的操作。AE中的灯光类型有哪些？对摄像机进行推、拉、摇、移的对应操作是什么？如何添加和链接表达式？使用AI生成抖动表达式，并使用该表达式制作一个弹性小球动画。10.制作招生广告动态图形。提示：（1）导入素材，并通过应用蒙版、复制图层、应用3D图层和添加特效等操作制作主体内容。（2）利用纯色图层和钢笔工具制作丰富的背景效果，然后通过特效美化背景内容。（3）添加摄像机图层，为摄像机的运动插入关键帧，并调整运动轨迹，最终完成动态效果的制作。（4）按空格键预览动效，确认无误后将其渲染输出，并将该文件保存为文件夹。课时内容UI动态图标设计授课时间180分钟课时4教学目标了解动态图形的类型掌握动态图形的设计理念掌握动态图形的制作要点教学重点了解动态图形的类型掌握动态图形的设计理念掌握动态图形的制作要点制作天气动态图标使用AI工具生成静态图标教学难点掌握动态图形的设计理念掌握动态图形的制作要点制作天气动态图标教学设计教学思路：（1）先介绍动态图标的类型、设计理念和制作要点，为之后的UI动态图标设计奠定基础；（2）然后依次讲解“晴”“多云”“阴”“雨”“雪”“雷雨”动态图标的制作流程，使学生能够进一步掌握具体的制作方法；（3）通过制作常用功能按钮动态图标巩固本章所学知识，理解动效节奏的含义，并具备基本的节奏控制能力；（4）最后讲解使用AI工具生成静态图标的方法，从而将更多时间用在动态效果的构思与实现上。教学手段：以项目的方式引入动态图标的相关知识，先对其进行简单了解，然后再展开制作。教学资料及要求：在网络上查找一些动态图标的设计案例，并分析其特点。教学内容知识回顾：前面讲解了AfterEffects的基本操作，下面将介绍UI动态图标设计的内容。讨论问题：1.动态图标有哪些类型？2.制作动态图标需要注意什么？3.在动态图标的制作过程中，AI工具能够发挥哪些作用？内容大纲：具体可结合本章的PPT课件进行配合讲解。3.1制作“晴”动态图标 3.1.1制作并导出“晴”动态图标3.1.2利用Photoshop输出为GIF动画3.2制作“多云”动态图标 3.3制作“阴”动态图标3.4制作“雨”动态图标3.5制作“雪”动态图标3.6制作“雷雨”动态图标项目实训——制作常用功能动态图标AI实践——AI生成静态图标思考与练习扩展阅读——图标设计的常用风格小结了解动态图形的类型掌握动态图形的设计理念掌握动态图形的制作要点制作天气动态图标使用AI工具生成静态图标思考与练习简述动态图标的设计理念。制作动态图标时需要注意哪些问题？在制作动效时如何有效地把握动效节奏？使用AI工具为一款美食App生成一组静态图标，然后为其设计动效。制作“安全图标”动态效果。提示：（1）盾牌图标：逐帧设置缩放动效。（2）下载图标：设置位移动效。（3）摄像头图标：设置旋转与缩放动效。（4）交通锥图标：设置位移动效。（5）卷帘门图标：设置位移动效；注意将“底色”图层复制一层，置于“门”图层上方，然后为“门”图层应用上方“底色”图层的Alpha遮罩。（6）定位图标：设置缩放动效。（7）锁图标：逐帧设置位移动效。（8）路牌图标：逐帧设置旋转动效。最后将制作的图标尺寸调整为“95px×95px”，并导出为GIF动画。课时内容App交互动效设计授课时间225分钟课时5教学目标了解交互动效的常见类型理解提升交互动效质量的关键熟悉交互动效的制作原则掌握交互动效的常见形式教学重点熟悉交互动效的制作原则掌握交互动效的常见形式制作音乐App交互动效使用AI工具生成交互动效设计方案教学难点熟悉交互动效的制作原则掌握交互动效的常见形式制作音乐App交互动效教学设计教学思路：（1）先介绍交互动效的类型和提升交互动效质量的关键，以及交互动效的制作原则和常见形式，为之后的App交互动效设计奠定一定的理论基础；（2）然后讲解播放器交互动效的制作方法，以巩固AE的常用操作，提高制作动效时掌控全局的能力；（3）接着讲解合成手机界面交互动效的方法；（4）再讲解宣传广告动效的制作方法；（5）通过制作点击动作的交互动效巩固本章所学知识，让学生进一步熟悉App交互动效的制作；（6）最后讲解使用AI工具生成交互动效设计方案的方法，提升运用AI进行辅助设计的能力。教学手段：以项目的方式引入App交互动效的相关知识，先对其进行简单了解，然后再展开制作。教学资料及要求：在网络上查找一些App交互动效的设计案例，分析制作优良的动效的优势。教学内容知识回顾：前面讲解了UI动态图标设计的相关知识，下面讲解App交互动效设计的相关知识。讨论问题：1.常见的App交互动效有哪些？2.如何提升交互动效的质量？内容大纲：具体可结合本章的PPT课件进行配合讲解。4.1制作播放器交互动效 4.2合成手机界面交互动效 4.3制作宣传广告动效 项目实训——制作点击动作的交互动效 AI实践——AI生成交互动效设计方案思考与练习扩展阅读——App动效的未来发展趋势小结了解就业信息的基本类型及作用掌握大学生就业信息的获取方式熟悉大学生就业信息的使用方法使用AI工具生成交互动效设计方案思考与练习简述交互动效的常见类型。提升交互动效的质量有哪些关键点？列举交互动效的制作原则。对一个App界面截屏，然后使用制作“横向滑动”动态效果。提示：通过图层的位置、缩放、不透明度等属性制作手机滑动前后的不同动效；通过定格的不透明度关键帧来制作手机型号与价格文本动效；通过定格的填充颜色关键帧来制作圆点动效。

课时内容企业宣传片制作授课时间180分钟课时4教学目标了解企业宣传片的制作流程了解制作企业宣传片时音乐的选择方法了解制作企业宣传片时源文件的选择方法教学重点了解企业宣传片的制作流程了解制作企业宣传片时音乐的选择方法了解制作企业宣传片时源文件的选择方法制作企业介绍类宣传片使用AI工具生成音乐教学难点了解制作企业宣传片时音乐的选择方法了解制作企业宣传片时源文件的选择方法制作企业介绍类宣传片教学设计教学思路：（1）先介绍企业宣传片的制作流程、音乐和源文件的选择等，使得学生对企业宣传片制作的基础知识有一定的了解；（2）然后通过企业片头、企业简介、行业内容、企业产品定位和企业文化5个方面分别讲解对应的动画制作，让学生更加清楚企业宣传片的制作方法；（3）通过制作快消品企业宣传片巩固本章所学知识，使学生进一步熟悉企业宣传片的制作流程；（4）最后讲解使用AI工具生成音乐的方法，提升宣传片观感。教学手段：以项目的方式引入企业宣传片的相关知识，先对其进行简单了解，然后再展开制作。教学资料及要求：在网络上查找一些企业宣传片的案例，分析其内容和音乐等的风格和特点。教学内容知识回顾：前面讲解了App交互动效设计的相关知识，下面讲解企业宣传片制作的相关知识。讨论问题：1.企业宣传片中通常包含哪些内容？2.企业宣传片的制作流程是怎样的？3.在企业宣传片的制作过程中，AI工具能够发挥哪些作用？内容大纲：具体可结合本章的PPT课件进行配合讲解。5.1制作企业片头动画 5.2制作企业简介动画 5.3制作行业内容动画 5.4制作企业产品定位动画 5.5制作企业文化动画5.6合成企业宣传片并添加背景音乐项目实训——制作快消品企业宣传片AI实践——AI生成音乐 思考与练习扩展阅读——企业宣传片的制作要点 小结了解企业宣传片的制作流程了解制作企业宣传片时音乐的选择方法了解制作企业宣传片时源文件的选择方法制作企业介绍类宣传片使用AI工具生成音乐思考与练习简述企业宣传片的制作流程。在视频中使用的音乐有哪几种？怎样提升宣传片的趣味性？选择合适的AI工具为快消品企业宣传片生成新的音乐。制作“Logo出现与消失”动态效果。提示：通过修剪路径制作Logo中描边的出现效果，利用路径摆动来制作Logo的动态效果，利用位置、缩放和不透明度属性来制作其他元素的出现与消失效果。

课时内容授课时间180分钟课时4教学目标了解自媒体的特性和品牌特性了解自媒体片头动画的制作流程教学重点了解自媒体的特性和品牌特性了解自媒体片头动画的制作流程制作自媒体片头动画使用AI工具生成装饰元素教学难点了解自媒体片头动画的制作流程制作自媒体片头动画教学设计教学思路：（1）先介绍自媒体的特性并分析自媒体的品牌特性，再讲解自媒体片头动画的制作流程，为之后的制作奠定一定的理论基础；（2）然后开始讲解自媒体片头小元素的制作方法，包括环形圈和底板拖尾元素动画和方格圈元素动画；（3）接着制作海岛主场景动画，包括水面波纹动画和水立方动画；（4）然后制作纸飞机飞行动画；（5）再讲解合成自媒体片头动画的操作方法，包括制作Logo出现动画、添加音效并导出片头动画，完成自媒体片头动画的制作；（6）通过制作自媒体片尾动画巩固本章所学知识，使学生进一步熟悉自媒体相关动画的制作流程；（7）最后讲解使用AI工具生成装饰元素的方法，丰富自媒体片头动画的画面效果。教学手段：以项目的方式引入自媒体的相关知识，先对其进行简单了解，然后再展开制作。教学资料及要求：在网络上查看一些自媒体的片头动画，分析自媒体的特性和不同领域与其片头动画的联系。教学内容知识回顾：前面介绍了企业宣传片制作的内容，下面将对自媒体片头动画制作进行介绍。讨论问题：1.自媒体的类型有哪些？2.自媒体片头动画的制作流程是怎样的？3.在自媒体片头动画的制作过程中，AI工具能够发挥哪些作用？内容大纲：具体可结合本章的PPT课件进行配合讲解。6.1制作自媒体片头小元素动画 6.1.1制作环形圈和底板拖尾元素动画6.1.2制作方格圆元素动画 6.2制作海岛主场景动画 6.2.1制作水面波纹动画6.2.2制作水立方动画 6.3制作纸飞机飞行动画 6.4合成自媒体片头动画 6.4.1制作Logo出现动画6.4.2添加音效并导出片头动画 项目实训——制作自媒体片尾动画AI实践——AI生成装饰元素思考与练习扩展阅读——自媒体动画的常见风格小结了解自媒体的特性和品牌特性了解自媒体片头动画的制作流程。制作自媒体片头动画使用AI工具生成装饰元素思考与练习简述自媒体的特性。怎样根据自媒体动画内容选择合适的音乐？怎样让受众记住自媒体品牌？使用AI工具为一个科普生活常识的自媒体动画生成装饰元素，如常见的家居用品、植物、城市元素等，要求画风简洁、特征突出。制作运动类自媒体片头动画。提示：绘制雪山、树木和石头作为装饰元素，绘制指示牌并在其中添加文字，用于展示自媒体品牌；接着添加人物素材，利用位置属性的关键帧使绘制的元素向人物身后移动，制作人物滑雪的动画；然后分别绘制天空、山脉、太阳和月亮并制作移动动画，模拟出白天和夜晚的场景；最后利用不透明度动画模拟场景循环变换的效果。

课时内容商业广告制作授课时间180分钟课时4教学目标认识商业广告的类型掌握商业广告的制作流程了解制作商业广告时要规避的问题教学重点认识商业广告的类型掌握商业广告的制作流程了解制作商业广告时要规避的问题教学难点掌握商业广告的制作流程制作动态图形商业广告掌握在三维空间里设置图形动画的操作教学设计教学思路：（1）先介绍商业广告的类型、制作流程和制作商业广告时要规避的问题，为之后的制作奠定一定的基础；（2）然后讲解制作卡片群集动效的方法，包括将卡片制作成3D元素、批量控制动画和添加光源效果；（3）接着讲解制作卡片合一效果和光源跟踪效果的操作；（4）再讲解合成最终画面和添加音效并导出的方法，完成商业广告的制作；（5）通过制作创意营销广告巩固本章所学知识，帮助读者进一步熟悉图形和文字动效的制作流程，培养更好的动效广告设计思维；（6）最后讲解使用AI工具生成广告设计方案的方法，提升广告策划与设计的工作效率。教学手段：以项目的方式引入动态图形商业广告的相关知识，先对其进行简单了解，然后再展开制作。教学资料及要求：在网络上查看一些商业广告的设计案例，分析其特点和优势。教学内容知识回顾：前面对自媒体片头动画制作进行了介绍，下面讲解商业广告制作相关方面的知识。讨论问题：1.都在网上看过哪些商业广告？2.商业广告的制作流程是怎样的？3.在商业广告的制作过程中，AI工具能够发挥哪些作用？内容大纲：具体可结合本章的PPT课件进行配合讲解。7.1制作卡片群集动效7.1.1将卡片制作成3D元素7.1.2通过控制层批量控制动画7.1.3添加光源效果7.2制作卡片合一动效 7.2.1制作卡片合一效果7.2.2制作光源跟踪效果 7.3合成与导出卡片广告 7.3.1合成最终画面7.3.2添加音效并导出 项目实训——制作创意营销广告AI实践——AI生成广告设计方案思考与练习扩展阅读——商业广告的设计要点 小结认识商业广告的类型掌握商业广告的制