📄 时间轴.htm
字号:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>时间轴面板</title>
</head>
<body bgcolor="#CCFFFF">
<p align="center" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font color="#FF0000"><b><font size="6">Flash
MX</font></b><font face="华文彩云" size="6"> 2004 基础</font></font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font face="黑体"><font size="1" color="#008000"><本课必须</font><font SIZE="1" color="#800000">付费</font><font SIZE="1" color="#008000">才能使用，付出就有收获，劳动最光荣></font></font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#0000FF" size="4">八、显示和隐藏时间轴</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#0000FF">
既然Flash</font>是一套动画制作软件，因此要学习Flash的第一步就必须从<font color="#800000">时间轴面板</font>入手，时间轴面板在菜单栏的下方，是用来管理图层和处理帧的；<br>
<font color="#0000FF"> </font>时间轴面板可以在“时间轴”<img border="0" src="images/时间轴.gif" width="70" height="21">标题上单击隐藏，这样可以腾出许多空间来显示工作区；<br>
<font color="#0000FF"> 时间轴面板</font>的上方是编辑栏，有场景名称，一般是“<font color="#800000">场景1</font>”还有两个按钮和显示比例；</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><img border="0" src="images/编辑栏.gif" width="480" height="46"><br>
<font color="#0000FF"> 时间轴面板</font>由分为三部分，左边是图层面板，右边是时间轴，下边是一个状态栏；</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><img border="0" src="images/时间面板.gif" width="717" height="148"></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font color="#0000FF">时间轴</font>左边的图层面板显示了当前场景的图层数，默认是一个“<font color="#800000">图层1</font>”，随着动画的制作，可以接着<font color="#800000">添加</font>和修改图层的<font color="#800000">名称</font>和位置，<font color="#800000">注意：</font>上面的图层里的图像会<font color="#800000">挡住</font>下面一层的图像；</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#0000FF">
时间轴</font>由许多的小格组成，每一格代表<font color="#800000">一个帧</font>，每个帧可以存放一幅图片，许多帧图片连续播放，就是一个动画影片；</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#0000FF">
时间轴</font>下边的状态栏有几个数字，表示当前是第几帧，速度一般是12.0，时间长度几秒（S）；<img border="0" src="images/状态栏.gif" width="478" height="17"><br>
<font color="#0000FF"> 下面</font>看一下状态栏中的<font color="#800000">五个按钮</font>，第一个“<font color="#800000">帧居中</font>”<img border="0" src="images/帧居中.gif" width="15" height="15">可以让选中的这个图层显示在时间轴面板的中间位置，在多个图层时很有用；<br>
<font color="#0000FF"> 第二个</font>是“绘图纸外观”<img border="0" src="images/图纸外观.gif" width="15" height="15">可以让工作区中显示几个帧的图像，这也叫洋葱皮效果，这时在帧的上方有一个<font color="#800000">大括号</font>一样的效果范围<img border="0" src="images/大括号.gif" width="45" height="46">，括号两头可以<font color="#800000">拖动</font>，控制效果的范围；<br>
<font color="#0000FF"> 第三个</font>是“绘图纸轮廓”<img border="0" src="images/外观轮廓.gif" width="15" height="15">只显示出图形的<font color="#800000">边框</font>来，没有填充色，因而显示速度要快一些；<br>
<font color="#0000FF"> 第四个</font>是“编辑多个帧”<img border="0" src="images/编辑多帧.gif" width="15" height="15">可以同时编辑两个以上的<font color="#800000">关键帧</font>，这样在检查动画的两个关键帧时，就非常方便；<br>
<font color="#0000FF"> 第五个</font>是“修改标记”<img border="0" src="images/修改标记.gif" width="15" height="15">，可以设置<font color="#800000">大括号</font>的范围，从而改变显示工作区当中，洋葱皮的数量和显示帧的标记，默认2个绘图纸，括号里有两帧；<br>
下面我们来进行练习我们将在一帧中显示出如下的效果：</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"> <img border="0" src="images/洋葱效果.jpg" width="549" height="400"><br>
<font color="#0000FF"> 这一幅图</font>由三个关键帧组成，先在时间轴的“<font color="#800000">12.0</font>”上双击，设置背景色为黑色，选择椭圆工具，填充色用渐变色，在工作区上绘一个圆，选择圆的<font color="#800000">外边框</font>（当鼠标接近边框时会拖出一条尾巴，单击就可以选中边框），按<font color="#800000">Delete</font>键删除外边框，选中圆按Ctrl＋G键<font color="#800000">组合</font>为一个对象；</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font color="#0000FF"> 选中</font>第60帧插入<font color="#800000">关键帧</font>，把工作区里的圆稍微拖动到旁边，再选中第90帧插入关键帧，再往旁边拖动一点里面的圆，单击“编辑多帧”按钮<img border="0" src="images/编辑多帧.gif" width="15" height="15">，再把帧上面的大括号拖到两头，把三个圆错开排列成“V”字的三个顶点，这样时间轴上有了<font color="#800000">90帧</font>，以“<font color="#800000">时间轴</font>”为文件名，保存文件到<font color="#800000">自己的</font>文件夹<br>
<font color="#0000FF"> 在第一帧</font>上单击鼠标<font color="#800000">右键</font>，选择“创建动画动作”，同样在<font color="#800000">第60帧</font>上单击右键创建动作动画，保存一下文件，按Ctrl＋回车键测试一下影片，只有一个小球的移动，看不出什么特别的；<br>
<font color="#0000FF"> 回到</font>场景中（Ctrl＋W），单击第一帧选中它，在单击<font color="#800000">第二个按钮</font>“绘图纸外观”<img border="0" src="images/图纸外观.gif" width="15" height="15">，再看一下效果，是不是变了？在单击的五个按钮“修改标记”<img border="0" src="images/修改标记.gif" width="15" height="15">，选择“<font color="#800000">绘图全部</font>”再看一下效果，怎么样？<br>
<font color="#0000FF"> 再点一下</font>外观<img border="0" src="images/图纸外观.gif" width="15" height="15"><font color="#0000FF"></font>按钮取消特效，用箭头工具修改一下这三个帧的大小，第一帧小，第二帧大，第三帧小，呈“V”字型排列，再选择各个按钮，你就可以产生出不同的效果来；</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font color="#0000FF"> </font><font color="#800000">保存</font>一下文件，再单击其他按钮，拖动一下大括号，看看有什么不同变化；<br>
<font color="#0000FF"> 本节</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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -