当前位置:文档之家› flash-引导动画和遮罩动画(PPT)

flash-引导动画和遮罩动画(PPT)


引导动画的制作方法
制作引导动画的具体操作如下 (1)在普通层中创建一个元件。 (2)在普通层上方新建一个引导层,普通层自动变 为被引导层,在引导层中绘制一条路径。
(3)将引导层中的路径沿用到某一帧。
(4)在被引导层中将元件的中心控制点移动 到路径的起点。
(5)在被引导层的某一帧插入关键帧,并 将元件移动到引导层中路径的终点。
标新建一个引导层, 选中引导层的第1帧, 单击铅笔工具 ,在
选项区域中选择 “平滑”模式,然 后在舞台中绘制一 条光滑的曲线,如 图11-2所示。
图11-2
(4)在引导层的第50帧按【F5】键沿 用帧。
(5)选中被引导层中的树叶,将其中 心控制点移动到引导线的起点,然后在 第50帧插入关键帧,并将树叶放大一点。
(6)选中第50帧中的树叶,将其中心 控制点移动到引导线的终点位置,如图 11-3所示。然后在第1帧和第50帧之间 创建动作补间动画。
图11-3
(7)选中第1帧,在“属性”面板的“补间”下 拉列表框中选择“动作”选项,并选中 、
、 和 复选框,如图11-4所示。
图11-4
选中

和 复选框是
为了使对象沿着引导路
(4)在图层“飞机1”中将“飞机1”移动到左 边曲线的左端点上,在图层“飞机2”中将“飞 机2”移动到右边曲线的右端点上,如图11-8所 示。
(5)在图层“飞机1”的第50帧插入关键帧, 并将“飞机1”移动到两条曲线的交点处,在图 层“飞机2”的第50帧插入关键帧,并将“飞 机2”移动到两条曲线的交点处,如图所示。
(6)在被引导层的两个关键帧之间创建补 间动画,引导动画制作完成。
另:如果想看到引导线的话,需要添加一图层, 在引导层第一帧点击“复制帧”,在新添加的 图层第一帧点击“粘贴帧”,然后再双击新图 层把它改为“一般”图层即可。
下面通过一个树叶飘落的动画讲解制作引导动 画的方法,具体操作如下。
(1)新建一个文件,选择[文件][导 入][导入到舞台]菜单命令,导入图片“叶 子.eps”,将其缩至适当大小,并放置在舞台的 左上方。用“修改”-变形-顺时针旋转90度两 次,把叶子旋转一下。
• 比较下面两图的相同与不同
引导动画与制作
在运动引导层中绘制路径,可以使运动 渐变动画中的对象沿着指定的路径运动。运 动渐变动画中的对象被引导,所在的层被称 为被引导层,在一个运动引导层下可以建立 一个或多个被引导层。
引导层和被引导层,它们是制作引导动画 的必需图层。引导层应位于被引导层的上方, 在引导层中可以像其他层一样绘制各种图形 和元件,它只是对对象运动起导向作用,在 最终效果中不会显示出来;而与之相链接的 被引导层则沿着引导层中的路径运动。
(1)新建一个文件,导入背景图片,将图 层2命名为“飞机1”,导入图片“飞机 1.eps”,将飞机1按比例缩小,并将其转换 为图形元件,如图11-5所示。
图11-5
(2)新建一个图层,将其命名为“飞机2”, 把飞机1元件拖到舞台,并用修改-变形-水 平翻转
图11-6
(3)选中图层“飞机2”,单击图标新建一个 引导层,选中引导层的第1帧,单击铅笔工具 , 在选项区域中选择“平滑”模式,然后在舞台 中绘制两条相交的光滑曲线,然后在第50帧按 【F5】键沿用帧,如图11-7所示。
(6)选中图层“飞机1”中的第1帧,在 “属性”面板中按如图11-10所示进行设置, 在第1帧和第50帧之间创建动作补间动画。 用相同的方法在图层“飞机2”的第1帧和第 50帧之间创建补间动画。
(7)在场景中按【Enter】测试动画,可以看到 飞机2是沿着路径运动,而飞机1并未按路径运动, 这是因为在图层“飞机1”和引导层之间还没建立链 接关系,用鼠标右键单击图层“飞机1”,在弹出的 快捷菜单中选择“属性”命令,在打开的“图层属 性”对话框中选中 单选项,单击 按钮即可将
4
遮 罩 动 画 案 例
5
动画中是否有透过某个 区域可以看到另一番景象?
遮罩动画是flash动画中非常重要的一种动画,它也 是在基本动画上创作起来的,是flash层概念的进一步 学习,链接基本动画和复杂动画的借口,通过非常简单 的制作而实现很多意想不到的效果,比如,动态的圆, 燃放烟花等。
线移动,选中 复选
框是为了使树叶从上到
下飘落时逐渐增大。如
果想让树叶在飘落时旋
转,还可以在“旋转”
下拉列表框中选择“顺
时针”或“逆时针”选
项。
制作多层引导动画
一个引导层还可以链接多个被引导层, 这样可以使多个对象沿着同一条路径运 动;另外,一个引导层中还可以有多条 运动路径,使得不同的对象沿着不同的 路径运动。下面制作两架飞机相撞的过 程,来练习多层引导动画的制作过程。 其具体操作如下:
该图层设置为被引导图层。
(8)按【Ctrl+Enter】键播放动画,即可 看到两架飞机沿着不同的路径飞行,最后碰 在了一起,如图11-11所示。
图11-11
如果想使动画效果 更真实,还可以新建 一个图层,在第51帧 绘制一团飞机相撞爆 炸后的烟雾,并添加 声音效果,这里不再 制作,大家可以在今 后的学习中逐渐补充。
我们可以用,魔术棒把叶子图片的白色背景给去 除掉,首先先把叶子打散,然后选魔术棒,在 叶子白色区域点击,再点击Delete,如果还有还 可以接着用多边形模式删除。
(2)选中树叶,选择[修改][转换为元件]菜单 命令,将其转换为图形元件,如图11-1所示。
图11-1
(3)在时间轴的 图层区下方单击 图
课堂讲解 上机实战 课后习题
课堂讲解 ➢案例呈现 ➢遮罩定义 ➢遮罩原理 ➢遮罩特点 ➢遮罩制作
通过案例,思考:
1.每个小动画有什么具体 的表现?
பைடு நூலகம்2.所有的案例有一个什么 样的共同特点?
遮 罩 动 画 案 例
1
遮 罩 动 画 案 例
2
遮 罩 动 画 案 例
3
遮 罩 动 画 案 例
课堂讲解内容
• 引导动画与制作 • 遮罩动画与制作
本课介绍两种特殊的动画:引导动画和遮罩动 画。从制作原理上来说,它们都是由3种基本动 画演变而来的,并在前面基本动画学习的基础上, 更加深刻的理解层的概念。
引导动画与制作
• 引导动画 • 引导动画的制作方法 • 制作多层引导动画
引导动画与制作
相关主题