智能教学及其训练 9

西南大学智能化

教学能力训练课程融智慧环境，创匠心优课开发数字化教学资源

任务3设计加工学科特色媒材3

任务4设计制作PPT课件4

任务1设计加工平面教学媒材1

任务2设计加工音视频教学媒材2训练内容TASKSTASKONE任务一设计加工平面教学媒材情境导入——走进多彩的平面世界——“别墅”海报作品学生平面作品——“别墅”（海报作品）学生平面设计：一、设计加工平面教学媒材图像的基本概念图层的基本操作选区的创建图像效果调整图形绘制文字的设计与制作活动一：设计平面教学媒材一、案例研讨二、知识广角三、实战演练案例解析当我们在设计制作或处理各类教学图片时，都需要对图像基本概念有一定的了解，否则在操作过程中就会遇到很多的问题。王老师要设计制作教学活动的主题海报，除了要了解与图像有关的基本概念，还需要知道设计平面媒材的基本原则，有了一定的理论基础，才能做好上层建筑。一、案例研讨在开始制作教学活动主题海报前，我们需要考虑哪些问题？主题海报需要包含哪些重要信息？选择什么内容的素材图？可以加哪些修饰的元素？添加哪些文字信息？如何做素材的整合？一、案例研讨思考讨论二、知识广角位图又被称为像素图，是由许多不同颜色的小方块组成，每一个小方块称为一个像素，每个像素都分配有特定的位置和颜色值。矢量图又可称作矢量形状或矢量对象，是以数学的矢量方式来记录图形内容。知识点1.图像分类知识广角知识点2.像素与分辨率像素:是用来计算数字图像的一种单位。可以把像素看成是一个极小的颜色块。PS中，像素是组成图像的基本单元。一个图像由许多像素组成，每个像素都有不同的颜色值，单位面积内的像素越多，分辨率（ppi）就越高，图像的效果越好。分辨率是度量位图图像数据量多少的一个参数，简单地说，分辨率是指每单位长度内的像素点数目，在Photoshop中，通过使用“像素/英寸”或“像素/厘米”作为其单位。图像分辨率和图像大小之间有着密切的关系。图像分辨率越高，像素就越多，图像包含的数据也越多，因而文件的体量就越大。位图经过放大后知识广角知识点3.图像颜色模式RGBCMYK灰度色彩模式常见的色彩模式包括：灰度模式、RGB模式、CMYK模式色彩模式确定图像中能显示的颜色数量，还影响图像的通道数和文件大小。RGB模式RGB模式是由红（R）、绿（G）、蓝（B）3种颜色的光线构成的，主要应用于显示器屏幕的显示，也被称为色光模式。每一种光线从0—255被分为256个色阶，0表示这种光线没有，255代表这种光线最饱和的状态。当三种颜色亮度相同时产生灰色，当3种亮度都是255时产生白色，当三种亮度都是0时就产生黑色。CMYK模式CMYK模式是由青（C）、品（M）、黄（Y）、黑（K）4种颜色的油墨构成的，主要应用于印刷品，因此也被称为色料模式。两两相加就形成了红、绿、蓝三色。RGBCMYK相关知识图像文件格式PSD：Photoshop源文件格式.jpg/.gif/.png常见文件格式二、知识广角知识点5.平面媒材构成要素（及相关资源推荐）文字图形色彩图标三、实战演练确定主题海报需要的元素筛选已有素材图片确定文字内容搜集各类所需素材图片参考资源资源简介Pixabaypixabay上有千万张高清图片、插画、矢量图素材，甚至音频、视频素材，而且支持中文搜索提供源文件，无版权限制，搜索方便。Pexelshttps://偏商务风的图片网站，无版权限制。筛选功能强大，pexels可以根据主题或关键词搜索，图片适合制作某些特定主题的PPT或者商业风格的PPT。网站同样有丰富的音视频素材资源。千图网http://千图网是专注正版图片设计素材下载的网站。提供矢量图素材、背景图片素材、矢量图库、psd素材、字体模版、设计素材、PPT模版、视频素材、插画绘画、平面设计模版等多种形式的素材资源。Unsplashhttps://无版权限制的图片素材网站，多为自然风景。网站中的图片除了可以用于制作PPT，还可以用作配图、壁纸，也可以通过这些优质的素材学习构图和PPT的版面布局思路。Vectorportalhttps://主要提供矢量素材，可以二次设计和修改，适合扁平化风格的PPT

stocksnaphttps://stocksnap.io无版权限制的图片素材网站，可下载图片任意使用，也可以上传图片分享。图片甚至可以按情绪类型归类和搜索。Pixelsquidhttp://网站有大量免费无版权的透明3D素材，可在网站上调整好角度后下载。Wallhavenhttp://wallhaven.cc无版权限制的图片素材网站。图片质量好，分辨率高。Wallpapershttp://W免费无版权限制的壁纸级网站。我图网http://收费的图片素材下载网站。里面有高质量的海报、展板、手抄报、PPT模版，以及丰富的音频视频素材。图标参考资源资源简介PowerPoint软件自带图标库PowerPoint2016以上的版本是自带图标库的。单击【插入】选项卡下的【图标】按钮，即弹出【插入图标】对话框，里面有各种类别的图标，如人物、自然和户外、拼图游戏、标志符号等。选中需要的图标，直接双击就可以插入PPT中。Iconfont阿里巴巴矢量图标库http://阿里巴巴倾力打造的矢量图标管理、交流平台。图标很全，还有丰富的矢量插画，可随意修改颜色和大小，查找非常方便、快捷，下载免费且人性化。icons8http:///icons有丰富的可供下载的免费图标，设计美观，一个图标同时有动态、静态两种形式及多种文件格式可供选择。支持电脑、手机客户端下载。Iconfindericonfinder号称拥有600万的丰富图标素材，其中还有插画和3D图标，部分免费。网站界面友好，导航清晰。Freepik

