当前位置:首页 >> 计算机软件及应用 >>

形状补间动画制作


制 作 形 状 补 间 动 画
ZHI ZUO XING ZHUANG BU JJIAN DONG HUA
主 讲 :

项目四
教学目标: 项目四:
制作形状补间动 画
任务一 任务二 小 结

制作形状补间动画

了解形状补间动画的制作原理。 掌握形状补间动画的创建方法。 掌握使用形状补间动画表现事物变化的过程。 掌握形状提示点的原理和使用方法。

项目四

制作形状补间动画

项目四:
制作形状补间动 画
任务一 任务二 小 结

任务一 了解形状补间动画制作原理 任务二 掌握形状提示原理

任务一 了解形状补间动画制作原理 形状补间动画原理 项目四:
制作形状补间动 画
任务一 任务二 小 结

在一个关键帧中绘制一种形状的物体,然 后在另一个关键帧中更改该物体的形状或绘制 另一种形状的物体,Flash CS3可在二者之间的 各帧中自动创建形状逐渐变化的过渡帧,最后 生成完整的动画,这种动画类型就是“形状补 间动画”。

任务一 了解形状补间动画制作原理 创建形状补间动画 项目四:
制作形状补间动 画
任务一 任务二 小 结

同一图层上,在绘制着不同矢量图形的两 关键帧之间任选一帧,然后再在【属性】面板 上的【补间】下拉列表中选择“形状”选项, 如图4-2所示,就可创建一个形状补间动画。

任务一 了解形状补间动画制作原理 认识形状补间动画的属性面板 项目四:
制作形状补间动 画
任务一 任务二 小 结

(1)【缓动】文本框
在【缓动】选项中输入相应的数值,形状补间动画 则会随之发生相应的变化。 ? 其值在–100~0时,动画变化的速度从慢到快。 ? 其值在0~100时,动画变化的速度从快到慢。 ? 缓动为0时,补间帧之间的变化速率是不变的。

(2)【混合】下拉列表 在【混合】下拉列表中包含“角形”和“分布式” 两个选项。 ? 角形:指创建的动画中间形状会保留有明显的角 和直线,适合于具有锐化转角和直线的混合形状。 ? 分布式:指创建的动画中间形状比较平滑和不规 则。

操作一【基础练习】—制作“雄鸡变羔羊”

项目四:
制作形状补间动 画
任务一 任务二 小 结

“雄鸡变羔羊”效果图

操作一【基础练习】—制作“雄鸡变羔羊” 1、新建影片 项目四:
制作形状补间动 画
任务一 任务二 小 结

设置文档属性及颜色

操作一【基础练习】—制作“雄鸡变羔羊” 2、创建“鸡”变成“羊”的动画 项目四:
制作形状补间动 画
任务一 任务二 小 结

库面板及鸡和羊图形

操作一【基础练习】—制作“雄鸡变羔羊” 3、创建“鸡”变成“羊”的动画 项目四:
制作形状补间动 画
任务一 任务二 小 结

分别选中第1帧和第40帧,在第1帧~第30帧和第40帧~ 第70帧分别创建形状补间动画,完成后的时间轴状态如图 所示。

操作一【基础练习】—制作“雄鸡变羔羊” 4、自定义变形 项目四:
制作形状补间动 画
任务一 任务二 小 结

添加形状提示符

操作二【重点案例】—制作“汉子的演变”

项目四:
制作形状补间动 画
任务一 任务二 小 结

汉子的演变流程图

操作二【重点案例】—制作“汉子的演变” 1、绘制太阳 项目四:
制作形状补间动 画
任务一 任务二 小 结

#FFFF00 #FFFF00 #C0C0C0

导入素材

太阳颜色及效果

操作二【重点案例】—制作“汉子的演变” 2、制作补间形状动画 项目四:
制作形状补间动 画
任务一 任务二 小 结

创建补间

