第9课
文字动画
教学设计
1教学目标
1.通过观察与制作,进一步掌握文字的输入修改,了解“自动渐变”原理,进一步理解“帧”的概念,如开始帧和结束帧,了解“帧”菜单里的添加帧和相同帧的区别,了解画布大小更改的作用。
2.通过自主探究插入帧,改变每一帧中文字的位置,掌握文字动画的一般制作方法,掌握画布大小的修改。
3.在制作文字动画的过程中,体验自主创作动画的乐趣,并能够运用到实际生活当中。
2学情分析
本课主要创作一个适合个性需求的GIF动画,文字动画是GIF动画中常见的一种形式。在上这课之前,学生已经基本掌握了调整动画播放速度、添加文字。本课是在学生已经会添加文字的基础上,让学生自主探究添加帧以及改变每一帧里文字位置的变化,让生掌握文字动画的一般方法。了解在Ulead
GIF
Animator软件中文字动画的首尾帧是关键帧,只要确定了关键帧,就会插入过渡帧。了解此软件中“连续渐变”功能可快速完成动画制作,在制作文字动画过程中可根据
个人喜好进行选用。学习的目的最终是为了运用,很多地方运用到文字动画。在这里要把文字动画运用扩展开来,不仅仅要制作一般的文字动画,还可以把文字动画和之前所学的图片动画相结合,挖掘更深一层次的内容,运用到实际生活当中去。
3重点难点
教学重点:通过插入帧、改变文字的位置,掌握文字动画的一般制作方法。
教学难点:进一步理解“帧”在动画制作中的作用,理解首尾帧,运用帧菜单里的添加帧、相同帧和在……之间功能。
4教学过程
活动1【导入】激趣导入
师:同学们,咱们经常用的一种聊天工具是什么?
生:QQ
师:聊天的时候,除了发一些文字还会发一些什么?
生:图片,表情等
师:老师这里带来了两幅图片,请看。你们看懂这里的意思?
生:不明白
师:老师变一个魔术给大家看,请同学们看这两幅图片,有什么区别?
生:下面两幅有会动的文字
师:你更喜欢哪种?
生:下面有动态的文字的图片,下面的更加有趣
师:除了在一般的图片里可以设置,还可以在动画里面设置动态的文字。咱们同学想不想自己也来制作一个这样的动画表情?
生:想
师:今天我们就学习新的一课《文字动画》
活动2【活动】任务一打开动画添加文字
师:老师已经把任务1素材发到同学的桌面上,请同学们选择其中一幅动画并打开,然后添加文字。
生操作师巡视
师:已经有同学成功了,老师请他上台操作,如果有遇到问题的同学仔细看一下,已经完成可以比较下是否有不同
生:演示
讲解:打开动画文件,选择文本工具,鼠标移动到工作区进行单击,出现了文本框,我们就可以直接在里面进行输入
活动3【活动】任务二插入帧,尝试制作文字动画
师:大部分的同学已经把文字这位演员请到了舞台上,接着我们要让文字在这个舞台进行——
生:表演
师:舞台的演员有许多的动作,那这里帧就是动作,要想表演,演员就要有许许多多的?文字就有许许多多的?
生:动作,帧
师:如果要让文字动起来,要改变文字的什么?
生:文字的位置
师:请同学们探索插入帧,改变每一帧里文字的位置,尝试播放让文字动起来
生操作师巡视
师:遇到插入帧出现问题的同学上台操作,再请会的同学进行解决
生1:使用“添加帧”功能,里面没有一个对象
生2:解决使用“相同帧”功能
生3:在对象面板里,选中对象,单击出现小眼睛的时候,对象出现在帧里面
师:还有些同学遇到了这样的问题,移动不了文字,或者是选择文字时候移动的却是图片,怎么办?
生:可以使用选取工具,鼠标首先单击文字以外的部分,然后再选中文字,进行移动
师:非常棒,老师这里有一招,选择选取工具,选中文字的时候进行拖放。
生:继续操作完成
活动4【活动】自学渐变功能
师:展示学生的作品,有优秀的,也有小部分的问题,文字太小看不清楚
生:更改文字,
师:(抓住一个让文字动的比较慢)同学们这幅作品文字动画视觉看上去怎么样
生:比较迟钝,中间有停顿
师:老师这里有一个动画,请看,视觉效果怎么样
生:比较连续,不怎么会有停顿
师:老师给你们发了一个学件的视频,同学们打开学习,并进行探究
生探究自动渐变
生1:上台操作,
师讲解:有3帧,可以把第1帧定为开始帧(文字动画结束时文字的最后位置),第2帧就是结束帧(文字动画结束时文字的最后位置);也可以把第2帧定为开始帧,第3帧为结束帧;选择帧菜单栏里的”在……之间“的功能,弹出TWEEN对话框,改变里面的帧的数量以及帧延迟的时间。
活动5【活动】调整图片大小
师:刚才老师发现了同学们做的时候出现了一个问题,请看。图像比画布要大,图像只显示出一部分,怎么办?我们要调整什么大小?
生:调整画布大小,调整图像大小
师:如何调整
生上台操作,
生1:在编辑菜单栏里选取画布大小,更改画布的高度与宽度
生2:在编辑菜单栏里选取调整图像大小,更改图像的高度与宽度
生3:在编辑菜单栏里有修整画布
师:发了一个任务2素材,你们打开里面的动画,对其画布、图像进行调整
生:操作
活动6【活动】在动态的图片里面添加文字,制作动态表情
师:已经制作完成的同学,请保存图片,把图片保存为GIF格式。我们要做一个提升,请选择任务3素材里面的动画,进行文字的添加,尝试让文字和图画动起来。
生:制作动画表情
生演示
活动7【活动】总结
师:同学们,今天我们学了什么?
生:文字动画
师:文字动画可以运用到哪些地方?
生:PPT,宣传标语,发表情,发微信等
师:如何让文字动起来?
生:插入帧,在帧里改变文字的位置……
师:回去以后,咱们同学是不是可以制作一些表情发给同学?感觉怎么样?
生:可以,骄傲,自豪……