第四课 引导线动画课件2026-2027学年教科版(云南)初中信息科技八年级下册
|
16页
|
4人阅读
|
1人下载
普通
内容正文:
信息科技 · 八年级下册 · 第一单元 动画制作
引导线动画
先做补间,再加引导,
元件就会自己拐弯
教科版《信息技术》八年级下册 第 4 课 第 1 课时 40 分钟
授课教师:____________
学习目标
这节课,你要能做出会拐弯的动画
1
我能说出引导线动画比动作补间多了哪两样东西
2
我能给做好的补间动画加上运动引导层,让它沿曲线跑
3
我能把元件中心吸到线的两头,走完整条线
本课重点
先补间 → 后引导 → 再吸附,这个顺序一步不能乱
本课难点
元件中心必须真的吸在引导线上,差一点就白做
信息科技 · 八年级下 · 引导线动画
02 / 16
情境导入
同一个目的地,两条路
人会挑路走,
动画里的元件不会。
从教室去食堂,我们会绕开草坪走石板路。可画面里的红点一脚踩进草坪,直直穿了过去;蓝点却规规矩矩沿着路绕了一大圈。
?
红点为什么不肯拐弯?它缺的是什么?
信息科技 · 八年级下 · 引导线动画
03 / 16
旧知回顾
动作补间:只会两点一线
第 1 帧:起点
路线只能是一条直线
第 40 帧:终点
上一课我们做的
给起点和终点各放一个元件,中间建补间,元件就自己走过去。
它的局限
起点和终点之间,元件只会走直线,想让它绕个弯,补间做不到。
所以
得先给元件铺一条「轨道」,让它沿着轨道走 —— 这条轨道,就叫引导线
信息科技 · 八年级下 · 引导线动画
04 / 16
认识引导层
多出来的一层,就是那条轨道
引导层(画线用)
被引导层(放元件)
被引导层的名字会自动缩进一格
引导层有三条铁律,一条不满足,动画就不生效:
01
线必须连续不断,中间断开,元件走到断点就停
02
元件中心必须吸在线上,不是边缘碰到就行
03
引导线只是辅助,Ctrl+Enter 播放时看不见,这是正常的
信息科技 · 八年级下 · 引导线动画
05 / 16
五步口诀 · 本课重点
补、加、画、吸、测
1
补
先把补间
动画做好
2
加
添加运动
引导层
3
画
一笔画出
引导线
4
吸
首尾各吸
一次
5
测
Ctrl+Enter
看结果
补间打底 → 引导加层 → 一线贯通 → 首尾吸附 → 测试通过
和上一课的区别只有一句:补间先做好,引导层后加;顺序反了就要重来
信息科技 · 八年级下 · 引导线动画
06 / 16
第 1、2 步
先把补间做好,再加引导层
1
补:把补间做出来
这一步和上一课完全一样
① 选中图形,按 F8 转成图形元件,中心点放正中
② 第 1 帧把元件放在起点,第 40 帧放终点
③ 属性面板「补间」选 动画,缓动 0
④ 现在按 Ctrl+Enter,它只会走直线——这是对的
别急着加引导层:补间没做好,后面全白搭
2
加:加运动引导层
在已经做好的补间上,加一层
① 在时间轴上选中「无人机」这个图层
② 右键 → 添加运动引导层(或点时间轴左下角的图标)
③ 上面多出一层,图标是一条弧线加虚线
④ 原来的图层自动缩进,变成它的「被引导层」
引导层里只放线,不放元件
信息科技 · 八年级下 · 引导线动画
07 / 16
第 3 步
画:在引导层上画一条线
选中引导层的第 1 帧,然后:
铅笔
最常用。按住不放一笔画完,线会自动变平滑
线条
画折线,适合跑道、楼梯这种硬拐弯
钢笔
要精确控制弧度时用,可以调控制点
画线三条纪律
一、一笔画完,中间别松手
二、不要画成封闭的圈
三、别用刷子画,刷子画的是「填充」
画错了怎么办
Ctrl+Z 撤销,或者选中线按 Delete 重画。线在引导层里,删掉不影响元件。
信息科技 · 八年级下 · 引导线动画
08 / 16
第 4 步 · 本课难点
吸:让元件中心贴住线的两头
全班最容易在这里卡住,慢一点做
第 1 帧:拖动元件,让它正中间那个白色小圈压在线的起点上
第 40 帧:同样操作,白圈压在线的终点上
怎么知道吸住了?
松手的一瞬间,元件会轻轻跳一下,像被磁铁吸住 —— 那就是吸上了。没跳,就是没吸住。
只吸一头会怎样?元件会从另一头直飞过来,前半段在线上、后半段脱离。
信息科技 · 八年级下 · 引导线动画
09 / 16
第 5 步
测:Ctrl+Enter,看它到底怎么飞
播放结果不对,八成是下面三种之一:
01
没吸附:元件飞直线或从半路斜插进来 → 回第 4 步,两头重吸一次
02
线断了:走到一半停住不动 → 用铅笔把断口连上,必须一笔通到底
03
放错层:元件拖进了引导层,或线画在了元件层 → 各归各位
自查
播放时看不见线 = 正常;看得见线还在动 = 引导层没生效
航线画好了,它却直着飞 —— 这就是没吸住
信息科技 · 八年级下 · 引导线动画
10 / 16
作品 1 · 教师带做
无人机送快递到阳台
任务:让无人机把包裹
稳稳送到 6 楼阳台
· 舞台 550×400,帧频 12
· 第 1 帧在画面左下,第 40 帧停在阳台
· 引导线要是一条向上拱起的弧,不能穿楼
· 顺序:补间 → 加引导层 → 画线 → 吸附 → 测试
合格标准:能起飞、能绕、能停在阳台,包裹不穿墙。
我先做一遍,你们看手,不用记;参数在下一页。
信息科技 · 八年级下 · 引导线动画
11 / 16
作品 1 · 参数卡
照着这张表填,一次就成
项目
要填的值
舞台尺寸 / 帧频
550 × 400 / 12 fps
图层
引导层在上,无人机层在下(自动缩进)
元件
图形元件「无人机」,中心点在机身正中
第 1 帧位置
X = 78 Y = 300(画面左下)
第 40 帧位置
X = 452 Y = 214(阳台栏杆前)
补间 / 缓动
动画 / 0(等速,先别加缓动)
引导线
一条向上的二次曲线,最高点在 (250, 30) 附近
40 帧 ÷ 12 fps ≈ 3.3 秒飞完全程;嫌快就把末帧改成第 60 帧。
信息科技 · 八年级下 · 引导线动画
12 / 16
动手时间
6 分钟,做出你自己的快递航线
1
先把补间做完,播放一遍确认它在走直线
2
加引导层,画一条弧线,两头都要吸住
3
Ctrl+Enter 测试,不对就回去改,别重做
做完打个勾,三条都要有
元件真的沿着弧线走,没有直飞段
最后停在阳台上,没有冲出画面
播放时看不见引导线
卡住了先看第 10 页的三种错法,再举手。
信息科技 · 八年级下 · 引导线动画
13 / 16
作品 2 · 开放创意
换一个场景,同一条引导线
任选一个,也可以自己想:
· 篮球投进篮筐
· 纸飞机穿过教室
· 雨滴滑下玻璃窗
· 绕操场跑一整圈
· 扫地机器人绕开沙发
· 上学路上绕开水坑
要求:一条线、一个元件、必须拐弯。
抛物线入筐
S 形穿行
弯弯曲曲下滑
首尾相接成环
最后一张是闭合曲线:首尾重合,元件就能一直绕下去
信息科技 · 八年级下 · 引导线动画
14 / 16
展示与评价
三件作品,一起看三个地方
01
路线合理
这条弧线配这个场景,说得通吗?是不是为了拐弯而拐弯?
02
步骤完整
补间、引导层、线、吸附,四样都在,缺一样动画就不成立。
03
有没有想法
线是你自己设计的吗?有没有加大小变化、循环、第二个元件?
上台就说三句话
我画的是什么线 → 我卡在哪一步 → 我是怎么解决的
评价不打分,只挑一个「我也没想到」的地方说给作者听。
信息科技 · 八年级下 · 引导线动画
15 / 16
课堂小结
引导线动画 = 补间 + 引导层 + 吸附
动作补间
+
运动引导层
+
一条不断的线
+
首尾吸附
=
会拐弯的动画
必做
完成作品 2,保存为 .fla,文件名写「班级+姓名」
选做
在同一层里再放一个元件,让它沿同一条线跟在后面飞
带走一句话
补间决定「什么时候到」,引导线决定「怎么走」——两件事分开做,就不会乱。
信息科技 · 八年级下 · 引导线动画
16 / 16
$