操作三【突破提高】—制作“浪漫的绽放”

项目四:
制作形状补间动 画
任务一 任务二 小 结

“浪漫的绽放”流程图

操作三【突破提高】—制作“浪漫的绽放” 1、制作叶片的生长 项目四:
制作形状补间动 画
任务一 任务二 小 结

制作后的叶片及时间轴状态

操作三【突破提高】—制作“浪漫的绽放” 2、制作花梗的生长动画 项目四:
制作形状补间动 画
任务一 任务二 小 结
花梗

花梗各个时期状态

操作三【突破提高】—制作“浪漫的绽放” 3、制作花瓣的生长动画 项目四:
制作形状补间动 画
任务一 任务二 小 结

花瓣各个时期形状

操作三【突破提高】—制作“浪漫的绽放” 4、完成制作 项目四:
制作形状补间动 画
任务一 任务二 小 结

完成制作

任务二 掌握形状提示点原理 添加形状提示 项目四:
制作形状补间动 画
任务一 任务二 小 结

单击形状补间动画的开始帧,选择【修改】/【形状】/ 【添加形状提示】命令,在形状上就会增加一个带字母的 红色圆圈,相应地在结束帧的形状上也会增加形状提示符, 如图所示。

任务二 掌握形状提示点原理 形状提示点原理 项目四:
制作形状补间动 画
任务一 任务二 小 结

添加形状提示和未添加形状提示的区别
?增加控制点只能在开始帧进行。 ?控制点用字母表示,最多只有26个。 ?控制点最好从矢量图形的左上角开始,按逆时针顺序放置。 ?控制点的顺序要符合逻辑。例如,在开始帧的一条直线上按a、b、c顺序放 置3个控制点,在结束帧的相应帧的直线就不能按a、c、b顺序放置。 ?控制点并非设置得越多越好,有时设置一个控制点就可以达到很好的效果。

操作一【基础练习】—制作“蝙蝠飞翔” 1、创建补间动画 项目四:
制作形状补间动 画
任务一 任务二 小 结

操作一【基础练习】—制作“蝙蝠飞翔” 2、添加形状提示符 项目四:
制作形状补间动 画
任务一 任务二 小 结

添加形状提示符

操作一【基础练习】—制作“蝙蝠飞翔” 3、完成制作 项目四:
制作形状补间动 画
任务一 任务二 小 结

添加形状提示符后的效果

操作二【重点案例】—制作“翻书效果”

项目四:
制作形状补间动 画
任务一 任务二 小 结

“翻书效果”流程图

操作二【重点案例】—制作“翻书效果” 1、制作翻页效果 项目四:
制作形状补间动 画
任务一 任务二 小 结

制作翻页效果

操作二【重点案例】—制作“翻书效果” 2、绘制书桌及小饰品 项目四:
制作形状补间动 画
任务一 任务二 小 结

书底书桌及小饰品

操作二【重点案例】—制作“翻书效果” 3、完成制作 项目四:
制作形状补间动 画
任务一 任务二 小 结

添加第二本书后的效果

操作三【突破提高】—制作“旋转三棱镜”

项目四:
制作形状补间动 画
任务一 任务二 小 结

“选择三棱镜”流程图

操作三【突破提高】—制作“旋转三棱镜” 1、素材准备 项目四:
制作形状补间动 画
任务一 任务二 小 结

图层及库面板

操作三【突破提高】—制作“旋转三棱镜” 2、设置主场景 项目四:
制作形状补间动 画
任务一 任务二 小 结

主场景设置

操作三【突破提高】—制作“旋转三棱镜” 3、绘制辅助图形 项目四:
制作形状补间动 画
任务一 任务二 小 结

绘制三角形及变形

时间轴状态

操作三【突破提高】—制作“旋转三棱镜” 4、制作旋转三棱镜效果 项目四:
制作形状补间动 画
任务一 任务二 小 结

填充图片