有数百万的平面素材，包含图标、矢量图、PSD文件等。可以通过主题、颜色、文件格式等进行搜索下载，部分免费。字体参考资源资源简介找字网找字网上的中英文字库种类繁多，更新比较快。网站中有收费字体和免费字体，可以根据自身需要进行选择。求字体网当看到一种字体，很想知道这是什么字体时，用这个网站即可：先把你看到的字体截图保存，然后上传到求字体网，接着按提示操作，它会自动智能识别字体，还提供免费下载。自由字体http://自由字体网站的字体都是免费商用的，非常适合非专业设计人员，囊括了简体、繁体、英文、日文、韩文等上百种不同字体，无须注册，直接可以下载。还有字体版权检测功能，非常方便。FontSpaceFontSpace是国外的一个知名字体社区，在这里你能下载到很多优质免费的英文字体。字体管家（软件）从素材网站下载字体，历经搜索、注册、登录、下载、安装等操作，比较麻烦。字体管家软件带有海量字体库，中文字体上万种，可以实时预览字体效果，单击即可一键安装，非常方便。iFonts字体助手（软件）iFonts字体助手是一款字体管理工具，您可以通过iFonts快速寻找字体，并且一键点击应用字体，目前iFonts已收录991款字体AI图像处理工具资源资源简介去背景网站https://www.remove.bg/zh快速抠图，免注册，效果好。人像处理/zh/人像修复、人像抠图抠多图https://pixian.ai一次可抠多图，可修改背景颜色。SAM模型抠出一张图片中的多个元素，可拆解图像。SAMusesavarietyofinputprompts.Promptsspecifyingwhattosegmentinanimageallowforawiderangeofsegmentationtaskswithouttheneedforadditionaltraining.抠多余元素/zh-tw扣除水印等多余元素。高清图片内置AI模型，一键让图片变高清。AI图像处理工具资源资源简介Prezohttps://prezo.ai一键生成ppt。（1）AI文档处理：上传您的文章或备忘录，Prezo智能提取关键信息，一键生成演示文稿幻灯片。（2）AI图像生成：描述所需图像，Prezo迅速根据不同风格为您创建专属视觉图像。（3）AI文本生成：根据观众需求，Prezo重写并优化文本内容，调整篇幅和语气。轻竹办公使用清华的智谱AI模型，用户只需在界面上输入标题，即可快速生成PPT演示文稿的内容提纲。支持在线编辑，AI辅助创建PPT单页和文案优化，同时提供大量ppt模板，可一键切换。Clipdrop/wap/index.htmlAI抠图、去背景、重照明、图像无损放大、文字转图片等，收费。Tinywow多种免费工具，如文件转换、去除水印、AI写作、视图转换等。Magiceraser/zh/magiceraser/魔力橡皮檫。去掉多余元素。去背景/webapp/去除多余背景，抠图。一、案例研讨二、知识广角三、实战演练活动二：加工处理平面教学媒材案例解析通过活动一，王老师掌握了图像的基本概念，准备好了相关的素材文件，确定了设计的基本思路，但是，当开始着手制作时，新的问题又来了：想要的主体图片内容符合需求但色彩不尽人意，大小也需要调整，应该如何操作？怎样把两张图片自然地融合在一起；如何将下载的素材图片中需要的内容进行抠图，然后放置到主图中；一张图片中多个对象，如何调整它们的大小以及叠加关系；文字录入后，该怎样做一进步编辑和修饰等等。一、案例研讨如何调整图片的大小和色调？文字的应用技巧有哪些？两张图片如何自然地合成在一起？抠图的工具有哪些？是否可以自己绘制一些需要的图形？多个对象的叠加效果如何实现？一、案例研讨思考讨论二、知识广角知识点1.Photoshop中图层的基本操作二、知识广角知识点2.Photoshop中的选择工具选区的取消与重新选择选区的移动选区的修改二、知识广角知识点3.Photoshop中的绘图工具亮度/对比度曲线色相/饱和度二、知识广角知识点4.图像效果的调整二、知识广角知识点5.文字工具的应用利用文字工具选项栏设置字符及段落效果利用图层样式对文字进行修饰二、知识广角知识点6.图层蒙版图层蒙版图层蒙版的定义：图层蒙版相当于一块能使物体变透明的布，在布上涂黑色时，物体变透明，在布上涂白色时，物体显示，在布上涂灰色时，半透明。Alt+点蒙板,可打开蒙板编辑工具,用画笔涂抹涂抹掉了错误的部分，可以按X键，调整为白色，如何把图片的轮廓作为蒙版:按住CTRL单击图层成为选中状态

创建蒙版三、实战演练调整主题图片的大小及色调为图片添加文字效果为文字添加装饰框添加燕子图形利用图层蒙版将桃花图片与主图合并谢谢大家的聆听！任务二

设计制作音视频教学媒材融智慧环境，创匠心优课整合优化课堂音视频媒材3了解课堂音视频教学媒材制作流程1录制课堂音视频媒材2训练内容TASKS了解课堂音视频教学媒材制作流程TASKONE一、案例研讨任务情境吴老师是一名刚入职的初中语文教师，即将开展课文《曹刿论战》的教学活动。然而由于吴老师所在地区出现了新增新冠肺炎病例，学校响应“停课不停学”的号召要求每位老师着手准备线上教学。吴老师将要围绕《曹刿论战》这一课，开展智慧教学和智慧课程。首先他面临的就是要将《曹刿论战》一课的预习部分，录制成微课。吴老师以前没有做过微课，在录制时只会照本宣科地读PPT，对微课的制作流程也尚不清楚。此外，他的计算机基础较为薄弱，对于微课的素材收集、录制以及后续剪辑等操作也不熟悉。他该如何才能制作出逻辑清晰、生动易懂的预习微课呢？下面，我们一起从微课的制作流程、前期准备、中期录制、后期剪辑等几个关键环节来帮助吴老师完成一堂好微课的制作吧。案例研讨1.案例解析2.思考讨论分析讨论吴老师由于没有微课制作的经验，不熟悉微课制作的流程及组织框架，所以制作出来的微课死板僵硬、逻辑不清，不能够很好地为教学服务，这就需要从微课制作流程入手，先捋清逻辑严谨、明确清晰的流程，才能为后续制作出一份好的微课作品做好铺垫。制作微课之前，需要考虑哪些问题？一堂微课的制作，包含哪些重要环节？面对众多要呈现的知识内容，该如何组织更有条理？微课的结构有章可循吗？TASKTWO二、知识广角第一步：需求分析第二步：确定主题第三步：教学设计课程的重难点通常就是微课的需求。但因视频制作需一定成本。若简单图示可解决的问题，则宜选择制作成本较低的方法，不宜滥用微课或微视频，以免浪费人力、物力。微课的主题一般可用“What”、“Why”、“How”来进行概括。通常主题确定后，微课的标题也就随之确定。微课的教学设计与一般教学设计一致。但需要更多地注意利用图形图像与动画，将抽象化为具体，降低学生的认知负荷，再辅以更多的变式案例，培养学生的迁移能力。知识点1.微课的制作流程第四步：录制教学活动将解决问题的过程通过一定手段录制成视频，为后期制作提供视频素材。常用的录制教学活动的方法有三种：外拍式、内录式、混合式。第五步：后期制作录制完成后，对视频素材进行加工，通过添加字幕与特效、视频素材组接，删减错误的不必要段落，画面缩放强调重点等方法，提高微课的教学质量（后期制作任务详述）。第六步：保存与分享完成编辑后，还需对视频进行渲染导出。通过渲染保存，可以生成avi、mp4等可直接播放的视频文件，以便将之放在视频网站上或分享给学生。知识点1.微课的制作流程外拍式微课制作录制实际教学环境中的教学活动，并将录制的视频素材组接为视频。这里的教学活动不等同于简单的照搬传统课堂。例如利用手机和支架拍摄在一堆白纸上用彩笔写写画画教学过程，也许就比单纯的录制课堂教学过程的微课效果要好。传统课堂往往面对多名学生同时授课，而微课则是只面对1名学生，微课的教学活动更应偏向1对1式的模式。知识点2.微课的制作模式内录式微课制作将教学内容制作成PPT，并通过电脑录制软件进行录屏。这种模式要求在安静的环境下完成录制工作，一般需要同时录制电脑屏幕、电脑内部声音、教师解说声音三个部分，最后按照需要在编辑软件中进行剪辑合成。内录式微课制作对PPT的要求较高。一个好的PPT加上老师的巧妙教学设计和精彩解说，是内录式微课制作的关键所在。知识点2.微课的制作模式混合式微课制作将通过外拍式和内录式录制的视频素材混合使用，以更好地满足教学需要。根据相关研究表明，教师出镜的屏幕录制微课，其教学效果优于教师不出镜的微课。考虑到制作成本、场地等因素，一般推荐使用电脑自带摄像头录制教师活动，用软件录制PPT中的教学内容，用麦克风录制教师旁白。最终在教学视频中将它们有机组合，以较低的成本完成高质量的微课制作。知识点2.微课的制作模式后期制作任务详述010203视频编辑谋划布局，剪辑取材；添加转换效果；聚焦变焦；添加动画；去除绿幕，视频覆叠；调整时间等。音频编辑录制旁白；去除噪音；剪辑声音素材；调整帧速；调整音量；添加背景音乐；淡入淡出等。字幕编辑添加字幕，调整文字效果；字幕导入导出。02备注与互动添加备注，设计互动问题。添加片头片尾，完成。TASKTHREE三、实战演练任务摘要实战演练中，我们将利用知识广角中学到的知识，进入微视频的设计制作现场。主要任务：视频剪辑、音频剪辑、字幕编辑、备注与互动实战演练任务摘要实战演练中，我们将利用知识广角中学到的知识，进入微课的设计制作现场。回到本任务的【案例情境】，我们和吴老师一起来设计制作课文《曹刿论战》预习部分的微课吧。实战演练任务详述010203第一步完成学情分析、教学目标、教学重难点等教学设计中的前期准备部分。同时熟练应用微课的六个制作步骤以及三种制作模式。第二步设计该微课的录制脚本，即结合线上教学特点进一步明确教学方法、教学过程等，并形成文本。第三步捕获各类相关素材。素材的类型主要包括制作微课要用的演示文稿的图片、音频、视频等。TASKFOUR四、拓展训练根据自己感兴趣的学科专业，选择一个该学科的教学知识点，完成以下活动：1.分析该知识点的内容特征、教学目标、教学重难点，构建教学设计中组织和呈现教学信息的逻辑架构，更清晰地传授知识点，使学生更快掌握知识点，同时要考虑到线上课堂的趣味性与互动性。2.基于拟定的教学思路和逻辑架构，为微课制作搜集准备相关的文字、图片、音视频等相关素材。拓展训练TASKFIVE五、推荐资源中国微课网（中小学微课大赛）：/

华师慕课网：

洋葱数学：/

地理教师：/

方圆微课：/microclass/index/indexBilibili：/

数字资源常见微视频编辑工具手机端：剪映、秒剪等电脑端：会声会影、Camtasia（喀秋莎）、希沃剪辑师、希沃知识胶囊等在线视频下载工具：

微信搜索小程序“复制链接提取视频”；

微信视频下载网站：/tools/weixin_v.php

抖音视频下载网站：/tools/douyin.php

常见AI微视频编辑工具工具名称获取方式功能简介AIStudioswww.deepbrain.io/aistudios

由DeepbrainAI创建的平台，允许用户在几分钟内创建逼真的AI视频。它利用文本转语音功能和AI头像技术从脚本创建视频。它还具有“一键”字幕生成功能，以及各种起始模板，使视频创建更加容易。Sora/index/sora/SoraisanAImodelthatcancreaterealisticandimaginativescenesfromtextinstructions.DreamMachinelumalabs.ai/dream-machineLumaAI推出。DreamMachine能够将文本和图片转化为逼真的视频内容，其在电影级的画质、连贯性以及动态人物表现上的能力，赢得了用户的广泛好评。Invideoai.invideo.io/workspace通过主题词、语言描述生成视频。快手“可灵”/快手大模型团队自研打造的视频生成大模型，可生成2分钟视频，让用户轻松高效地完成艺术视频创作腾讯智影腾讯突出的数字人制作平台录制课堂音视频媒材TASKONE一、案例研讨案例研讨1.案例解析2.思考讨论分析讨论在上述活动一中，吴老师掌握了微课制作流程及制作模式，捕获和搜集了微课制作所需的各类素材。但是，当开始着手制作微课时，吴老师发现了一个十分棘手的问题：什么软件录制微课比较好，如何快速学会使用这款软件？事实上，现有的很多软件都可以录制微课，且操作简单。什么是CamtasiaStudio？CamtasiaStudio有哪些基本功能呢？如何使用CamtasiaStudio录制素材呢？如何使用CamtasiaStudio添加配音配乐呢？TASKTWO二、知识广角新建项目将会获得一个全新的空白项目，编辑的视频将会以项目文件的形式存储在计算机中。项目文件是一种以.tscproj格式结尾的文件。在这个文件中记录了对视频素材的全部操作。新建录制则会弹出另外一个录制窗口（见后文录制素材部分），通过录制可将电脑屏幕和声音录制成为Camtasia专有的视频素材，便于后期剪辑。打开项目则是打开之前编辑保存好的项目文件。打开项目后，操作界面将会变为保存项目文件时的模样。方便我们在原来的基础上进行进一步的操作。知识点1.CamtasiaStudio简介——引导界面知识点1.CamtasiaStudio简介——引导界面知识点1.CamtasiaStudio简介——工作界面CamtasiaStudio2018的操作界面分为三个部分，包括左上方的“资源及效果窗口”、右上方的“视频预览窗口”，以及界面下方的“素材编辑窗口”。进入录制界面点击新建项目进入录制界面，接着点击红色的录制按钮开始录制。在录制前，需要检查以下设置：录制屏幕区域设置、录制系统声音设置、录制麦克风声音设置、录制电脑摄像头设置。知识点2.录制素材开始录制在录制区域中的设置：拖动录制区域四周的控制块自定义录制区域大小。在灰色录制面板中的设置：点击全屏按钮可以直接录制全屏录制。同时我们还可以打开电脑自带摄像头进行录制。点击麦克风图标可以录制声音。注意：建议录制清晰度为全屏录制，最后输出视频的清晰度为1080P或720P。以防万一，最好先录制一段测试视频，以检查录制声音和图像是否正常。知识点2.录制素材CamtasiaStudio2018的配音录制功能其操作步骤如下：第1步选中左侧边栏“语音旁白”；第2步将录制讲稿或提纲输入至文字框中，做好录音准备工作；第3步点击“开始从麦克风录制”；第4步将录制音频拖动至需配音的对应视频片段。知识点3.配音配乐TASKTHREE三、实战演练任务摘要微课制作使用CamtasiaStudio2018录制微课《曹刿论战》。实战演练0102第一步点击新建项目进入录制界面，接着点击红色的录制按钮开始录制。第二步准备一个《曹刿论战》的课件，点击全屏按钮可以直接进入全屏录制。同时点击麦克风图标录音，对知识点进行讲解。任务详述TASKFOUR四、拓展训练请完成以下任务使用CamtasiaStudio2018录制微课。具体步骤包括：①新建项目；②录制屏幕；③录制声音，进行知识点讲解。④保存好录制好的素材，备用。拓展训练TASKFIVE五、推荐资源CamtasiaStudio2018安装教程：/video/BV1n441147GG/CamtasiaStudio2018微课录制教程：http:///video/BV15b411q7qP数字资源整合优化课堂音视频媒材TASKONE一、案例研讨案例研讨1.案例解析2.思考讨论分析讨论理清了微课录制的流程和思路，捕获和录制了相关的素材，但与一堂微课相比，这些“碎片化”的素材还远远不行。让吴老师犯难的是：怎样将众多的素材整合起来，成为一堂连贯流畅的微课呢？如何通过视觉化表达让单调的页面更具美感？如何确保学生听清老师所说的每一句话？想知道如何跟随教学过程动态呈现部分教学信息？怎样的微课呈现清晰流畅？什么样的微课既能传递知识又能使学生感兴趣？怎样给微课添加字幕？如何实现微课的交互？TASKTWO二、知识广角知识点1.视频剪辑——基本功能按钮撤销与重做，剪切视频，复制粘贴，切分视频，放大、缩小时间轴，增加轨道，锁定编辑这些功能与其他常用软件的类似功能操作相似，可以通过试用或者查看帮助菜单获取详细说明。知识点1.视频剪辑——时间游标，主要用来精确分割视频第一步在视频轨道中选中需要剪辑的素材，将时间游标拖放到需要裁切的位置；01第二步点击“切分视频”按钮，即可将选中的素材一分为二，完成切分操作；02第三步重复上面的步骤2和3，直至需要裁剪的素材片段全部被分割为一个各独立的单元；03第四步根据编辑需求，对独立的素材片段单元进行删除、复制或移动位置等编辑操作。04知识点1.视频剪辑——时间游标注意：切分视频、删除、复制或移动等操作，都需要先在轨道中点击选中素材片段才能完成进行，如图所示。第1步在视频轨道中将时间游标拖放到需要添加转场效果的位置。第2步选择左侧边栏“转场”，在其旁边的转场效果点选所需的转场效果。第3步将选中的转场效果拖动至时间游标所在位置，即可实现时间游标前后两段视频素材片段的衔接。知识点1.视频剪辑——添加转场效果01第1步在视频轨道中将时间游标拖放到需要添加动画效果的位置；03第3步将选中的动画效果拖动至时间游标所在位置，即可实现对特定视频素材片段的动画效果设置；02第2步选择左侧边栏“动画”，在其右侧可以设置“缩放和平移”以及“动画”两类不同的效果，在这里我们以“动画”为例进行说明；04第4步在视频轨道中找到小箭头，该箭头的长短表示了所设置的动画时长，可以通过拖动箭头长短来修改与调整动画时长。知识点1.视频剪辑——添加动画效果字幕制作步骤在资源及效果窗口的左栏中找到字幕选项（其他选项中也可能包含字幕选项），进入字幕面板，然后点击添加字幕，此时在轨道中就可以发现字幕素材已添加进轨道中。然后分别点击并拖动字幕素材条的两侧，使字幕素材覆盖到整个视频轨道中。根据视频解说词的分布，对字幕素材进行裁剪（配合快捷键）。最后是修改字幕的内容，只需要双击轨道上待修改的字幕素材，便会自动进入字幕的修改界面，此时只需输入文字后确认即可。知识点2.字幕制作视频输出步骤第1步选择“分享”→“自定义生成”→“新建自定义生成”；第2步选择需生成的视频格式（如：mp4720P或1080P）；第3步设置生成视频所需的相关要求；第4步设置视频信息、水印等内容；第5步选择视频输出位置；第6步点击“完成”，开始渲染视频。视频渲染结束后即可在指定的输出位置找到生成的视频。知识点3.视频输出TASKTHREE三、实战演练任务摘要整合优化微课《曹刿论战》。按照下面的操作步骤进行：①对录制好的视频进行剪辑；②在视频之间添加转场效果衔接；③在视频中添加适当的动画效果；④为微课视频添加字幕；⑤导出视频实战演练0102任务详述视频剪辑第1步使用基本功能按钮对视频进行裁剪；第2步添加转场衔接；第3步添加动画（可以省略）。字幕制作第1步资源及效果窗口的左栏中找到字幕选项，点击添加字幕；第2步调整字幕素材条的两侧，使字幕素材覆盖到整个视频轨道中；第3步双击轨道上待修改的字幕素材，修改字幕的内容。视频输出第1步选择“分享”→“自定义生成”→“新建自定义生成”；第2步选择需生成的视频格式（如：mp4720P或1080P）；第3步设置生成视频所需的相关要求；第4步设置视频信息、水印等内容；第5步选择视频输出位置；第6步点击“完成”，开始渲染视频。视频渲染结束后即可在指定的输出位置找到生成的视频，修改命名为“曹刿论战微课”。TASKFOUR四、拓展训练调整优化微课素材通过剪辑使微课完整，流畅，步骤如下：①将多个素材拼在一起，形成完整的微课；②各素材之间添加转场效果进行衔接；③可为每段素材添加适当的动画效果，增强课堂趣味性；（选做）④为微课添加字幕，注意字幕的字体颜色及字体大小等；⑤导出微课。拓展训练TASKFIVE五、推荐资源1.方其桂.微课制作实例教程（第2版）[M].北京：清华大学出版社，2019年1月.2.乔玲玲,纪宏伟,陈志娟,缪亮.微课设计与制作实用教程[M].北京：清华大学出版社，2016年8月.数字资源谢谢大家的聆听！西南大学智能化

教学能力训练课程融智慧环境，创匠心优课开发数字化教学资源设计制作学科特色教学资源3设计制作课堂演示文稿4

设计加工平面教学资源1设计制作音视频教学资源2训练内容TASKSTASKONE任务四设计制作课堂演示文稿任务四：任务情境吴老师是一名刚入职的初中语文教师，即将开展课文《曹刿论战》的教学活动。然而，苦于该古文对学生来说存在晦涩难懂、语言点多、思辨性强的特点，吴老师一时难以理清教学内容的组织架构；此外，吴老师对PPT操作不够熟悉，每次做课堂演示文稿，没有清晰的流程，只会简单地套用他人模版，做出的课件风格总与教学内容格格不入，缺乏美感，字体、排版常显得比较杂乱，也缺乏活泼的动态展示。吴老师该如何才能设计出一份逻辑清晰、美观大方的PPT课件呢？任务四：设计制作课堂演示文稿活动一：了解PPT制作流程与逻辑框架活动二：设计制作课堂演示文稿模版活动三：修饰优化课堂演示文稿0103020405资源推荐实战演练拓展训练案例研讨知识广角活动一：了解PPT制作流程与逻辑框架活动一：了解PPT制作流程与逻辑框架一、案例研讨案例解析：如任务情境所述，吴老师在过往课件制作中，缺乏清晰的流程设定和操作步骤，常常还未有全局的思考，就贸然开始在PowerPoint中进行设计，路径不明、效率不高的同时，制作出的课件往往逻辑主线不清楚，呆板僵硬，未能有效为课堂教学服务。“凡事预则立”，这需要从课件制作之始，即遵循明晰缜密的流程，才能生产出一份好的课件作品。思考讨论：在正式开始制作PowerPoint演示文稿之前，我们需要考虑哪些问题？一份PPT的制作，包含哪些重要环节？面对众多要呈现的知识内容，该如何组织更有条理？PPT的结构有章可循吗？活动一：了解PPT制作流程与逻辑框架二、知识广角知识点一：课堂演示文稿的制作流程明确基本问题构思逻辑框架搜集相关素材设计模版文件转移内容素材进行精细加工GABCA1A2A3B1B2B3C1C2C3横向子结构纵向子结构活动一：了解PPT制作流程与逻辑框架二、知识广角知识点二：课堂演示文稿的逻辑结构金字塔结构PPT的金字塔结构框架封面页摘要页目录页A转场页B转场页D转场页C转场页结束页总结页A1内容页B1内容页A2内容页C1内容页C2内容页B1内容页D1内容页D2内容页……………………活动一：了解PPT制作流程与逻辑框架二、知识广角知识点二：课堂演示文稿的逻辑结构SCQA结构

SCQA情境冲突疑问方案SituationQuestionComplicationAnswer活动一：了解PPT制作流程与逻辑框架二、知识广角知识点二：课堂演示文稿的逻辑结构S(背景)先帝创业未半而中道崩殂C（冲突）今天下三分，益州疲弊，此诚危急存亡之秋也……Q（疑问）（该如何是好呢?）A（答案）愿陛下托臣以讨贼兴复之……表4-4-1讲解《出师表》的SCQA结构活动一：了解PPT制作流程与逻辑框架二、知识广角知识点二：课堂演示文稿的逻辑结构5W1H结构What是什么？如什么事？什么问题？问题的表现是什么？下一步是什么？还有什么？Who谁？如是谁？谁发现的？谁造成的？还有谁？是否人为原因？谁受益？谁付出？谁牺牲？When什么时候？如具体的哪个时间点？什么时候开始？什么时候结束？历时多久？什么时候出现问题？什么时候发现问题？Where在哪里？如在哪发生的问题？在哪发现的问题？还有其他地方吗？处在什么位置？要去什么位置？Why为什么？如为什么会出现这个问题？为什么没做成？为什么做成了？How怎么样？如问题怎么造成影响？怎么解决？活动一：了解PPT制作流程与逻辑框架三、实战演练第一步：如任务情境所述，吴老师需要清楚PPT制作流程的六个步骤，并且做好学情分析和教学目标设定。第二步：设计课文《曹刿论战》的逻辑结构（见下页）。第三步：依据幻灯片的风格设计来搜集相应风格的素材。帮助吴老师搜集模版、图片、图标、字体、音频、视频等各类相关素材。初读课文了解常识精读课文疏通文意思考探究写作分析朗读要求梳理内容文学常识字字对译古今异义解析结构取胜原因人物刻画人物评价《曹刿论战》逻辑结构一二三活动一：了解PPT制作流程与逻辑框架四、拓展训练请从自己的学科专业出发，选择一个学科教学知识点，完成以下活动：1.分析该知识点的内容特征与教学目标、重点难点，构思教学设计中可以采用怎样的逻辑架构去组织和呈现教学信息，进而帮助学生掌握重点、突破难点。2.基于拟定的教学思路和逻辑架构，为课堂演示文稿搜集准备相关的文字、图片、音频、视频、图标、字体、模版等有用的素材。活动一：了解PPT制作流程与逻辑框架常用素材文字图形色彩图标音视频字体参考资源资源简介找字网找字网上的中英文字库种类繁多，更新比较快。网站中有收费字体和免费字体，可以根据自身需要进行选择。求字体网当看到一种字体，很想知道这是什么字体时，用这个网站即可：先把你看到的字体截图保存，然后上传到求字体网，接着按提示操作，它会自动智能识别字体，还提供免费下载。自由字体http://自由字体网站的字体都是免费商用的，非常适合非专业设计人员，囊括了简体、繁体、英文、日文、韩文等上百种不同字体，无须注册，直接可以下载。还有字体版权检测功能，非常方便。FontSpaceFontSpace是国外的一个知名字体社区，在这里你能下载到很多优质免费的英文字体。字体管家（软件）从素材网站下载字体，历经搜索、注册、登录、下载、安装等操作，比较麻烦。字体管家软件带有海量字体库，中文字体上万种，可以实时预览字体效果，单击即可一键安装，非常方便。iFonts字体助手（软件）iFonts字体助手是一款字体管理工具，您可以通过iFonts快速寻找字体，并且一键点击应用字体，目前iFonts已收录991款字体图片参考资源资源简介Pixabaypixabay上有千万张高清图片、插画、矢量图素材，甚至音频、视频素材，而且支持中文搜索提供源文件，无版权限制，搜索方便。Pexelshttps://偏商务风的图片网站，无版权限制。筛选功能强大，pexels可以根据主题或关键词搜索，图片适合制作某些特定主题的PPT或者商业风格的PPT。网站同样有丰富的音视频素材资源。千图网http://千图网是专注正版图片设计素材下载的网站。提供矢量图素材、背景图片素材、矢量图库、psd素材、字体模版、设计素材、PPT模版、视频素材、插画绘画、平面设计模版等多种形式的素材资源。Unsplashhttps://无版权限制的图片素材网站，多为自然风景。网站中的图片除了可以用于制作PPT，还可以用作配图、壁纸，也可以通过这些优质的素材学习构图和PPT的版面布局思路。Vectorportalhttps://主要提供矢量素材，可以二次设计和修改，适合扁平化风格的PPT

stocksnaphttps://stocksnap.io无版权限制的图片素材网站，可下载图片任意使用，也可以上传图片分享。图片甚至可以按情绪类型归类和搜索。Pixelsquidhttp://网站有大量免费无版权的透明3D素材，可在网站上调整好角度后下载。Wallhavenhttp://wallhaven.cc无版权限制的图片素材网站。图片质量好，分辨率高。Wallpapershttp://W免费无版权限制的壁纸级网站。我图网http://收费的图片素材下载网站。里面有高质量的海报、展板、手抄报、PPT模版，以及丰富的音频视频素材。图标参考资源资源简介PowerPoint软件自带图标库PowerPoint2016以上的版本是自带图标库的。单击【插入】选项卡下的【图标】按钮，即弹出【插入图标】对话框，里面有各种类别的图标，如人物、自然和户外、拼图游戏、标志符号等。选中需要的图标，直接双击就可以插入PPT中。Iconfont阿里巴巴矢量图标库http://阿里巴巴倾力打造的矢量图标管理、交流平台。图标很全，还有丰富的矢量插画，可随意修改颜色和大小，查找非常方便、快捷，下载免费且人性化。icons8http:///icons有丰富的可供下载的免费图标，设计美观，一个图标同时有动态、静态两种形式及多种文件格式可供选择。支持电脑、手机客户端下载。Iconfindericonfinder号称拥有600万的丰富图标素材，其中还有插画和3D图标，部分免费。网站界面友好，导航清晰。Freepik

有数百万的平面素材，包含图标、矢量图、PSD文件等。可以通过主题、颜色、文件格式等进行搜索下载，部分免费。参考资源资源简介OfficePLUSPPT模版http:///PPT微软Office官方在线模版网站，里面包含PPT模版、Word文档模版、Excel图表模版。PPT模版按类排列，还有一些尺寸正好是16:9的高清图片素材。稻壳儿PPT模版稻壳儿PPT模版，里面有很多的设计师作品，且免费。优品PPT不仅包含一些高质量的模版，而且还有PPT图表，PPT背景图等资源，配套素材齐全。51PPT模版http://模版质量不错，而且免费。里面还有教程，图片，图表，软件等很全面的资源提供下载和学习。扑奔网http://w扑奔网是一个存续时间长的网站，虽然知名度不是很高，但里面包含了很多高质量且免费的模版和做PPT用到的素材等资源。变色龙PPT模版http://收费网站，由职场专业人士和技术专家，共同发起创建的专业PPT模版平台。是一个专业、全面、可信的素材平台，有细化的模版参数检索，寻找模版便捷容易。PPTMind收费网站。这是一个分享高质量PPT和KEYNOTE模版的网站，这里的模版质量很高，但数量有限。

PPT宝藏/PPT宝藏是一个资源丰富的可视化PPT学习资源网站,包括丰富的ppt素材、ppt背景、ppt作品、ppt课件、ppt图表和ppt教程等。可画包含丰富的高质量模版。PPT模版资源推荐参考资源资源简介摄图网http://699/除了图片素材，摄图网的视频素材资源也非常丰富，含AE、PR、会声会影等不同格式的视频素材，非常好用。Videvo有18000多种免费的音视频，注册成会员，可以通过年卡或月卡的方式下载50多万相当专业的影片素材。TheStocks2http://thestocks.im该网站有大量免费的图片、视频、图标、模版、字体等资源，数量多且质量高。5singhttp://5/中国原创音乐交流平台，伴奏音乐相当丰富。音视频素材网站推荐任务四：设计制作课堂演示文稿活动一：了解PPT制作流程与逻辑框架活动二：设计制作课堂演示文稿模版活动三：修饰优化课堂演示文稿0103020405资源推荐实战演练拓展训练案例研讨知识广角活动二：设计制作课堂演示文稿模版活动二：设计制作课堂演示文稿模版一、案例研讨案例解析：虽然明晰了制作流程，理清了PPT的逻辑架构，搜集了课件制作所需的各类素材，但是，当开始着手制作演示文稿时，吴老师发现依然面临很多问题：输入文档内容的时候，PPT默认输入宋体字，而吴老师想要微软雅黑，就需要逐页、逐个文本框去设定字体，很是麻烦；当输入形状、图表的时候，默认画出的颜色总是不够美观，不是自己想要的配色；当想给一些页面添加一些相同的元素或Logo时，逐页添加既麻烦、又难以保证位置的和谐统一；更重要的是，构思好的逻辑结构，如何在PPT作品中清晰呈现，让学生一看便能领会呢？吴老师犯愁了。事实上，在一份PPT里，会有部分需要统一的元素，我们可以预先设定好，存储在PPT模版中，后续在用到这些元素的时候，就可以直接套用，事半功倍。思考讨论：什么是PPT的模版？模版里面应该包含哪些要素？如何搭配PPT的颜色？PPT常用字体有哪些？分别适用哪些场景？PPT里，有没有一些排版布局的规律？如何保证逻辑主线能够一目了然？活动二：设计制作课堂演示文稿模版二、知识广角知识点一：电子演示文稿的模版模版是演示文稿中的一类特殊文件,扩展名为.potx。用于提供演示文稿的主题字体、配色方案、版式布局、背景样式及特殊效果设置等。应用设计模版可快速生成风格统一的演示文稿。一份完整专业的演示文稿，有部分元素需要统一设置，例如企业LOGO、字体、配色、背景、项目符号、占位符的位置、需要显示在多张幻灯片上的艺术图片等等，这些内容，我们可以一并在模版中设置好，新建幻灯片时即可直接套用。活动二：设计制作课堂演示文稿模版二、知识广角知识点二：电子演示文稿的字体PPT常用的字体有衬线字体、无衬线字体、书法字体三大类。活动二：设计制作课堂演示文稿模版二、知识广角知识点二：电子演示文稿的字体文字使用的四个原则（1）一个页面中的文字不能太多，切忌把PPT当成word文稿来使用。（2）文本框内的文字，不需要全部用完整的句子表述，尽量使用提示词、关键词。（3）注意正文文字和标题文字字体的选用和区分度。

（4）一页PPT的字体不超过3种，否则会显得杂乱。演示文稿主题字体的设定

【设计】→【变体】→【字体】→【自定义字体】活动二：设计制作课堂演示文稿模版二、知识广角知识点三：电子演示文稿的颜色方案设置演示文稿颜色方案的设定

【设计】→【变体】→【字体】→【自定义颜色】颜色方案设计的原则（1）PPT颜色选取要与其应用的场合相吻合。（2）使用冷色调作为背景，暖色调置于前方。（3）一页PPT的有彩色不宜超过两种，且使用的颜色尽量饱和度适中，柔和不刺眼。

（4）文字颜色要清晰，背景与文字的颜色对比度应尽量强烈一些。活动二：设计制作课堂演示文稿模版二、知识广角知识点三：电子演示文稿的颜色方案设置颜色方案搭配方法（1）利用Logo取色。（2）利用背景图片取色。（3）使用配色网站或PPT工具。

活动二：设计制作课堂演示文稿模版五、推荐资源：PPT颜色搭配资源推荐参考资源资源简介colorhunter/colorhunter既有推荐的经典配色，也支持直接从用户上传的图像中提取配色，然后给出个性化配色解决方案，网站推荐的配色与使用的图片非常和谐。网页设计常用色彩搭配表/webcolor/Webcolor支持按色相、印象查找颜色方案，提供现成的色彩组合，可以直接使用。AdobeColorAdobeColor由adobe公司出品，提供各类配色方案。用户还能通过色轮，自主搭配配色方案。

uisdc网站/uisdc网站上整理了很多中国传统色彩的名称及分类。还包括日本传统色彩、其他配色方案推荐等，方便易用。Colordrophttp://colordrop.io/Colordrop网站的配色，包含单色、双色、多色等方案，单击一种配色方案，右侧会显示详细的色值。中国色网站/中国色网站整理的中国风配色既全又多，当点选其中一种颜色时，网页会自动呈现这种颜色的效果。WebGradients做渐变配色专用的网站，有上千种渐变方案，风格柔和，颜色搭配很干净。每个方案的下方有色号参考，也可单击右上角的下载按钮获取渐变图片。活动二：设计制作课堂演示文稿模版二、知识广角知识点四：电子演示文稿的版式设计演示文稿版式的概念幻灯片版式包含幻灯片上显示的所有内容的格式、位置和占位符框。这里主要指文字、图片、图标、图表等内容在页面的布局排列。演示文稿版式的概念幻灯片版式主要有：上下版式、左右版式、并列版式、圆心版式、斜分版式、卡片版式、中轴版式等。上下型左右型并列型中心型第三部分01Options02Options03Options04Options请输入标题请输入文本请输入文本请输入文本请输入文本请输入文本请输入文本请输入标题请输入文本请输入文本请输入文本请输入文本请输入文本请输入文本请输入标题请输入文本请输入文本请输入文本请输入文本请输入文本请输入文本请输入标题请输入文本请输入文本请输入文本请输入文本请输入文本请输入文本中心型中轴排列型活动二：设计制作课堂演示文稿模版二、知识广角知识点五：巧用图片图片可以配合文字内容，突出主题、秀出美感，常用的处理方法有：（1）利用【图片格式】→【裁剪】功能，去掉图片繁杂的部分，保留契合主题的局部区域，往往能形成更强的视觉冲击力。（2）为图片添加蒙版，即在图片上添加一层半透明的形状，在呈现图片的同时又能营造特定色彩氛围，为文字留白空间。（3）图片与千奇百怪的形状结合，用图片来填充形状，往往能收到奇妙的效果。活动二：设计制作课堂演示文稿模版二、知识广角知识点六：电子演示文稿的关键页面制作采用前述方法，可以结合教学内容自行设计配套模版。一套模版应至少包含封面页、目录页、转场页、内容页的设计：（1）封面页：说明电子演示文稿的主题。（2）目录页：展示电子演示文稿的内容构成。（3）转场（导航）页：呈现电子文稿的进展，即定位当前页面在整个文稿中的位置。（4）内容页：表达具体内容。（5）封底（结束）页：版式可以与封面页相同。幻灯片模版示例活动二：设计制作课堂演示文稿模版三、实战演练设定演示文稿的主题颜色

依次点击【设计】→【变体】→【颜色】→【自定义颜色】，打开新建主题颜色对话框，依次设置文字和多种着色。设定演示文稿的主题字体

依次点击【设计】→【变体】→【字体】→【自定义字体】，打开新建主题字体对话框，设置标题与正文字体。活动二：设计制作课堂演示文稿模版五、推荐资源：PPT颜色搭配资源推荐参考资源资源简介colorhunter/colorhunter既有推荐的经典配色，也支持直接从用户上传的图像中提取配色，然后给出个性化配色解决方案，网站推荐的配色与使用的图片非常和谐。网页设计常用色彩搭配表/webcolor/Webcolor支持按色相、印象查找颜色方案，提供现成的色彩组合，可以直接使用。AdobeColorAdobeColor由adobe公司出品，提供各类配色方案。用户还能通过色轮，自主搭配配色方案。

uisdc网站/uisdc网站上整理了很多中国传统色彩的名称及分类。还包括日本传统色彩、其他配色方案推荐等，方便易用。Colordrophttp://colordrop.io/Colordrop网站的配色，包含单色、双色、多色等方案，单击一种配色方案，右侧会显示详细的色值。中国色网站/中国色网站整理的中国风配色既全又多，当点选其中一种颜色时，网页会自动呈现这种颜色的效果。WebGradients做渐变配色专用的网站，有上千种渐变方案，风格柔和，颜色搭配很干净。每个方案的下方有色号参考，也可单击右上角的下载按钮获取渐变图片。活动二：设计制作课堂演示文稿模版三、实战演练：设定演示文稿的关键页面（封面页设计视频）活动二：设计制作课堂演示文稿模版三、实战演练：设定演示文稿的关键页面（目录页设计视频）活动二：设计制作课堂演示文稿模版三、实战演练：设定演示文稿的关键页面（导航页设计视频）活动二：设计制作课堂演示文稿模版三、实战演练：设定演示文稿的关键页面（内容页设计视频）活动二：设计制作课堂演示文稿模版四、拓展训练设定演示文稿的主题颜色在活动一的拓展训练，你已经为自己选定的学科教学知识点构思了逻辑架构，准备好了素材，现在，请你继续以下活动：1.为自己的课堂演示文稿设计一套模版。具体步骤包括：①设置主题颜色与背景色；②设置主题字体；③选定合适的版式，设计好封面页、目录页、导航页、内容页，注意合理应用呼应主题的图片加以修饰；④保存模版为potx格式，存入模版库备用。2.用创建的模版新建一个课堂演示文稿，将自己准备的教学内容不加任何修饰的添加到对应的内容页面中，我们将在下一个活动中来美化它们。活动二：设计制作课堂演示文稿模版五、推荐资源：PPT颜色搭配资源推荐参考资源资源简介colorhunter/colorhunter既有推荐的经典配色，也支持直接从用户上传的图像中提取配色，然后给出个性化配色解决方案，网站推荐的配色与使用的图片非常和谐。网页设计常用色彩搭配表/webcolor/Webcolor支持按色相、印象查找颜色方案，提供现成的色彩组合，可以直接使用。AdobeColorAdobeColor由adobe公司出品，提供各类配色方案。用户还能通过色轮，自主搭配配色方案。

uisdc网站/uisdc网站上整理了很多中国传统色彩的名称及分类。还包括日本传统色彩、其他配色方案推荐等，方便易用。Colordrophttp://colordrop.io/Colordrop网站的配色，包含单色、双色、多色等方案，单击一种配色方案，右侧会显示详细的色值。中国色网站/中国色网站整理的中国风配色既全又多，当点选其中一种颜色时，网页会自动呈现这种颜色的效果。WebGradients做渐变配色专用的网站，有上千种渐变方案，风格柔和，颜色搭配很干净。每个方案的下方有色号参考，也可单击右上角的下载按钮获取渐变图片。0103020405资源推荐实战演练拓展训练案例研讨知识广角活动三：修饰优化课堂演示文稿一、案例研讨案例解析：逻辑架构帮助理清教学思路，模版设计确定了课堂演示文稿的主体样式，然而绝大部分课堂讲授内容需要在众多的内容页面逐页呈现。对于课堂讲授的幻灯片来说，文字内容较多，输入的文字容易挤成一片，不利于信息传达；文字、图表、图片等内容交杂在页面，页面往往比较混乱不整洁……吴老师需要了解一些PPT设计的基本原则与动画制作方法，有效呈现信息，并通过视觉化表达让单调的页面更具美感；突出重要的内容以吸引学生注意力；跟随教学过程动态呈现部分教学信息……思考讨论：怎样的PPT内容呈现方式更清晰直观？什么样的PPT具有美感？文字多的PPT怎么设计更好？PPT的内容动态呈现方式有哪些？如何实现交互？活动三：修饰优化课堂演示文稿二、知识广角

知识点一：电子演示文稿的设计原则（1）统一原则（2）对齐原则（3）对比原则（4）亲密原则活动三：修饰优化课堂演示文稿活动三：修饰优化课堂演示文稿（1）统一原则：一份PPT的每个页面中，风格、字体、配色、背景等部分元素应保持协调一致，这样能让设计保持外观和印象的统一性，保持视觉感知的完整性。活动三：修饰优化课堂演示文稿（2）对齐原则：页面上的所有元素都应该存在某种视觉联系，参照某条有形或无形的线条进行排列，而不是随意摆放的，这样才能建立起更加清晰和美观的视觉效果。活动三：修饰优化课堂演示文稿（3）对比原则：利用元素在大小、颜色、字体、形状、虚实、动静、纹理、疏密、方向等特征方面的差异，去形成视觉冲击，制造视觉焦点，突出重点内容，体现层级关系。活动三：修饰优化课堂演示文稿（4）亲密原则：将相近或相关的元素组合在一起形成视觉单元，将不同或不相关的内容进行分割，类似于分组，为观众提供清晰的逻辑关系，帮助他们快速地识别阅读。二、知识广角

知识点二：文字排版的技巧（1）去除多余效果，保持页面清爽（2