项目
第19讲 图片轮播模块的设计与制作
授课学时
2课时
课程类型
新授
项目目标
知识目标
掌握图片轮播宣传广告图的制作
能力目标
制作宣传广告图的能力
德育目标
1、培养学生分析解决问题的能力
2、培养学生自主学习，创新思考的意识
项目重难点
项目重点
图片轮播宣传广告
项目难点
图片轮播宣传广告
教学方法
讲授法、任务驱动法
课前准备
教案、学案、8S管理标准
教学活动设计
8S组织教学
师生问好并清点人数，检查鞋套及手机上交情况。
按照机房8S管理标准检查同学们课前准备情况，提醒同学们用电安全。
教学环节
教学内容
教学方法
教师活动
学生活动
设计意图
项目导入
什么是店招？
我们如何设置店招？
讲授法
设问题
思考问题完成任务
以本节课问题导入提高学生兴趣
讨论归 纳
分解任务
一、任务分解
任务一、制作图片轮播广告图
自主探究学习任务实施
二、任务实施
任务一、制作图片轮播广告图
一、新建轮播图/宣传图：启动PhotoShop，点击文件/新建，你需要的尺寸，这里我做一个宣传图。里面有几个参数为大家说下：
1、名称：就是你文件的名称
2、宽度：即文件宽度多少
3、高度：即文件高多少
4、分辨率：即文件清晰度(一般选择默认72即可)。
5、像素：即宽高单位，一般选择像素即可。
二、打开素材
因为要用素材，所以我这里准备了一张经典WIN XP桌面的图片作为素材。文件/打开，到这张素材。按照图的步骤，点击文件/打开，选中素材，点击打开即可。
注意：如果右侧图层处有一个小锁，我们是不能移动的，这里需要我们解锁，双击右侧小锁位置，弹出对话框，然后点确定。然后就看到小锁消失，这个时候我们就可以移动这张素材
三、移动素材
现在需要我们把素材移动到之前新建的文件里面，右键图层，选择[复制图层]，弹出对话框，给该图层重命名为[素材图片]。[目标/文档]选择刚才新建的文件名称，然后点[确定]即可。
四、处理素材
现在我们可以素材把这个窗口关掉，然后打开我们新建的宣传图。大家会看到，可能尺寸不对，有时大有时小，这个时候我们应该怎么做呢？
首先，选中该素材图层，当该图片变成蓝背景后，就说明已经选中。
变化大小，按住"CTRL"+"T"，这时图片变成了有格子的边框，鼠标点住边框，任意拖动你想要的大小，如果图片过大，不方便变化大小，可以用"CTRL"+"-"来缩小图片的比例，之后再用CTRL+ALT+0来完整显示图片。
大小变化后，直接按回车/ENTER即可保存。
五、打开文字功能
点击PS左侧工具栏中的[横排文字工具]或者用快捷键T。
六、处理文字
在图片的任意地方点击，即可写我们想要写的广告语或者宣传口号(为了给大家做示范，我写“电脑日常维护”)。
写完后点击右侧任意图层即可。可能比较难看，接下来我们来美化下该文字。
首先，按照之前步骤，选中该文字图层，然后到上面的文字工具栏，选择字体，大小，字体颜等。我选择的是方正舒体，200号字，黑字体。注：如果觉得字体之间空隙较大，可以选择颜最右侧的[切换字符和段落面板]来具体调整。其中30%和-100都是来减少字体之间空隙的，大家可以自己动手试试
七、美化文字
做到这里，是不是感觉还是有点难看，那我们来美化下文字。
右键文字图层，选择[混合选项]，弹出对话框，很多比较好看的效果都是从这里面做出来的，我这里给大家介绍其中的一种[描边]。
使用该功能时，左侧可以实时看到你做的效果，通过效果来控制[描边]。如图，我选择的属性为白颜，大小为12.
最后效果如图，大家可以尝试下其他的功能
八、保存
如果没有[保存]这一步，那么之前都白做了，[CTRL+S]保存你想要的格式，建议大家先保存一个PSD格式，方便以后修改，然后再保存成其他的，一般可以保存成JPG、PNG、GIF等。
讲授法
演示法
任务驱动法
实习指导法
html5轮播图代码效果图
演示法
实习指导法
讲授新知识
教师演示，并以引导性语言让学生思考
老师给出任务，
并引导学生根据学习内容完成
教师巡回指导，观察学生对产品的图片的设计情况
老师进行演示并总结
教师巡回指导，观察学生练习情况
根据老师的讲授积极思考
学生观察学习设置方法方法
小组合作讨论后实际动手操作
根据任务设置店铺图片轮播模块
学生认真完成任务，据结果得出结论，并做记录
根据任务设置店铺图片轮播模块
培养学生善于分析与思考的能力
通过演示让学生用最快的速度得到理解
培养同学们的团队合作意识
还课堂于学生，充分发恢学生学习的自我能动性
。
培养学生理论个和实践相结合的学习方法。
还课堂于学生，充分发恢学生学习的自我能动性
学习评价
老师将学生上交的作品展示给同学们，同学之间互相评价，并抽查几位学生进行点评。
正确对待自己所学，正视自己的不足，学习优秀作品的特点
总结归纳
通过本次课学习，掌握图片轮播图的设计与制作方法，并为自己店铺内产品设计图片轮橎图。
培养学生对本节课的认知能力的总结
作业
回忆本次课所讲内容，加深理解记忆，并制作出另一种产品的图片广告。
让学生掌握所学工具，做好笔记
课后反思
课后整理
下课前两分钟关闭电脑，将键盘鼠标放回原位，显示器、桌椅板凳摆成一条直线，将产生的垃圾带走。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。