📄 基础课1.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>基础课程1</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 style="line-height: 150%; margin: 0"><font color="#0000FF" size="4"><b>动画基础</b></font><br>
<font color="#0000FF"> 动画</font>是指物体在一定的时间内发生的变化过程，包括动作、位置、颜色、形状、角度等等的变化，在电脑中用一幅幅的图片来表现这一段时间内物体的变化，每一幅图片称为一<font color="#800000">帧</font>（以后我们就用帧表示图片），当这些图片以一定的速度连续播放时，就会给人以动画的感觉，而静止的物体则用一幅幅相同的图片来表示，在电脑中只要告诉Flash动画的变化前第一帧和变化后最后一帧的图片（两个关键帧），中间的过渡电脑会自动生成，大大减轻了我们创作动画的负担，使得动画创作由传统的手工制作，转变为电脑合成，从而为动画制作开创一个新的天地；
</p>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH=250 HEIGHT=163>
<param name="Movie" value="images/小车.swf">
<param name="Src" value="images/小车.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="images/小车.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
看看</font>这幅动画，里面有一辆小车和一条路，在Flash中怎样制作出来的呢？
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
准备</font>一下，按<font color="#800000">F4</font>键关闭所有面板，再按<font color="#800000">Ctrl＋F2</font>（左手按住Ctrl键不松，右手再按一下F2）打开工具箱，双击一下手形工具<img border="0" src="images/手形工具.gif" width="26" height="26">自动调整大小，这个三步曲以后经常会用到；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
先制作</font>小车，从左边的工具箱中选择<font color="#800000">矩形</font>工具，检查一下工具下边选项中的颜色，然后在<font color="#800000">白色的</font>工作区左边画一个长方形作车厢，再选择<font color="#800000">椭圆</font>工具，画两个圆当作车轮；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
再从</font>左边的工具箱中选择<font color="#800000">黑色的</font>箭头工具<img border="0" src="images/箭头工具.gif" width="25" height="26">，它是用来选择物体的，用箭头工具画一个<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: 0"><img border="0" src="images/组合小车.gif" width="800" height="600">
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
这样</font>就有了小车的一幅图片，这时小车在左边，小车最后跑到了右边，我们只需作出两头的关键帧图片，中间的让电脑来制作；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
在第</font>20帧上单击鼠标<font color="#800000">右键</font>，在弹出的菜单中选择“<font color="#800000">插入关键帧</font>”命令，电脑自动照着第一帧给20帧插入了小车的图片；
</p>
<p align="left" style="line-height: 150%; margin: 0"><img border="0" src="images/插关键帧.gif" width="800" height="600">
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
这时</font>小车还在左边，将鼠标指针移到小车上，这时出现一个双箭头指针<img border="0" src="images/移动指针.gif" width="26" height="34">，按下左键<font color="#800000">小心地</font>把工作区左边的小车拖到右边，这样第一帧小车在左边，第20帧小车在右边，中间小车跑动的图片电脑会自动插入；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
在第</font>一帧上单击鼠标<font color="#800000">右键</font>，在弹出的菜单中选择“<font color="#800000">创建补间动画</font>”，这时在第1帧到第20帧颜色会变<font color="#800000">蓝紫</font>，上面有一个从左到右的<font color="#800000">箭头</font>，表示电脑已经成功地插入中间<font color="#800000">过渡帧</font>；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
</font><img border="0" src="images/创建动画.gif" width="800" height="600">
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
公路</font>是静止不动的，因此跟小车要分开画，单击<font color="#800000">图层</font>面板下边的第一个“<font color="#800000">＋</font>”号按钮<img border="0" src="images/插入图层.gif" width="17" height="13">，在图层1上新增一个图层2，电脑自动按照图层1给图层2插入20帧<font color="#800000">空白帧</font>，在图层2的第一帧上<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: 0"> <img border="0" src="images/公路图层.gif" width="800" height="600">
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
动画</font>制作好了要播放一下，左手先按住Ctrl键<font color="#800000">不松手</font>，右手按一下回车键（Ctrl＋回车键），就可以观看动画了，返回的方法是<font color="#800000">Ctrl＋W</font>或者是在“文件”菜单里选择“关闭”命令；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
最后</font>再对动画进行一下整理，按Ctrl＋W返回到场景中，按下F4键－Ctrl＋F2－双击手形按钮三步曲，单击“<font color="#800000">文件</font>”菜单选择“保存”命令（<font color="#800000">Ctrl＋S</font>），在弹出的对话框中找到<font color="#800000">自己的</font>文件夹，单击桌面任务栏右下角的蓝色“En”调出紫光拼音输入法，以“<font color="#800000">我的小车</font>”为文件名，保存文件，再在“图层1”上<font color="#800000">双击</font>鼠标，输入“小车”，同样在“图层2”上双击把名称改为“公路”，车应该在路的上面，用鼠标拖动“小车”这一层到“公路”的上面，<font color="#800000">再保存</font>一下文件，测试一下影片，每次<font color="#800000">修改</font>后都记着保存一下、测试一下；
</p>
<p align="left" style="line-height: 200%; margin: 0"> <img border="0" src="images/修改名称.gif" width="351" height="68">
<img border="0" src="images/修改位置.gif" width="177" height="38">
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">
本节</font>学习了Flash动画的制作过程：第1步画图，第2步组合，第3步插关键帧，第4步拖动对象，第5步创建动画，第6步保存并测试，要两个图层，每次用三步曲准备，记住了吗？
</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 + -