《图形图像处理》教案-项目十一互联网+模板制作 教案

云南机电职业技术学院教案信息工程学院（部）数字媒体技术专业教研组审核人：胡宁授课学期：2022—2023学年第一学期授课教师：张丹丹课程名称图形图像处理课程性质□公共必修课□公共选修课专业必修课□专业选修课授课周数16周授课班级223051、223052班考核方式考试□考查□笔试上机□其它（）学分5闭卷□开卷□其它（）选用教材PhotoshopCC项目化翻转课堂教程（微课版）学时分配总学时96课程类型□A类B类说明一、教案领取每学期放假前，各教学系（部）教务管理员统计本系部承担课程教案数量，到教材室领取，并在放假前分发给任课教师。二、教案填写1、理论教学按排课节次填写内容；项目（任务）教学不限节次，按一个项目（任务）完成的节次，顺序填写内容。2、课程教学融入思政元素学时应占总课时的10%-30%（思政课程除外），在“授课内容融入思政元素”项勾选“是”，并在“教学过程”或“项目实施”栏目中填写思政元素具体内容。三、教案审核教案由各教学系（部）专业教研组主任审核。四、上课要求上课带纸质教案和授课计划，电子版教案和授课计划上课前请打印。三、教案归档每学期期末考试结束后，教案由专业教研组汇总、整理，交系（部）教务管理员确认并归档。云南机电职业技术学院教案项目（任务）名称项目十一互联网+项目包装--ppt模版制作授课日期第11、12、13周授课节次周四5-8节、周五9-10节授课地点商务校区实训室二授课内容融入思政元素□是否项目（任务）描述项目（任务）内容：1项目目标：1.1、了解互联网+项目包装ppt设计的基本结构；1.2、了解项目包装ppt的基本原则；1.3、熟练掌握项目包装ppt的设计元素制作；1.4、熟练掌握项目包装ppt的设计排版；1.5、熟练掌握使用矢量图形工具；1.6、熟练掌握项目ppt母版的基本操作；2.1能力目标2.1.1具有良好的图形图像处理能力；2.1.2具有良好的平面设计及Photoshop软件操作能力；3.1素养目标3.1.1劳动精神层面：崇尚宪法、遵法守纪、崇德向善、诚实守信、尊重生命、热爱劳动，履行道德准则和行为规范，具有社会责任感和社会参与意识；3.1.2职业精神层面：熟练操作Photoshop软件，熟悉各种常用设计手法，能吃苦耐劳，在专业上有不断追求进步的动力和持之以恒的执行力；3.1.3科学态度层面：3.1.4具有设计行业特有的质量意识、环保意识、信息素养、工匠精神、创新思维；3.1.5具有好奇心强，勤于思考，具备发现主要问题的洞察力和解决问题的创新创意思维；3.1.6具有良好的集体意识和团队合作精神；2项目内容：2.1课前学习工作：2.1.1通过职教云平台观看相关视频（/）；2.1.2下载相关素材，熟悉PPT课件内容；2.1.3从网上收集一些互联网+项目包装ppt的界面图，分析该PPT母版页面设计时使用了哪些设计元素；2.1.4从收集的项目包装ppt母版中选择一个，模仿实现该PPT页面的效果图；2.2课堂学习内容：校企合作企业：XXXXX公司为了顺应互联信息技术的发展趋势，使该公司的PPT界面设计更突显其特点以及优势，计划对公司的PPT界面进行改版设计。本项目是为XXXXXX公司重新设计一个PPT展示界面，要求结合公司的特点和理念，设计一个适合公司推广宣传的PPT界面。其PPT模板首页是公司整体形象的浓缩，所以进行PPT设计时，不仅要把握文字与图片的关系，更要合理安排模板的内容板块。3项目重、难点：1、利用图形工具等绘制PPT页面中的功能图标形状；2、利用图像菜单栏目中的工具调整素材中的图片，为保留原图像添加蒙版；3、PPT页面中母版与子版页面色彩的选择搭配；4、绘制PPT页面所需的静态或动态图标按键，实现GIF动态图标效果。项目教学方法：项目化教学法、翻转课堂教学法、演示法、小组合作法；项目（任务）清单1知识点：1PPT页面设计的基本结构2PPT页面母版设计的尺寸与比例3制作ppt母版页面3.1编辑母版尺寸；3.2绘制母版图像；4制作母版、子版所需的各类静态按钮图标及项目栏4.1制作母版静态按钮图标；4.2制作子版静态按钮图标；5制作母版、子版所需的各类动态按钮图标5.1制作母版动态按钮图标；5.2制作子版动态按钮图标；2教学要求：2.1通过软件的操作、演示、讲解、掌握工作界面的组成和文件操作的方法；2.2通过软件相关功能的解析学习Photoshop如何设计制作ppt母版页面的基本操作方法；2.3能够利用以上知识独立完成某一个公司项目汇报ppt母版与子版面制作；3教学手段：3.1通过操作演示某一个公司项目汇报ppt母版制作基本操作方法；3.2通过软件功能解析深入学习软件功能和制作特点；3.3通过案例讲解，了解相关功能及知识点；项目（任务）准备1材料及工具：实训素材、实训室、PhotoshopCC2019、U盘；项目（任务）实施实施过程及步骤：PPT版面基本结构：以WPS中的PPT版本为示例，母版+子版、各类功能按键、各类标题、各类信息栏设计步骤：1.点击进入到PPT页面——点击设计(例图）；2.选择导入模板3.利用PS软件绘制模板效果如图所示：2.PPT版面母版设计：设计步骤：2.1.点击打开当前PPT页面，检查所见PPT版本，本项目以某一公司PPT版本为示例，点击“设计”菜单栏，点击“幻灯片大小”，见页面如下：2.2.点击打开当前PPT页面，检查所见PPT版本，本项目以？PPT版本为示例，点击“设计”菜单栏，点击“页面设置”，见页面如下：注意：记下幻灯片大小（宽度、高度）数值，后续根据实际新建或已有幻灯片页面设置新建PPT模板背景大小尺寸。2.3.点击打开PS,新建页面，点击“打印”新建页面，预设详细信息，设置与PPT幻灯片大小（宽度与高度）数值一致的新建页面，并命名为：（某）公司名称母版背景页。2.4.点击打开备选素材库,选取所需背景素材，调整修改所需素材，使之与PPT主题风格一致。具体步骤如下：PPT版面母版设计：1.设置母版背景色彩：拾色器-前景色（数值：R:3,G:0,B:1)2.调出参考线面板，设置参考线，为PPT页面分栏，设置公司logo重要文字标题的位置。3.打开备选素材图例，将其放置于版面适当的位置。1.设置母版背景色彩：拾色器-前景色（数值：R:3,G:0,B:1)2.调出参考线面板，设置参考线，为PPT页面分栏，设置公司logo重要文字标题的位置。3.打开备选素材图例，将其放置于版面适当的位置。3.1为素材添加矢量蒙版注意：使用多边形套索工具，建立选区—选择—反选—填充前景色（与背景色一致）3.2新建正方形选区，并填充渐变颜色（橙色—黄色）3.3调整橙色正方形大小、方向，位置.3.4调整橙色正方形渐变色外观，取消描边，见图例。3.5.存储点击PS,选择存储副本为JPEG格式。见左图。文件命名为：XXXX（此处省略公司名称）PPT母版背景图。4.新建PPT页面打开PPT，点击新建;点击编辑母版，见图例点击插入—插入图片—选择（已经制作好的背景图片）见左图。4.1点击编辑母版，见图例4.2点击插入—插入图片—选择（已经制作好的背景图片）4.3母版与子版背景更换完成。4.1点击打开母版背景,，调整修改背景素材，使之与PPT母版主题风格一致。具体步骤如下：4.2复制母版背景图中的图像纹理所在图层，同一位置建立两个子版本图层，分别调整图层不透明度60%（居上），不透明度30%（居下），复制图像（可灵活更换成某一公司标志图形），将其编排于设置的参考线位置，见左图。4.3打开PPT，回到编辑母版状态下，选择需要更改的某一个子版页面，点击图片，插入图片，选取已经制作好的子版背景图片即可。见左图。4.4根据需要，灵活更改所需要的子版背景图片，重复上一步操作，选择需要更改的某一个子版页面，点击鼠标右键，选择设为背景图片，即可实现子版背景更换。见左图。3.PPT版面子版设计：根据需要，灵活更改所需要的子版背景图片，重复上一步操作，选择修改好的其他色彩背景子版页面，点击鼠标右键，选择设为背景图片，即可实现子版背景更换。见左图。4.PPT版面静态图标设计：4.1.制作静态图标1.根据需要，点击形状工具—按住SHIFT，建立正方形图标—双击（调整外观色彩）—点击填色（设置渐变色彩）——调整渐变色彩，选择可参考图标例图，可根据需要进行修改，调整以达到的图标效果，见左图。4.2制作静态图标2.创建图标，点击形状按钮，设置宽度（100像素）、高度（100像素）、边数3，圆角半径0像素，星形比例100%，勾选（从中心），点击确定，得出三角形，调整三角形所在位置，以达到图标效果，点击正方形，右键设置阴影，播放按钮绘制完成，见左图。4.3制作静态图标3.创建图标，点击形状按钮，设置宽度（100像素）、高度（100像素）、边数3，圆角半径0像素，星形比例100%，勾选（从中心），点击确定，得出三角形，调整三角形所在位置，以达到图标效果，点击正方形，右键设置阴影，数值（角度90、距离5像素、扩展5像素、大小5像素）、品质等高线，播放按钮绘制完成，见左图。上图为添加投影效果上图为添加投影效果5.PPT版面动态图标设计：5.1.制作动态图标复制一份链接图层按钮的图标，点击菜单栏中窗口——时间轴（见图）时间轴窗口显示出单帧图标，播放按钮绘制完成，见左图。时间轴窗口显示出单帧图标，点击加号按钮，复制一帧页面，更改此复制帧页面中的形状图标，设置第一帧（不见三角形），第二帧（可见三角形），点击鼠标右键，弹出秒数设置，设置每一帧的秒数，参数绘制完成，见左图。设置第一帧（不见三角形），第二帧（可见三角形），图中为多边形1，点击，设置可见，设置第二帧的秒数为2秒（可灵活更改显示时长），参数如图例，绘制完成，见左图。5.2.导出动态图标点击文件——导出——存储为Web(所用格式），见左图。6.在PPT版面调取并运用设计的动态图标：6.1.应用动态图标图像大小设置存储为Web(所用格式）—设置图像大小为（以安卓Android图标操作栏图标128*128px)，见图。6.2.应用动态图标显示设置存储为Web(所用格式）—设置预设格式：GIF128仿色，见图。注：GIF格式可实现动态图标显示。6.3.在PPT页面应用动态图标点击PPT页面—插入—点击图标存储位置文件夹—打开图标—移动至所需位置—点击PPT（播放按键）—实现预览。见：PPT右下角本项目完。作业课后拓展：1通