动画入门.htm

FlashMX2004的基础教程

</font><font size="3">4）同样再单击“<font color="#800000">插入</font>”菜单选择“<font color="#800000">新建元件</font>”，名称改为“<font color="#800000">欢迎</font>”，选择“<font color="#800000">图形</font>”，单击“确定”后，用“<font color="#800000">文本”</font>工具，在工作区中央输入“欢迎进入Flash世界”，用箭头工具将文字放在十字架的中央(在“入”和“F”之间），用键盘<font color="#800000">方向键</font>仔细地移动到中央；<br>
&nbsp;&nbsp; 5）单击工作区左上方“<font color="#800000">欢迎</font>”按钮旁边的“<font color="#800000">场景1</font>”按钮<img border="0" src="images/场景按钮.gif" width="58" height="20">，回到主场景工作区，单击“文件”菜单中的“<font color="#800000">保存</font>”命令，在弹出的对话框中的“保存在”中单击鼠标，找到<font color="#800000">自己的</font>文件夹（例如：在自己的文件夹中创建一个“My                    
Flash”文件夹，保存到里头），用“<font color="#800000">欢迎</font>”为文件名，保存文件到<font color="#800000">自己的</font>文件夹中；<br>    
&nbsp; <font color="#0000FF">3、制作下落动画：</font><br>     
&nbsp;&nbsp; 1）绘制图形<font color="#0000FF">&nbsp; </font>单击“窗口”菜单选择“库”命令，我们刚才做的元件都在图库中，<img border="0" src="images/库.gif" width="143" height="55">选中“您好”，用箭头工具把它拖到工作区里，再把它移到工作区<font color="#800000">外面</font>的正上方，文字这时在黑色上面的灰色里；<br>       
&nbsp;&nbsp; 2）插关键帧&nbsp;<font color="#0000FF"> </font>在时间轴的第10帧上，单击鼠标<font color="#800000">右键</font>，选择“<font color="#800000">插入关键帧</font>”命令（<font color="#800000">关键帧</font>是动画的起点或者终点），用“<font color="#800000">箭头</font>”工具，将第10帧中的工作区上方的文字拖入工作区的中间，这样从第1帧的“您好”落到了第10帧的中间，文字的位置发生了变化；<br>        
&nbsp;&nbsp; 4）创建动画动作<font color="#0000FF"> </font>在第<font color="#800000">1</font>帧上单击鼠标<font color="#800000">右键</font>，选择“<font color="#800000">创建补间动画</font>”命令，在第1帧到第10帧之间出现一个<font color="#0000FF">蓝色箭头</font>，动画创建成功，<font color="#800000">保存</font>一下文件；<br>       
&nbsp;&nbsp; 5）第一个动画已经完成，现在检查一下，把红色的<font color="#800000">时间指针</font>移到第1帧，按一下<font color="#800000">回车键</font>播放动画，看一下效果，是不是很形象？    
</font></p>   
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">&nbsp;      
</font><font color="#0000FF">4、制作横向动画：</font></p>
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">&nbsp;&nbsp;      
</font><font size="3">1）分析一下，<font color="#800000">文字</font>“欢迎进入Flash世界”是从工作区左边<font color="#800000">进入</font>，到右边<font color="#800000">消失</font>，然后从右边<font color="#800000">返回</font>到工作区中央旋转，细心的同学一定发现，这个动画由<font color="#800000">两部分</font>组成，一步是从左到右，一步是从右边回到中间；<br>
&nbsp;&nbsp; 2）新增一个图层，点击第一个“<font color="#800000">＋</font>”号按钮<img border="0" src="images/添加图层.gif" width="17" height="12">，新建一个图层2，电脑<font color="#800000">自动</font>产生10帧空白帧，要把它们都<font color="#800000">删掉</font>，方法是点一下“<font color="#800000">图层2</font>”，就会选中所有空白帧，然后在右边选中的帧上单击右键选“<font color="#800000">删除帧</font>”命令；   
</font></p>  
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">&nbsp;&nbsp;      
</font><font size="3">3）再用鼠标<font color="#800000">左键</font>选中图层2的第<font color="#800000">5</font>帧，然后再单击鼠标<font color="#800000">右键</font>，选择“插入关键帧”命令，这一帧作为<font color="#800000">起始</font>关键帧，在“库”面板中将“欢迎进入Flash世界”拖到<font color="#800000">工作区外</font>左边，从第5帧开始是为了跟第一个动画错开，创造出丰富的动画效果；<br>
&nbsp;&nbsp; 4）在图层2的第10帧处“插入关键帧”命令，第10帧作为动画的一个<font color="#800000">终点</font>，在第10帧中，将“欢迎进入Flash世界”拖到工作区<font color="#800000">右边的</font>外面，这样文字从左边跑到右边，动画的<font color="#800000">原理</font>就是用几幅图画来表现物体的运动和<font color="#800000">变化</font>，在第5帧上单击鼠标<font color="#800000">右键</font>，选择“创建补间动画”命令，出来一条蓝色箭头，单击“文件”菜单中的“<font color="#800000">保存</font>”命令，<font color="#800000">保存</font>一下文件；   
</font></p>
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">&nbsp;&nbsp;      
按<font color="#800000">回车键</font>播放动画，看一下效果不错吧？<br>  
&nbsp;&nbsp; 5）创建返回的动画，<font color="#800000">选中</font>图层2的第15帧，单击<font color="#800000">右键</font>选择“插入关键帧”，准备作回来的动画；<br>      
&nbsp;&nbsp; 6）选中图层2的第15帧，用<font color="#800000">箭头</font>工具选中“欢迎进入Flash世界”文字，把它<font color="#800000">拖回到</font>工作区中央，这样从第10帧到第15帧，文字回到了工作区，在图层2的第10帧上单击鼠标右键，创建回来的补间动画，单击“文件”菜单中的“保存”命令，<font color="#800000">保存</font>一下文件；</font></p>    
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">&nbsp;&nbsp;      
按回车键<font color="#800000">播放</font>一下文件，“您好”<font color="#800000">忽然</font>没了，原来是帧数不够15帧，选中图层1的第15帧，单击鼠标右键，选择“<font color="#800000">插入帧</font>”命令，为什么不插入关键帧呢？这是因为这时的“您好”并<font color="#800000">没有</font>动画，只是为了跟“欢迎”<font color="#800000">对齐</font>；<br>  
&nbsp; <font color="#0000FF">5、旋转动画</font>&nbsp;</font></p>     
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">&nbsp;&nbsp;      
1）在图层2的第25帧上“插入关键帧”，再调出“<font color="#800000">属性</font>”面板，准备做旋转动画；<br>
&nbsp;&nbsp; 2）选中图层2的第15帧上，在下面的“属性”面板的“<font color="#800000">补间</font>”里的“无”上单击鼠标左键，选择“<font color="#800000">动作</font>”，在“<font color="#800000">旋转</font>”旁的按钮上单击，选择“顺时针”，让动画按顺时针旋转，在“<font color="#800000">次</font>”里输入1，让动画旋转一圈，<font color="#800000">折叠</font>面板，单击“文件”菜单中的“保存”命令，<font color="#800000">保存</font>一下文件，这样我们就创建好了一个<font color="#800000">旋转</font>动画，同样将图层1<font color="#800000">加长</font>到25帧；</font></p>  
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0">&nbsp;   
<img border="0" src="images/动作属性.gif" width="203" height="105"><font size="3"><br>  
&nbsp; <font color="#0000FF">我们现在</font>已经完成了动画的制作，按<font color="#800000">Ctrl＋回车键</font>测试一下动画的效果，是不是很有特色？欣赏完按<font color="#800000">Ctrl＋W</font>关闭返回，将“图层1”改为“您好”，“图层2”改为“欢迎”，<font color="#800000">保存</font>一下，再测试一下；<br>   
&nbsp; <font color="#0000FF">本节</font>详细介绍了Flash制作动画的基本过程，你是否对Flash产生了浓厚的学习兴趣？如果你成功地完成了练习，请继续学习下一课内容；</font></p>    
       
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0">&nbsp;   
<img border="0" src="images/最终图层.gif" width="386" height="66"></p>
       
       
   
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="2">（如果网页的字体太小，就单击菜单中的“查看－文字大小－较大”选择大字体）</font></p>
       
       
   
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">  
  
       
   
<font SIZE="1" color="#008000">
本教程由86团学校TeliuTe制作|著作权所有，商业用途请与作者联系</font>  
  
       
   
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">  
  
       
   
<font SIZE="1" color="#008000">
美丽的校园……
</font>  
  
       
   
</p>
  
       
   
</body>       
       
</html>