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

形状补间动画制作


制 作 形 状 补 间 动 画
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、完成制作 项目四:
制作形状补间动 画
任务一 任务二 小 结

第二面及第三面制作

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

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


赞助商链接
相关文章:
第5课神奇的变化——制作形状补间动画教学设计
第5课神奇的变化——制作形状补间动画教学设计_五年级其它课程_其它课程_小学教育_教育专区。第5课 神奇的变化——制作形状补间动画 一、教学目标 1.知识与技能 ...
第5课神奇的变化——制作形状补间动画教学设计
第5课神奇的变化——制作形状补间动画教学设计 - 小学 单位: 课题第5课 主备教师: 信息技术 科教学设计 神奇的变化——制作 形状补间动画 课时 1 个性化补充 ...
大战补间动画——制作形状补间动画(教学设计含反思)
大战补间动画——制作形状补间动画(教学设计含反思) - 信息技术教学课例 课例名称:大战补间动画——制作形状补间动画 姓名:欧颖怡 单位:惠州市第九小学 电话:...
形状补间动画的制作
教课题: 课题: 制作形状补间动画 知识、教学目标: 知识、教学目标: 案首页 课型 新授课 课时 1 1、理解关键帧、普通帧的概念及其作用; 2、形状补间动画的概念...
补间动画及其制作方法
它包含“普通形状 补间动画”和“精确形状补间动画”。 1) 普通形状补间动画制作方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的...
初中信息技术制作形状补间动画教学设计
第二课 制作形状补间动画【教材及学情分析】 本课是八年级《信息技术》第一单元第二课,主要介绍了 flash 形状补间动画制作。 为了使动画效果更流畅, 介绍形状...
高中信息技术形状补间动画教学设计教案
高中信息技术形状补间动画教学设计教案_其它课程_高中教育_教育专区。“形状补间动画”教学设计灵台一中教材分析 本课教学内容是校本教材第三单元·“动画制作”中的“...
《创建形状补间动画》第二次教学设计
教学设计 《创建形状补间动画》第二次教学设计 教学对象分析:通过前面活动的学习,学生已对动画的原理有了初步的了解,认识并了 解 flash 的界面,能够制作逐帧动画...
形状补间动画制作
形状补间动画制作_IT/计算机_专业资料。动画制作形状补间动画制作学习目标: 学习目标: 1、认识形状补间的动画原理 2、会制作形状补间的动画 重、难点: 难点:认识形...
形状补间动画
形状补间动画教学内容:形状补间动画的认识与制作 教学目标 一、知识与技能: 1.理解形状补间动画的概念,掌握其制作方法。 2.掌握将位图转换为矢量图的操作方法, ...
更多相关标签: