📄 03.htm

📁 flash学习一的一本入门教材
💻 HTM
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE></TITLE>
<META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot">
<link rel="stylesheet" href="../../cpcw.css"></HEAD>
<BODY LINK="#0000ff" VLINK="#800080">
<table width="85%" border="0" align="center">
  <tr bgcolor="#FFFFFF"> 
    <td> 
      <p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b><font color="#0000FF">如何产生Motion变化</font></b></font></font></p>
      <p align="JUSTIFY"></p>
      <hr>
      <p align=center> <object align=middle classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 
codebase=http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,0 
height=150 id=01 width=398 border = 0>
          <param name="Movie" value="01.swf">
          <param name="Src" value="01.swf">
          <param name="WMode" value="Window">
          <param name="Play" value="-1">
          <param name="Loop" value="-1">
          <param name="Quality" value="High">
          <param name="SAlign" value="">
          <param name="Menu" value="0">
          <param name="Base" value="">
          <param name="Scale" value="ShowAll">
          <param name="DeviceFont" value="0">
          <param name="EmbedMovie" value="0">
          <param name="BGColor" value="FFFFFF">
        </object><br>
        完成作品 ( <font color=#ff0000>787 bytes</font> )</p>
      <p align=center><font color="#FF9999"><b>如何产生Motio的变化</b></font><font color=#0000ff> 
        </font></p>
      <hr size=0>
      <p><span class="a9">1. 首先按主菜单「<font color=#0000ff>插入</font>」的「<font color=#ff0000>建立符号</font>」选项，建立一个新的符号元件。</span></p>
      <p><span class="a9"><img height=111 src="01/02.gif" width=234></span></p>
      <hr size=0>
      <p><span class="a9">2. 给予这个符号一个名称，并选为「<font color=#0000ff>图形</font>」性质。</span></p>
      <p><span class="a9"><img height=166 src="01/03.gif" width=345></span></p>
      <hr size=0>
      <p><span class="a9">3. 设定完符号内容后，会出现符号的编辑画面，请按左边「<font color=#0000ff>工具</font>」图示中的「<font 
color=#ff0000>文字工具</font>」.</span></p>
      <p><span class="a9"><img height=106 src="01/04.gif" width=46></span></p>
      <hr size=0>
      <p><span class="a9">4. 选择您要使用的字型，及字体的大小。</span></p>
      <p><span class="a9"><img height=123 src="01/05.gif" width=136></span></p>
      <hr size=0>
      <p><span class="a9">5. 在符号编辑画面中，输入文字。</span></p>
      <p><span class="a9"><img height=111 src="01/06.gif" width=188></span></p>
      <hr size=0>
      <p><span class="a9">6. 按主菜单「检视」的「网格」选项，符号编辑画面会出现网格，这样可以方便精确地排列整齐喔！</span></p>
      <p><span class="a9"><img height=357 src="01/07.gif" width=273></span></p>
      <hr size=0>
      <p><span class="a9">7. 移动符号到中心点 <font color=#0000ff>+</font> 的位置，建立网格比较容易对齐中心点。</span></p>
      <p><span class="a9"><img height=200 src="01/08.gif" width=217></span></p>
      <hr size=0>
      <p><span class="a9">8. 按 <font color=#ff0000>Ctrl + B</font> ，将文字打散，这样可以为文字上漂亮的颜色，相对的输入文字也无法改变，除非重新输入，所以先确定所输入的文字，再做「<font color=#0000ff>打散</font>」的动作！您也可以按主菜单「<font color=#0000ff>修改</font>」的「<font 
color=#ff0000>打散</font>」选项來完成。</span></p>
      <p><span class="a9"><img height=96 src="01/09.gif" width=201></span></p>
      <hr size=0>
      <p><span class="a9">9. 按左边「<font color=#0000ff>工具</font>」图示中的「<font color=#ff0000>油漆桶</font>」，调配喜欢的渐层颜色，里面有一些渐层颜色供使用。</span></p>
      <p><span class="a9"><img height=140 src="01/10.gif" width=50></span></p>
      <hr size=0>
      <p><span class="a9">10. 选好颜色，移动鼠标到打散后的文字处，这时键头已经变成像</span><span class="a9">油漆桶的样子，点一下文字，隐约可以看到文字已经上了颜色啦！</span></p>
      <p><span class="a9"><img height=96 src="01/11.gif" width=199></span></p>
      <hr size=0>
      <p><span class="a9">11. 或许渐层颜色的效果不是很满意，没关系，可以做高速。按左边「<font 
color=#0000ff>工具</font>」图示中的「<font color=#ff00ff>油漆桶</font>」，下面有两个小方块可以选取，请选右边的「<font color=#ff0000>转换填涂</font>」小方块。</span></p>
      <p><span class="a9"><img height=255 src="01/12.gif" width=51></span></p>
      <hr size=0>
      <p><span class="a9">12. 这时点一下文字，旁边会出现一个小圆圈和一个小方块。小圆圈就是旋转渐层颜色，小方块就是缩放渐层颜色，中心点就是移动渐层颜色，依自己的喜好做高速，可以达到很棒的效果喔！</span></p>
      <p><span class="a9"><img height=96 src="01/13.gif" width=197></span></p>
      <hr size=0>
      <p><span class="a9">13. 调整后的渐层颜色。</span></p>
      <p><span class="a9"><img height=130 src="01/14.gif" width=199></span></p>
      <hr size=0>
      <p><span class="a9">14. 完成符号编辑后，右边有一排符号标签，按 <img height=20 src="01/20.gif" width=20> 
        钮回到主画面，这时就可以应用刚刚建立好的符号。按主菜单「<font color=#0000ff>视窗</font>」的「<font 
color=#ff0000>图库</font>」选项。</span></p>
      <p><span class="a9"><img height=250 src="01/15.gif" width=221></span></p>
      <hr size=0>
      <p><span class="a9">15. 这时会出现一个图库的小视窗，里面会列出您动画中所建立和使用到的符号。</span></p>
      <p><span class="a9"><img height=250 src="01/16.gif" width=151></span></p>
      <hr size=0>
      <p><span class="a9">16. 拉住预览窗口中的符号，拉到编辑画面中，虚线方块就是该符号！</span></p>
      <p><span class="a9"><img height=111 src="01/17.gif" width=197></span></p>
      <hr size=0>
      <p><span class="a9">17. 放开后，符号就跑出来啦！这时您的第一影格会有一个小蓝点，代表播放动画至时，就会出现这个画面。</span></p>
      <p><span class="a9"><img height=121 src="01/18.gif" width=190></span></p>
      <hr size=0>
      <p><span class="a9">18. 为了方便符号的排列与编辑，按主菜单「<font color=#0000ff>编辑</font>」的「<font 
color=#ff0000>尺规</font>」选项，就会出现尺。</span></p>
      <p><span class="a9"><img height=291 src="01/19.gif" width=272></span></p>
      <hr size=0>
      <p><span class="a9">19. 之前符号已经在第 1 影格处建立画面，因为我们要利用到这个画面，做点小变化，成为后面的画面，于是在第 
        10 影格处，按鼠标右键选择「<font color=#ff0000>插入关键画面</font>」，这样第 1 影格的画面就复制过来了！</span></p>
      <p><span class="a9"><img height=173 src="01/21.gif" width=227></span></p>
      <hr size=0>
      <p><span class="a9">20. 在第 20 影格处，也是重复刚刚的步骤，复制影格画面！</span></p>
      <p><span class="a9"><img height=174 src="01/22.gif" width=388></span></p>
      <hr size=0>
      <p><span class="a9">21. 接着就是变化啦！将时间轴移到 <img height=43 src="01/24.gif" width=17> 
        第 10 影格处，选择符号，按工具列的 <img height=24 src="01/23.gif" width=25> <font color=#ff0000>缩放</font>工具，将符号放大缩小。</span></p>
      <p><span class="a9"><img height=93 src="01/25.gif" width=194></span></p>
      <hr size=0>
      <p><span class="a9">22. 放大后的符号将成为第 10 影格的画面，其他的画面將不受影响！</span></p>
      <p><span class="a9"><img height=149 src="01/26.gif" width=395></span></p>
      <hr size=0>
      <p><span class="a9">23. 建立好动画大概的画面后，再来是怎么表演啦！在第 1 影格按鼠标右鍵的「<font 
color=#ff0000>內容</font>」选项。</span></p>
      <p><span class="a9"><img height=109 src="01/27.gif" width=235></span></p>
      <hr size=0>
      <p><span class="a9">24. 定义<font color=#0000ff>第 1 影格至第 10 影格</font>间的变化，在此我们设定它为「<font 
color=#ff0000>Motion</font>」，意思是<font color=#ff00ff>第 1 影格至第 10 影格间自动产生產生连续动画 
        </font> , 够厉害吧！Flash 会依前后影格画面，自动替您产生中间的画面变化！</span></p>
      <p><span class="a9"><img height=258 src="01/28.gif" width=493></span></p>
      <hr size=0>
      <p><span class="a9">25. 记得选取「<font color=#ff0000>自动产生缩放</font>」喔！因为我们做了缩放的动作。</span></p>
      <p><span class="a9"><img height=259 src="01/29.gif" width=494></span></p>
      <hr size=0>
      <p><span class="a9">26. 您应该很聪明，现在应该知道接着要做什么了吧！？没错，就是产生<font color=#ff00ff>第 
        10 影格至第 20 影格间的连续动画</font>，重复前面的步骤，在第 10 影格按鼠标右键的「<font color=#0000ff>內容</font>」选项，设定为「<font color=#ff0000>Motion</font>」，一定要选取「<font color=#0000ff>自动产生缩放</font>」喔！ 
        </span></p>
      <p><span class="a9"><img height=109 src="01/30.gif" width=309></span></p>
      <hr size=0>
      <p><span class="a9">27. Yeah！大致完工啦！剩下一些后续工作，或许这个动画您以后还要利用，深怕过一段时间，自己都忘记哪个图层是什么功用！所以就要养成好习惯,替符号、图层、场景、标签等等，取个有意义、好记的名称。现在就来更改图层名称吧！鼠标按一下「<font 
color=#0000ff>图层 1</font>」的地方，它会变成 <img height=18 src="01/32.gif" width=156> 这个样子，就可以为图层输入新的名称。 
        <img height=19 src="01/33.gif" width=156></span></p>
      <p><span class="a9"><img height=69 src="01/31.gif" width=337></span></p>
      <hr size=0>
      <p><span class="a9">28. 迫不及待要输出作品啦！方法很简单，按主菜单「<font color=#0000ff>档案</font>」的「输出电影」选项。</span></p>
      <p><span class="a9"><img height=228 src="01/34.gif" width=315></span></p>
      <hr size=0>
      <p><span class="a9">29. 选择好储存动画文件的路径，并输入文件名，扩展名为swf。</span></p>
      <p><span class="a9"><img height=246 src="01/35.gif" width=426></span></p>
      <hr size=0>
      <p><span class="a9">30. 设定Flash动画属性，以下是常使用到的项目说明：<br>
        <font 
color=#0000ff>产生大小报表</font>：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。<br>
        <font 
color=#0000ff>输入保护</font>：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。<br>
        <font color=#0000ff>JPEG 品质</font>：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。<br>
        <font 
color=#0000ff>音效</font>：您可以在此统一设定动画中使用到的全部声音文件品质。</span></p>
      <p><span class="a9"><img height=296 src="01/36.gif" width=395></span></p>
      <p>&nbsp;</p>
      <p align="CENTER"><a href="../homepage.htm"></a> <a href="02.htm">上一节</a> 
        <a href="04.htm">下一节</a></p>
      <font face="宋体" lang="ZH-CN"> 
      <p align="CENTER">&nbsp;</p>
      </font></td>
  </tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -