flash动画上机指导.docx
《flash动画上机指导.docx》由会员分享，可在线阅读，更多相关《flash动画上机指导.docx（14页珍藏版）》请在冰点文库上搜索。
flash动画上机指导
FLASH动画上机指导
一、形状渐变动画
形状渐变动画是Flash基本动画之一，在flash创作中应用范围较广。
形状渐变动画是基于形状来完成的，所以我们必须要保证制作形状渐变动画的素材为图形。
在Flash中有两种图形分类，一种是位图图形（点阵图），另一种为矢量图形（向量图）。
只有矢量图形才以制作形状渐变动画。
位图，文本，元件等都不可以进行制作此效果。
我们只有通过“分离”来矢量化，才可以达到效果。
下面我们就以文本为例，说明这个问题。
具体步骤：
1、运行Flash MX 2004，文档属性默认。
2、单击工具栏中的文本工具在场景中键入“闪吧”两个字。
文本颜色为红色，大小96。
3、单击【修改】|【分离】命令两次，或者使用键盘中的快捷组合键“Ctrl+B”两次，把文本矢量化分离。
分离以后文档就已经变为矢量图形了。
被选中的状态由原来的蓝色边框转为白色的麻点状如图所示。
4、在时间轴上第30帧插入空白关键帧，在在舞台中键入 “FLASH8”静态文本。
5、使用同样方法，把“FALSH 8”文本分离成矢量图形。
6、单击第1帧与第30帧之间任意一帧，在下面的属性面板中的“补间”选项中选择“形状”。
7、时间轴上第1帧和第30帧之间所有帧都变成绿色，并有一个长箭头。
这说明我们已经创建了一个形状渐变动画。
如图所示：
8、测试效果，第1帧的“闪吧”逐渐的转换为第30帧的“FLASH8”。
至此，形状渐变效果完成，保存。
注 意 ——一定要按“CTRL+B”两次，分离成矢量图形才实现形状渐变效果。
提 示 ——◎按一次“CTRL+B”只能使文本中的字单独分列出来。
◎形状渐变动画的时间线是绿色的，而移动渐变动画的时间线是蓝色的。
试一试 ——可以利用矢量图进行形状的变化，那么可以不可改变颜色呢？
例如第30帧的FLASH8改变为蓝色，会是什么效果呢？
们不妨试一试。
分 析——此部分内容简单，只要保证制作形状渐变的素材为矢量图就可以了。
没做出来的同学，大多为忘记了把位图、元件、文档等转化为矢量图。
相关问题
◎ 如何控制形状渐变动画的渐变速度？
第一、在时间轴上控制，缩小开始帧和结束帧之间的长度就可以达到效果；
第二、尽量把两个关键帧的内容放在同一个位置。
◎ 可以精确控制图形的转化过程吗？
可以的。
在Flash MX 2004中有一项【添加形状提示】功能，我们以后的学习中可以利用这项功能来实现精确控制形状渐变。
二、移动动画
对于无法实现移动渐变效果，这个问题在初学者制作Flash过程中经常会遇到，往往百思不得其解。
其实问题的根本原因在于元件与图形的区别。
Flash中一共有三种元件，分别是图形元件、按钮和影片剪辑，这三种元件都可以做移动动画的。
但是Flash中的图形就不可以做移动渐变动画，这里所说的图形就是矢量化的图形。
我们只要了解了这一点，这个问题就会迎刃而解。
具体步骤
1、 打开Flash MX 2004，文档属性默认。
2、单击工具栏里面的椭圆形工具，同时按“Shift”键绘制一个红色的正圆。
3、双击选择此圆形（若没有圆周线，可单击选择），利用右键或者F8键，打开【转换为符号】面板，把它转换为图形元件。
设置元件名称为“红圆”。
如图所示
4、单击时间轴的第30帧，打开右键菜单，选择【插入关键帧】命令或者按快捷键F6插入一个关键帧。
5、利用鼠标拖动或者按方向键移动“红圆”元件到右边的另外一个位置。
6、在第1帧和第30帧之间任意一帧右击选择【创建补间动画】命令。
7、第1帧和第30帧之间的所有帧变成蓝色，并有一个长箭头，这说明已经在第1帧至第30帧之间创建了一个移动渐变动画效果。
如图所示
8、【控制】|【播放】或者按 “Enter”测试动画效果。
9、保存，完成。
注意：
之所以可以实现移动渐变动画效果，是因为把绘制的矢量图图形转换为图形元件。
提示：
◎除了元件可以做移动渐变以外，文本格式、“组”对象、位图图片同样可以制作移动渐变效果。
◎养成给元件命名和给图层命名的好习惯，在制作大型flash动画时，可以方便的寻找、修改命名的元件或者图层。
◎大家经常所说的“mc”是英文MovieClip的缩写，中文是指“影片剪辑”。
影片剪辑与图形元件的显著区别在于，影片剪辑可以给它命名，用来接受Flash ActionScript的控制，并且影片剪辑可以独立与时间线播放。
试一试：
同学们可以试一试利用位图图片、文档、组对象来制作移动渐变动画，看看能够成功。
分 析——通过这个基础的技术问题的解决，我们掌握了Flash移动渐变动画的制作过程，也清楚了制作移动渐变动画的对象是有限制的。
制作移动渐变动画必须是Flash内的三种元件、文档、“组”对象以及位图图片。
对于矢量图图片是不可以制作移动渐变动画的。
相关问题：
◎舞台以外灰色区域是否可以作为编辑区？
发布后能否看见？
舞台以外的灰色区域可以作为Flash动画的编辑区域，当某一元件位于在这一区域的时候，动画发布以后是无法看见的。
◎ 如何导入位图图片？
单击【文件】|【导入】，选择【导入到舞台】命令，就可以把目标图片导入到Flash MX 2004的舞台中。
也可以选择【导入到库】或者【打开外部库】功能。
Flash MX 2004可以导入其支持的各类型的图片、音乐以及所支持的文件格式。
三、逐帧动画与移动渐变动画，形状渐变动画有什么区别？
逐帧动画，顾名思义就是把运动过程附加在每个帧中，当影格快速移动的时候，利用人的视觉的残留现象，形成流畅的动画效果。
具体步骤
1、运行Flash MX 2004，文档属性默认。
2、单击第1帧，利用椭圆形工具在舞台的左侧画一个红颜色无边框的圆。
3、单击第2至10帧，按快捷键“F6”键，连续在时间轴上插入10个关键帧。
如图所示：
4、单击第2帧，使用鼠标或者键盘上的方向键调整舞台中的红色圆的位置，使之向右侧移动一小短距离。
5、重复第4步骤的方法，分别设置其余9个帧里面的圆形位置。
如图所示逐帧动画效果：
6、测试效果。
我们发现这个效果与移动渐变效果基本相同，那为什么还要用逐帧动画呢？
原因在于，移动渐变动画是由Flash程序产生的，有一定的机械性和局限性，对于表现复杂的移动效果的优势就不是很明显了。
逐帧动画正好补充了这个空白。
使变化的效果更加细腻。
7、下面我们再做一个逐帧动画，新建一个Flash文档，属性默认。
8、单击第1帧，利用矩形工具绘制一个无边框的黑色矩形，并把它放置在舞台的上端；
9、在时间轴上按快捷键“F6”键，插入9个关键帧如图所示。
10、单击第2帧，使用箭头工具，适当的拉伸黑色的图形。
11、按照此方法，依次拉伸其余的九个帧。
如图所示。
12、测试效果，从第1帧到第10帧黑色图形逐渐变化，就像是流动下来一样。
这就是形状逐帧动画。
它与形状渐变动画是没有区别的，形成的效果是一样的，但是与移动渐变动画一样，逐帧动画在表现复杂变化效果方法的优势明显。
注 意 ——因为逐帧动画所涉及到的帧的内容都需要创作者手工去编辑，任务量比较大，所以在确定使用哪种动画形式的时候，一定要做好思想准备。
提 示 ——制作逐帧动画不涉及到帧里面的内容是元件还是图形或者位图，这一点与移动渐变动画，形状渐变动画不同。
技 巧 ——在制作逐帧动画的时候，往往前一帧与后一帧的内容没有大的差别，我们就可以使用Flash MX 2004提供的绘图纸外观工具来观察前一帧，或者全部帧的变化，对于我们精确的把握动画效果，有极大的帮助。
如图所示。
试一试 ——同学们利用工具栏里面的“自由变形工具”自己试一下逐帧动画效果。
分 析——制作逐帧动画一定要注意两帧之间的联系，跳跃不要太大。
虽然移动渐变动画和形状渐变动画的过渡效果是非常平稳的，但是对于复杂动画变化来说使用逐帧动画有明显的优势。
所以锻炼制作逐帧动画是非常必要的。
特别提示——本例中所使用的源文件效果与移动渐变动画和形状渐变动画相似，其实逐帧动画的制作是非常复杂的，需要我们具有耐心才能够完成。
特别说明
逐帧动画是最基本的动画原理。
小时候我们看到过的把一本书的每一页都画上形状，快速的翻动书页，就会出现连续的动画。
这就是逐帧动画的原理。
人眼在正常情况下有一个视觉残留，逐帧动画正是利用这一点来完成自己的动画效果。
在制作逐帧动画的时候要灵活应用，可以采取空1帧，空2帧的做法。
相关问题
◎使用逐帧动画会增加flash文件体积吗？
因为逐帧动画的特点，一个连续动作时有许多个关键帧组成的，所以会增加文件的体积。
而且逐帧动画在制作过程中要付出远比其他形式制作形式大得多的努力，所以要有目的的使用逐帧动画，把作品中最能体现主体的动作、表情用逐帧动画来表现。
知识扩展——添加引导层，使元件按照引导线去运动
引导层的作用是限制元件的移动轨迹。
如何来实现呢，我们必须把元件运动的开始帧放到引导线的一端，结束帧放到引导线的另一端，这样引导线才可以根据自身的形状来限制元件的移动。
要注意的是元件的中心必须与引导线粘合。
具体步骤：
1、运行Flash MX 2004，文档属性默认；
2、在第1帧中，单击工具栏中的圆形工具在舞台画一个无圆周线的正圆。
3、单击此圆，使其处于被选中状态。
按“F8”键打开【创建新元件】面板，命名为“正圆”，类型为图形元件。
4、新建一个运动引导图层。
如图所示：
5、在引导层的第1帧，单击铅笔工具在舞台中画出一个“S”形状的线条。
因为引导层中的内容在作品发布的时候是不显示的，所以线条的颜色可以随意。
如图所示：
6、在引导层的第30帧，按“F5”键，使其延长至30帧。
7、单击图层1，在第30帧插入关键帧。
单击第1帧把“正圆”图形元件拖动到引导线的上方端点，并使之粘合。
你会看到元件中心有一个空圆，把这个空圆粘合在引导线上即可，会有一种吸附感。
如图所示：
8、在第30帧，利用第7步骤的方法把“正圆”图形元件放在引导线的下方一端，并使之粘合。
9、在第1帧和第30帧之间右键创建移动渐变动画。
10、按“Enter”进行测试，发现“正圆”图形元件按照运动引导线的形状在移动，效果成功。
保存。
注 意----在实现引导线效果的时候，一定要注意元件与引导线的粘合问题。
如果没有粘合，则元件就会按照开始帧和结束帧的位置直线运动。
提 示——◎我们可以单击工具栏里面的放大镜工具来放大场景，这样我们就更清楚地看到元件中的空圆心，对我们实现这个效果有极大的帮助。
◎ 运动引导线在动画发布的时候是看不到的，所以引导线的颜色大家可以随意设置，只要与场景中的主体颜色区分开就可以了。
◎ 如果没有吸附感，可以单击工具栏中的【选项】|【对齐对象】命令。
技 巧 ——当元件粘合在引导线上的时候，我们拖动元件就会有一些吸附的感觉，这就证明我们制作正确。
试一试 ——我们在做元件的引导线移动渐变动画的时候，属性面板中有一个“调整到路径”选项，大家不妨选择此选项，并把场景中的元件换成长方形，看看效果怎么样？
特别提示：
如果想限制一个元件的移动路线，引导线就是起到限制元件运动的作用。
我们把元件粘合在引导线的开始端和结束端，也就是把元件的运动限制在引导线的形状里面。
在引导线动画中还有一个设置，就是“调整到路径”。
我们建议大家试一试，我们也给出了这个效果的源文件，如果有不明白的地方可以参考。
专家指点：
在闪吧论坛的技术交流区，关于运动引导线的提问经常可以看到。
分析原因有两点：
第一点是朋友在制作的时候并没有仔细看元件的那个关键的空心圆；第二点是当第一次失败以后，产生厌烦情绪，认为这样简单的效果怎么会制作不出来。
其实运动引导线动画是一个十分简单的Flash技术应用。
只要你掌握了，实现一次成功的效果，那么你就会在以后制作中不会出现同样的问题的。
相关问题：
◎同一个运动引导层可否限制两个以上的图层中元件的移动路线？
一个运动引导层是可以限制两个不同图层的元件移动路线的。
因为运动引导层是制作参考工具，所以可以适用不同的元件。
但是大家要注意的是，这两个元件图层的状态要同属一个运动引导层，否则将无法实现效果。
如图2.1.11所示。
图2.1.11 限制两个元件的运动
请参考源文件
2.1.2-3.fla
◎刚才制作的时候说道：
元件放到运动引导线的上方一端……我放在中间可以实现这个效果吗？
可以的，只要把元件粘合在引导线上，无论是开始，结束还是中间部分，都可以实现这个效果。
我们在2.1.2-3的源文件里面已经考虑了这个问题。
其中“蓝圆”图形元件的运动轨迹并不是从引导线开始一直到结束，而是从中间开始，中间结束。
所以，只要做法正确，是可以实现这种效果的。
◎利用flash中的钢笔工具可以制作有效的引导线吗？
钢笔工具，也叫做贝塞尔工具（音译）是绘制路径的一种工具。
利用钢笔工具所绘制的路径能否起到引导线的作用，下面就来实践一下，看看是否成功？
源文件
2.1.2-4.fla就是利用钢笔工具绘制的路径制作的引导线运动效果。
利用钢笔工具可以制作出有效的引导线，他绘制出的路径与铅笔工具绘制出来的线条并没有区别。
◎封闭的路径可以制作引导线吗？
我们都知道，引导线一般都是半封闭的，那么完全封闭的路径可以起到引导线的作用吗？
我们先把引导线做成一个完全封闭的不带有填充色的圆形。
然后按照正常的制作过程把元件粘合在这个圆形中。
如图2.1.12所示。
图2.1.12 完全封闭的引导线
测试一下效果，我们可以看到，利用封闭路径也可以制作出引导线运动效果。
参考源文件
2.1.2-5.fla。
但是存在一个问题，元件的运动是按照开始点与结束点的最短的距离来选择运动的，也就是我们无法有效的控制FLASH自己选择的运动方向，无法全部按照圆形引导线的形状完成圆周运动。
所以我们认为这样的引导线与不封闭的引导线没有什么区别，也就是说闭合的引导线没有什么意思。
如果朋友们需要这种效果，可以把圆形路径擦出一个缺口就可以了。
◎笔刷工具可否制作引导线？
笔刷工具与铅笔工具是完全两种不同的工具，绘制出来的结果是具有不同属性的。
下面我们就来试一试，属刷工作绘制出来的图形是否也可以作为引导线？
我们在运动引导层里面用笔刷工具画出一个弯曲的图形。
按照正确的制作方法，进行运动引导线动画的制作。
如图2.1.13所示。
图2.1.13 使用笔刷工具绘制引导线
经过测试后，我们发现利用笔刷工具也可以制作出引导线运动效果。
请参考源文件
2.1.2-6.fla。
由此我们可以得出结论：
无论是线条还是图形都可以作为引导线来使用。
但是利用笔刷工具制作引导线要考虑其元件的运动精确性。
升级会员 