flash基础动画制作

一、运动补间(传统补间)

运动补间又称之为传统补间是flash 中功能最常用的一种补间,它是所有补间动画中的重点;这种补间最基本的帧结构是两点一线。

1. 位移动画:它是一切动画的基础;
2. 透明度动画:选中指定的元件(这里要注意flash 只能针对转化为元件的物体来做补间) 在属性面板会看见alpha 属性,通过调节它的值我们可以制作透明度动画;

3.旋转动画:它是补间的属性!
4.拉伸动画:在flash 当中有一个工具可以进行任意角度的拉伸和旋转,这个工具就是任意变形工具快捷键Q;我们通过关键帧的配合,再经过Q 拉伸可以制作拉伸动画;

实例 知识说明:在舞台上绘制任意形状,F8转化成元件以后,经过20 帧左右时间,按快捷键F6 插入关键帧,再按Q 进行一些拉伸或选装,右击中间任何一帧创建传统补间。观看动画效果!

5.亮度动画,再转化成元件以后会激活对象的亮度属性(位于属性面板);
6.色调动画,俗称变色动画;在一些物体颜色的改变上我们经常需要用到做变色动画,那么这种变色动画就可以通过flash 中的补间来完成;

二、形状补间

下面我们来接触一下flash 中的第二种补间动画;这种补间在flash 最早的版本中就已经存在,它的作用和目的非常明确;------实现一些运动补间不能实现的动画

例如变形动画那么运动补间虽然强大,但是却唯独不能实现变形动画,例如一个圆变成一个矩形的动画;这时候flash 为了弥补这一空缺专门的设立了一种补间叫做形状补间;下面我们通过一个案例来体验一下形状补间的功效;

1. 我们在舞台上绘制一个任意颜色的-------圆!
2.经过20 帧左右时间F7 插入一个空白关键帧;绘制一个矩形我们来实现一个由圆变成方形的动画;

3. 那么这个时候千万注意我们没有对任何形状转化成元件;我们单击中间任意一帧右击创建形状补间这个动画虽然简单但是它诠释了形状补间动画的最基础的原理;在这个原理之上我们可以制作出任何形状变化上的动画效果;总结:形状补间的制作要求和规范----形状补间要求被补间的对象必须是最基础的形状或绘制对象这两种类型,可以认为就是最基本的形状绝对不能够转化成元件;形状补间的动画是系统随机产生的对于很复杂的形状之间的转换到底会产生什么样的动画是不可预测的;

三、引导层动画

1.1 为什么会有引导层动画,它是用来干嘛的。我们学习了以上两种类型的补间并且对它们所有能做的事情都做了介绍,这种情况下我们已经能制作大部分的动画效果了;但是有的时候我们需要做一个运动很不规则的动画,例如萤火虫飞行的轨迹不可能是直线的;很可能是无规律的曲线;那么这种曲线运动我们该如何来做呢,很简单----引导成动画;

我们简单的来通过一个效果演示一下;

1. 我们在舞台上用铅笔随便画一条弯弯曲曲的路径线条,想象一下这个线条将来会是某个物体运动的轨迹;注意线条不要太复杂;(切记一定要是一整条路径)

2. 我们新建一个图层来画一个简单的圆形;那么它将来要发生运动,所以不能跟我们之前所画的线在一个图层上;

3.我们来调节一下两个图层的上下关系,将线条所在的图层至于上层;因为它将来会作为引导层所以必须至于顶层;
4.我们来给小球所在的图层做一个动画!--------最常用的运动补间动画;选中小球将其转化元件;并且摆放一下他的位置放在线条的一端;
5.经过30 或40 帧的时间我们插入关键帧将小球位置移动到另一端;这时候创建补间,看一下小球的运动效果是怎样的;我们想象的它可能演曲线运动,但实际上它并没有;

6.那为什么会产生这样的效果呢,原因很简单我们并没有对这个两个图层建立任何的关系;第一个图层只是线条它不具备引导功能;
7.那么我们选中第一个图层并且右击然后选择引导层将其转化;

8.这时候图层的图标会发生变化,编程一个斧头状态;我们选中小球所在的图层将它拖动到斧头柄的位置松开,将它们连在一起;

9.这时候图标又会发生变化;如果变成如下图效果证明关联建立成功;

10.ctrl+enter 导出预览动画我们发现小球不再是直线运动了;

总结:这就是引导成动画制作的基本原则; 首先引导层动画是为了专门制作曲线运动而产生
的一种动画形式;其次引导层动画必须最少由两个图层构成,即引导线层和运动对象所在的图层;

然后将其关联; 制作的时候要注意,运动的物体应该吸住引导线的两端;也就是说我们在设置两
个关键帧状态的时候应该吸附住线条两端;

四、遮罩层动画

在讲解遮罩动画之前我们现在不考虑动画,来考虑一种类似于平面方面的效果;

1. 新建flash 文档我们导入一张图片进去;

2. 这张图片默认是显示全部内容,是个矩形的范围; 如果我希望只显示其中的一个圆形区域该怎么办呢?那么这个功能类似于ps 中的蒙版;在flash 里我们称它为遮罩;

3. 比如说我只想看到它圆形区域内的地方;我们新建一个图层起名为遮罩层(可自定义),绘制一个圆形;

4. 我现在希望这个图片是透过这个圆来看的,就好比有一道墙把所有的图片都遮住了,我们只能透过墙上这个圆形的窟窿来看后面的图片;
5. 我们选中圆形所在的图层右击将其转化为遮罩层;

6. 这时候你会发现图标发生了变化而且舞台上的形状变成了这样一个效果;

7. 圆外部的轮廓都被遮住了只能看见圆内部的图像;这种效果就叫做遮罩;但是flash 是一款动画软件,如果只能做静态的图像就没意义了;我们希望它能动起来;
8. 好那么我们想一下怎么让它动起来呢----答案很简单我们可以给圆所在的图层做一个动画;
9. 选中这个图层解锁;然后我们在50 帧左右F6 将圆放大,创建补间;再将图层锁住,遮罩动画只有锁定图层后才能预览效果!
10. ctrl+enter 导出观察效果;
总结:遮罩动画是很重要的一种动画形式,应用之处层出不穷;需要重点理解和掌握; 它同样需要最基础的两个图层完成;上面的图层我们诚挚为遮罩层,下面的我们称之为被遮罩层;

你可能感兴趣的:(设计开发)