智能教学及其训练 8

西南大学智能化

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

任务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.图层蒙