资源简介

(共38张PPT)
第11课
智能相册-特效相册
有趣的照片
课堂总结
相册切换效果
添加照片特效
巩固拓展
有趣的照片
1
有趣的照片
游 戏
搞怪照片大比拼
有趣的照片
相册切换效果
2
照片是如何切换
的呢
相册切换效果
右边相框中的照片滑行到左侧；
右边相框中的照片渐变显示为下一张；
左右两侧的相框同时有照片。
相册切换效果
准备工作——上传相框角色
竖版相框
横版相框
相册切换效果
准备工作——上传照片角色
相册切换效果
1
2
3
准备工作——复制照片角色
复制
名称
相册切换效果
准备工作——调整照片角色的属性
大小
位置
方向
相册切换效果
相框应该放在照片的后面还是前面？
后面
前面
想一想
如何把相框角色放在最前面
相册切换效果
1、能不能看清照片从右移到左的过程？
2、可以看清角色移动过程的积木是什么？
能看清
相册切换效果
Step1：照片从右侧出发滑行到左侧相框
相册切换效果
哪个积木可以让角色消失？
想一想
如何让角色逐渐显示？
Step２：实现角色消失后，逐渐显示下一张照片的效果
相册切换效果
想一想
1、下一张照片出现的位置不对
2、照片不能一直连续切换
还存在什么问题？
Step３：右侧照片连续切换
相册切换效果
我是你的上一张
相册切换效果
Step４：左侧照片连续切换
相册切换效果
１－小挑战
实现每点击一次右侧照片，照片切换一次的效果。
１－小挑战
添加照片特效
３
添加照片特效
为角色设定外观特效
添加照片特效
颜色:
照片的颜色发生改变,对黑色基本无效.
试一试: 调整不同的特效时照片的效果
鱼眼:
数值为负时,照片中心有收缩效果;
数值为正时,照片中心有放大效果.
漩涡:
照片绕着中心点旋转;
数值的正负决定旋转的方向.
像素化:
照片变成像素方块.
马赛克:
照片数目增加.
亮度:
照片亮度发生改变;
设定为-100时变成黑色,设定为100时消失.
想一想
如何为左侧的每张照片添加指定特效
切换到其他照片时如何清除上一张照片的特效
切换照片时展示指定特效
添加照片特效
2－小挑战
添加背景音乐。
（可以自己录一首歌哦）
2－小挑战
课堂总结
4
(1)
(2)
改变角色的图层关系，把角色放在最前面的图层
让角色移动到指定位置，可以看清角色的移动过程
知识点巩固
(3)
(4)
知识点巩固
设定角色的外观特效
获取角色的造型编号，还可以获取角色的坐标，背景的编号等
Q. 使用下面哪组程序可以让图片中的角色消失？（ ）
我问你答
A.
B.
C.
D.
B
巩固拓展
5
和父母拍一些合照，制作一个家庭相册
巩固拓展Scratch一阶第十一讲：特效相册
教学目标
1、掌握移到最前面、在（）秒内滑行到x（）y（）、将（）特效设定为（）积木脚本的使用；
2、学习角色的图层关系；
3、了解如何获取其他角色或背景的属性。
二、主要程序脚本
编号 详细内容 功能描述
【1】 “移到最（前面）” 修改图层的顺序关系，把角色移到舞台的最前面，不会被其他角色遮挡
【2】 “在（）秒内滑行到x（）y（）” 让角色在规定时间内滑行到舞台区指定位置，可以看到移动过程 （时间为任意正数；坐标赋值范围和角色大小相关）
【3】 “将（虚像）特效设定为（）” 设定角色的外观特效，可以设定颜色、鱼眼、漩涡、像素化、马赛克、亮度和虚像特效 （可赋值范围和设定的特效相关）
【4】 “（）的（）” 可以获取角色或背景的属性
三、课堂准备
编号 名称 内容 来源 备注
【1】 PPT课件 课堂全流程演示文稿 火星科学盒官网
【2】 课程资料 PPT课件、讲义、视频 火星科学盒官网
【3】 学生上课使用器材 笔记本电脑或者台式电脑 老师自备 电脑建议使用Windows系统，苹果电脑和Linux系统需要从官网上单独下载对应的软件
游戏手柄、螺丝刀 火星人商城采购
【4】 编程软件下载 Scratch3.0 火星科学盒官网 火星科学盒官网在线编辑版
离线下载版
安装好后测试一下是否可以使用
四、上课流程
本节课包括8步具体流程：
第1步为引入部分，通过拍摄搞怪照片的小游戏，引出本节课制作特效相册的主题。时长控制在5分钟内。
第2步为相册切换效果分析，让同学们观看视频，自己分析照片切换的过程。时长控制在5分钟内。
第3-6步为项目制作，添加完成本节课需要的素材之后，首先调整角色的图层顺序，之后实现右侧相框内照片滑动及切换的效果，再制作左侧相框内照片切换的效果，最后为每张照片添加不同的特效，完成特效相册的制作，时长控制在70分钟内。
第7步为课堂总结，使用提问的方式总结本节课的重点积木脚本。时长控制在5分钟内。
第8步为巩固拓展，使用其他特效实现照片切换效果，为课后作业。
上课步骤 主要内容 备注
【第1步】引入 【对应PPT】“有趣的照片”部分 【时长】5min 【衔接话术】同学们在平时的生活中喜不喜欢拍一些有趣的、搞怪的照片？在上今天这节课之前呢，咱们先来玩一个小游戏，叫做搞怪照片大比拼，我们请几位同学上台来，老师数1,2,3，在数到3的时候，同学们就做出一个最搞怪的表情或者动作，我们比一比谁做的最好玩。（老师带领学生完成游戏） 【衔接话术】刚刚我们是通过一些做一些动作让照片变得有趣，那如果现在我们手里的照片很普通那我们如何让它变得有趣起来呢？现在老师就要给你们变魔术，把这几张照片变得有趣。 1.上课之前让学生准备好自己的照片。 2.可以让同学们互相交换照片，做一个全班的相册。
【第2步】相册切换效果分析 【对应PPT】“相册切换过程分析”部分 【时长】5min 【衔接话术】刚刚我们也看到了，可以通过一些特效让照片变得更加搞怪有趣，那今天呢，咱们就制作一个可以让照片变有趣的特效相册。既然是一个相册，那照片肯定是可以切换的，咱们就先来看一下，接下来要制作的相册中照片是如何切换的。（学生观看效果视频） 【总结】右边相框中的照片会滑到左边；右边相框中的照片以渐变的方式显示为下一张；左右两个相框中都有照片。 以提问的形式让学生独立分析。
【第3步】相册切换效果 【对应PPT】“相册切换效果”部分 【时长】30min 【衔接话术】首先，先上传本节课要用到的角色，同学们可以根据自己的照片大小选择使用竖版相框或者横版相框其中一个。（学生添加角色） 【衔接话术】下面，就要把同学们的照片上传上去了，还记得我们上节课如何上传所有照片的吗？是要把照片全都上传成为角色还是要上传成为造型呢？（学生回答） 【讲解】首先先把一张照片上传成为角色，其他的照片作为这个角色的造型上传。（等待学生上传） 【衔接话术】在左右两侧的相框中可以同时看到照片，所以，需要复制一次刚刚添加完成的照片角色。先选中角色，然后点击鼠标右键，选择复制，这样，角色就复制完成了。为了更好地区分两个角色，可以为它们修改角色名称为“照片左”和“照片右”。 【衔接话术】现在，我们上传的照片太大了，和相框不贴合，下面，就需要根据相框调整一下照片的大小、位置和方向。 【讲解】在调整一个照片角色时，可以先把另一个照片角色隐藏。调整照片大小时，可以直接在角色区修改大小后的数字；调整位置时，用鼠标在舞台区拖动角色；调整方向时，旋转方向后的圆盘。（等待学生调整） 【衔接话术】现在照片已经调好了，但是还有一个问题，相框应该在照片的后面还是前面？（学生回答） 【衔接话术】既然相框要在照片的前面，那如何把相框角色放在最前面呢？在这里，应该使用外观分类中的“移到最（前面）”积木。 【讲解】角色在舞台区是有前后位置关系的，它们就像纸张一样是一层层叠在一起的，所以调整角色的前后位置关系时，就是调整角色的图层顺序。（等待学生拼接）（程序样例见“第五部分 – 程序 1-1”） 【衔接话术】同学们还记得照片的切换过程吗？首先右侧相框内的角色要滑到左边。同学们观看一下效果视频，在视频中能看到角色从右到左的移动过程吗？（学生回答），同学们还记得指定角色移动到的位置并且可以看到角色移动过程的积木是什么吗？（学生回答） 【讲解】使用“在（）秒内滑行到x（）y（）”积木可以看到角色的移动过程。 【衔接话术】同学们自己拼接积木，实现照片从右侧初始位置移到左侧相框中的效果。注意照片每次都是从右侧相框的初始位置出发的哦。（等待学生编写程序）（程序样例见“第五部分 – 程序 1-2”） 【讲解】需要使用“移到x（）y（）”积木为角色设置初始位置时，在确定“在（）秒内滑行到x（）y（）”积木中需要填入的数字时，可以先在舞台区把角色移到目标位置，再把角色区x，y后的数字填入积木中。 【衔接话术】右边的照片角色移到了左侧相框中，实际上，左侧相框中一直显示的是“照片左”角色，所以“照片右”角色在移到目标位之后就应该消失了，等它换成下一张照片也就是下一个造型后才会逐渐显示出来。将角色的虚像特效设定为多少才可以让角色消失呢？（学生回答）如何让角色逐渐显示呢？（学生回答）同学们自己拼接完成脚本的拼接。（等待学生拼接）（程序样例见“第五部分 – 程序 1-3”） 【衔接话术】同学们自己点击小绿旗运行一下，在“照片右”这个角色中还存在什么问题吗？（学生回答）分别使用什么积木解决这两个问题？（学生回答） 【衔接话术】添加“重复执行”和“移到x（）y（）”积木实现照片连续切换效果，最后还需要在“重复执行”中添加“等待（）秒”积木让照片切换的速度变慢。（等待学生拼接）（程序样例见“第五部分 – 程序 1-4”） 【衔接话术】在一开始的效果视频中，我们看着好像是右侧的照片滑到左侧后旋转放大，嵌入了左侧的相框中。为了实现这个效果，左侧的照片应该如何切换呢？首先右侧的照片滑动的左侧之后，立刻切换到下一个造型。也就是说，左侧相框显示的应该是右侧相框中的上一张照片。角色“照片左”的造型编号就等于角色“照片右”的造型编号减1。 【衔接话术】使用“换成（）造型”积木放在“重复执行”中让左侧照片不断切换。（等待学生拼接）（程序样例见“第五部分 – 程序 1-5”） 1．学生只需要选择一个适合自己照片大小的相框角色就可以。如果学生的照片既有竖版也有横版，建议使用横版相框。
【第4步】小挑战 【对应PPT】“1-小挑战”部分 【时长】5min 【衔接话术】现在相册的效果是点击小绿旗后连续切换，同学们自己尝试实现点击一次右边的照片后，照片切换一次的效果。 【讲解】新添加的大部分脚本和原脚本相同，可以直接进行复制。使用广播相关积木实现点击右侧照片后，左侧照片切换的效果。（程序样例见“第五部分 – 程序 1-小挑战”）
【第5步】添加照片特效 【对应PPT】“添加照片特效”部分 【时长】30min 【衔接话术】既然咱们要制作的是一个有趣的特效相册，最重要的就是为照片添加特效，那照片的特效如何实现呢，在这里，咱们要用到的就是“将（）特效设定为（）”这个积木。我们修改图片的颜色、亮度、鱼眼等7种特效。在上节课中，我们已经学习过了虚像特效的使用，在这里，我们再看一下其他六种特效。同学们自己试一下，为不同的特效设定不同的数值时会发生什么变化（等待学生尝试） 【衔接话术】现在我们已经知道了设定不同特效时角色会有怎样的效果,那同学们想一下,如何实现左侧相框切换到不同照片时展示指定的特效效果呢 (学生回答)设定特效时，整个角色的特效都会改变，因此，照片发生切换时，这个特效并不会消失，那如何实现切换到其他照片时清除上一张照片的特效呢？这里，应该使用“清除图形特效”积木。 【衔接话术】最后添加“重复执行”来一直侦测角色的造型编号。（等待学生编写） （程序样例见“第五部分 – 程序 2”）
【第6步】小挑战 【对应PPT】“2-小挑战”部分 【时长】5min 【衔接话术】同学们可以为自己的相册添加一个合适的背景音乐吗？ 【讲解】如果想让背景音乐一直播放，就需要使用“播放声音（）等待播完”积木并把它放在“重复执行”中。（程序样例见“第五部分 – 程序 2-小挑战”） 可以让同学们一起录一首比较搞怪的歌。
【第7步】课堂总结 【对应PPT】“课堂总结”部分 【时长】5min 【链接话术】本节课的内容到这里就要完成了，下面我们来简单复习一下所学的内容，考一考自己的记忆力。 【知识点巩固】 老师以提问的方式进行复习。
1.各个脚本的作用分别是什么？ 2.各个脚本在本节课中实现的功能效果。
【我问你答】
使用下面哪组程序可以让图片中的角色消失？（ ） 【答案】B 【解析】A选项最后角色为显示状态；C选项不能让角色完全消失，角色不会完全减小为0；D选项虚像特效为100时角色才会消失。只有B选项能够让角色在白色背景下消失。
A. B.
C. D.
【第8步】巩固拓展 【对应PPT】“巩固拓展”部分 【时长】课后作业 【衔接话术】这两节课我们已经学会了如何制作电子相册以及特效相册，同学们回家后可以和爸爸妈妈一起拍一些搞怪的照片，然后制作一个家庭相册。
五、主要程序说明
程序样例编号 程序样例与说明 对应的角色
1-1 【程序1-1描述】作品运行后，该角色移到图层的最前面，不会被其他角色遮挡。 【竖(横)版相框】
1-2 【程序1-2描述】右侧相框内的照片从初始位置滑行到左侧相框中。 【照片右】
1-3 【程序1-3描述】作品运行后，右侧相框内的照片从初始位置移到左侧相框内，之后消失，下一张照片逐渐显示。
1-4 （“相册切换效果”的最终版参考程序的一部分） 【程序1-4描述】作品运行后，右侧相框内的照片每隔两秒从初始位置移到左侧相框内，之后消失，下一张照片在原位置逐渐显示。
1-5 （“相册切换效果”的最终版参考程序的一部分） 【程序1-5描述】作品运行后，左侧相框内的照片一直是右侧相框内照片的上一张照片。 【照片左】
1-小挑战 （“1-小挑战”的最终版参考程序） 【程序1-小挑战描述】右侧相框内照片被点击后，滑行到左侧，实现照片切换效果，并向照片左角色发送广播。 【照片右】
【程序1-小挑战描述】左侧相框内的照片接收广播后切换造型，实现照片切换效果。 【照片左】
2 （“添加照片特效”最终版参考程序） 【程序2描述】 左侧相框内的照片一直侦测自己的造型编号，根据造型编号为照片添加对应的特效 【照片左】
2-小挑战 （“2-小挑战”的最终版参考程序） 【程序2-小挑战描述】作品运行后，持续播放背景音乐。 【背景】

展开更多......

收起↑