移动顶点

操作三【突破提高】—制作“旋转三棱镜” 5、添加形状提示符 项目四:
制作形状补间动 画
任务一 任务二 小 结

添加形状提示符

操作三【突破提高】—制作“旋转三棱镜” 6、完成制作 项目四:
制作形状补间动 画
任务一 任务二 小 结

第二面及第三面制作

小结
? 形状补间动画是指在两个形状之间创建逐渐过渡 的动画。本项目首先介绍了形状补间动画的原理 和创建方法,帮助读者建立对补间动画的基本认 识,为后续深入学习补间形状奠定基础;接着配 以丰富的补间形状动画案例,让读者从理论到实 践,进一步巩固所学的知识。 ? 本项目的难点是形状提示的使用,这是一种创建 补间形状的重要辅助工具,用于在动画制作中精 确控制对象的形状,读者务必牢固掌握形状提示 的创建和应用方法。 ? 补间动画在动画设计中应用广泛,创建原理清晰 ,操作简便,设计效果丰富。请读者在学完本项 目全部实例后认真总结相关的方法和技巧,举一 反三,全面掌握补间动画的设计原理,并在创作 中灵活应用。实现同一种动画效果可以采用不同 的方法,但如何选择最方便、最有效的方法,需 要在实践的基础上加以分析和总结。

项目四:
制作形状补间动 画
任务一 任务二 小 结


赞助商链接
相关文章:
制作Flash形状补间动画教学设计_图文
制作Flash形状补间动画教学设计 - 《制作 Flash 形状补间动画》教学设计 教学课题:制作 Flash 形状补间动画 教学目标:1 理解形状补间动画的概念,掌握其制作方法 2 ...
用flash创建形状补间动画
用flash创建形状补间动画 - “形状补间动画”教学设计 第 1 页共 5 页 计算机动画制作 (三) ——用 flash 创建形状补间动画 教材分析 本课教学内容是教材第四...
动作补间动画制作
动作补间动画制作 - 《补间动画制作》学案 设计教师:陈树君 (二)动作补间动画 说明:前两节课我们已经学习了补间动画的其中一种:形状补间动画,今天我 们开始学习...
形状补间动画教学设计
形状补间动画教学设计 - “形状补间动画”教学设计 南京市第四中学 教材分析 本课教学内容是江苏省科学技术出版社九年义务教育三年制初级中学教科 书 《初中信息...
形状补间动画教案
形状补间动画教案 - 本节课为是江苏省2007年审查通过的初中信息技术(下)第8章第3节第2课时的内容。通过本课的教学,使学生了解元件、影片剪辑、场景,掌握制作“...
形状补间动画教案
形状补间动画教案 - ( 信息技术 )学科教案 教学内容 形状变!变!变! ---初识形状补间动画 1.知识与技能目标 教学时数 1 课时 (1)掌握“形状补间动画”...
形状补间动画制作步骤
形状补间动画制作步骤 - 形状补间动画制作步骤(圆形→五角星): 1. 创建动画文件: 启动 flash 程序,打开“文件”——“新建”命令; 2. 创建动画起始关键画面: ?...
第二课 制作形状补间动画
第二课 制作形状补间动画 - 第二课 制作形状补间动画 2010-12-06 08:55:07| 分类: 教案设计 | 标签: |字号大中小 订阅 【教材及学情分析】 本课是八...
形状补间动画制作
形状补间动画制作 - 《补间动画制作》学案 设计教师:陈树君 (一)形状补间动画 一、Flash 中的逐帧动画和补间动画 上节课我们学习了逐帧动画,大家已经知道了,逐...
形状补间动画教学设计
形状补间动画教学设计 - 教学设计 题目:制作形状补间动画 姓名:刘粉婷 单位:乾县职业教育中心 教材分析 本节课的内容是人民邮电出版社的“动画设计与制作 Flash ...
更多相关标签: