⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 01.htm

📁 flash书籍 主要介绍flash 比较全面 完全
💻 HTM
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<html>

<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<title>教學單元 01 : 如何產生 Motion 變化</title>
<meta content="Rock Jack" name="Author">
<meta content="【傑克資訊站 - FLASH】版權所有" name="Copyright">
<meta content="Microsoft FrontPage 4.0" name="GENERATOR">
<style>
<!--
        A:link {text-decoration: none; color: "blue"}
        A:visited {text-decoration: none; color: "#000000"}
        A:active {text-decoration: none；color:"black"}
        A:hover {text-decoration: underline; color: ff0000}
-->
</style>
<style type="text/css">

<!--
p{font-size:9pt;line-height;13pt;}
td {   font-size: 9pt ; line-height:13pt;

	    }


	A{text-transform: none;

	  text-decoration: none;font-size: 9pt ; line-height:13pt;}
 -->copyright fangame
</style></head>

<body bgColor="#ffffff" style="FONT-SIZE: 9pt">

<p align="center">教學單元 01 : 如何產生 Motion 變化</p>  
  
<hr SIZE="0">  
  
<p align="center">  
<object align="middle" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="150"  
id="01" width="398" border="0"  
xcodbase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,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="Menu" value="0">  
  <param name="Scale" value="ShowAll">  
  <param name="DeviceFont" value="0">  
  <param name="EmbedMovie" value="0">  
  <param name="BGColor" value="FFFFFF">  
</object>  
<br>  
完成作品 ( 787 bytes )</p>  
  
<hr SIZE="0">  
  
<p>1. 首先按主選單「插入」之「建立符號」選單 , 建立一個新的符號元件.</p>  
  
<p><img height="111" src="02.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/02.gif" width="234"  
tppabs="http://tacocity.com.tw/flash/flash/01/02.gif"></p>  
  
<hr SIZE="0">  
  
<p>2. 給予這個符號一個名稱 , 並點選為「圖形」性質.</p>  
  
<p><img height="166" src="03.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/03.gif" width="345"  
tppabs="http://tacocity.com.tw/flash/flash/01/03.gif"></p>  
  
<hr SIZE="0">  
  
<p>3. 設定完符號內容後 , 會出現符號的編輯畫面 , 請按左邊「工具」圖示中的「文字工具」.</p>  
  
<p><img height="106" src="04.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/04.gif" width="46"  
tppabs="http://tacocity.com.tw/flash/flash/01/04.gif"></p>  
  
<hr SIZE="0">  
  
<p>4. 選擇您要使用的字型 , 及字體的大小.</p>  
  
<p><img height="123" src="05.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/05.gif" width="136"  
tppabs="http://tacocity.com.tw/flash/flash/01/05.gif"></p>  
  
<hr SIZE="0">  
  
<p>5. 在符號編輯畫面中 , 輸入文字.</p>  
  
<p><img height="111" src="06.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/06.gif" width="188"  
tppabs="http://tacocity.com.tw/flash/flash/01/06.gif"></p>  
  
<hr SIZE="0">  
  
<p>6. 按主選單「檢視」之「網格」選項   
, 符號編輯畫面會出現網格 , 這樣可以方便精確的排列整齊喔 !</p>  
  
<p><img height="357" src="07.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/07.gif" width="273"  
tppabs="http://tacocity.com.tw/flash/flash/01/07.gif"></p>  
  
<hr SIZE="0">  
  
<p>7. 移動符號到中心點 + 的位置 ,   
建立網格會比較好對齊中心點.</p>  
  
<p><img height="200" src="08.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/08.gif" width="217"  
tppabs="http://tacocity.com.tw/flash/flash/01/08.gif"></p>  
  
<hr SIZE="0">  
  
<p>8. 按 Ctrl + B 鍵 , 將文字打散 ,   
這樣可以為文字上漂亮的顏色 , 相對的輸入文字也無法改變 ,   
除非重新輸入文字 , 所以先確定所輸入的文字 , 在做「打散」的動作 ! 您也可以按主選單「修改」之「打散」選項來完成.</p>  
  
<p><img height="96" src="09.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/09.gif" width="201"  
tppabs="http://tacocity.com.tw/flash/flash/01/09.gif"></p>  
  
<hr SIZE="0">  
  
<p>9. 按左邊「工具」圖示中的「油漆桶」, 調配喜歡的漸層顏色 ,   
裡面有內建一些漸層顏色供使用.</p>  
  
<p><img height="140" src="10.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/10.gif" width="50"  
tppabs="http://tacocity.com.tw/flash/flash/01/10.gif"></p>  
  
<hr SIZE="0">  
  
<p>10. 調配完顏色 , 移動游標到打散後的文字處 ,   
這時游標已經變成像油漆桶的樣子 , 點一下文字 ,   
隱約可以看到文字已經上了顏色啦 !</p>  
  
<p><img height="96" src="11.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/11.gif" width="199"  
tppabs="http://tacocity.com.tw/flash/flash/01/11.gif"></p>  
  
<hr SIZE="0">  
  
<p>11. 或許漸層顏色的效果不是很滿意 , 沒關係 , 可以做調整 ,   
按左邊「工具」圖示中的「油漆桶」,   
下面有兩個小方塊可以點選 , 請點選右邊的「轉換填塗」小方塊.</p>  
  
<p><img height="255" src="12.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/12.gif" width="51"  
tppabs="http://tacocity.com.tw/flash/flash/01/12.gif"></p>  
  
<hr SIZE="0">  
  
<p>12. 這時點一下文字 , 文字旁邊會出現一個小圓圈和一個小方塊 ,   
小圓圈就是旋轉漸層顏色 , 小方塊就是縮放漸層顏色 ,   
中心點就是移動漸層顏色 , 依自己的喜好做調整 ,   
可以達到很棒的效果喔 !</p>  
  
<p><img height="96" src="13.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/13.gif" width="197"  
tppabs="http://tacocity.com.tw/flash/flash/01/13.gif"></p>  
  
<hr SIZE="0">  
  
<p>13. 調整後的漸層顏色.</p>  
  
<p><img height="130" src="14.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/14.gif" width="199"  
tppabs="http://tacocity.com.tw/flash/flash/01/14.gif"></p>  
  
<hr SIZE="0">  
  
<p>14. 完成符號編輯後 , 右邊有一排符號標籤 , 按右邊符號標籤列的 <img  
height="20" src="20.gif" width="20" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/20.gif">   
標籤回到主畫面 , 這時就可以應用剛剛建立好的符號囉 ! 按主選單「視窗」之「圖庫」選項.</p>  
  
<p><img height="250" src="15.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/15.gif" width="221"  
tppabs="http://tacocity.com.tw/flash/flash/01/15.gif"></p>  
  
<hr SIZE="0">  
  
<p>15. 這時會出現一個圖庫的小視窗 ,   
裡面會列出您動畫中所建立和使用到的符號.</p>  
  
<p><img height="250" src="16.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/16.gif" width="151"  
tppabs="http://tacocity.com.tw/flash/flash/01/16.gif"></p>  
  
<hr SIZE="0">  
  
<p>16. 拉住預覽視窗中的符號 , 拉到編輯畫面中 ,   
虛線方塊就是該符號囉 !</p>  
  
<p><img height="111" src="17.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/17.gif" width="197"  
tppabs="http://tacocity.com.tw/flash/flash/01/17.gif"></p>  
  
<hr SIZE="0">  
  
<p>17. 放開後 , 符號就跑出來啦 ! 這時您的第一影格會有一個小藍點 ,   
代表播放動畫至第一影格時 , 就會出現這個畫面囉 !</p>  
  
<p><img height="121" src="18.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/18.gif" width="190"  
tppabs="http://tacocity.com.tw/flash/flash/01/18.gif"></p>  
  
<hr SIZE="0">  
  
<p>18. 為了方便符號的排列與編輯 , 按主選單「編輯」之「尺規」選項 , 就會出現尺啦 !</p>  
  
<p><img height="291" src="19.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/19.gif" width="272"  
tppabs="http://tacocity.com.tw/flash/flash/01/19.gif"></p>  
  
<hr SIZE="0">  
  
<p>19. 之前符號已經在第 1 影格處建立畫面 ,   
因為我們要利用到這個畫面 , 做點小變化 , 成為後面的畫面 ,   
於是在第 10 影格處 , 按滑鼠右鍵選擇「插入關鍵畫面」,   
這樣第 1 影格的畫面就複製過來了 !</p>  
  
<p><img height="173" src="21.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/21.gif" width="227"  
tppabs="http://tacocity.com.tw/flash/flash/01/21.gif"></p>  
  
<hr SIZE="0">  
  
<p>20. 在第 20 影格處 , 也是重複剛剛的步驟 , 複製影格畫面 !</p>  
  
<p><img height="174" src="22.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/22.gif" width="388"  
tppabs="http://tacocity.com.tw/flash/flash/01/22.gif"></p>  
  
<hr SIZE="0">  
  
<p>21. 接著就是變化啦 ! 將時間軸移到 <img height="43" src="24.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/24.gif" width="17"  
tppabs="http://tacocity.com.tw/flash/flash/01/24.gif"> 第 10 影格處 , 選擇符號 ,   
按工具列的 <img height="24" src="23.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/23.gif" width="25"  
tppabs="http://tacocity.com.tw/flash/flash/01/23.gif">  縮放工具   
, 將符號放大縮小.</p>  
  
<p><img height="93" src="25.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/25.gif" width="194"  
tppabs="http://tacocity.com.tw/flash/flash/01/25.gif"></p>  
  
<hr SIZE="0">  
  
<p>22. 放大後的符號將成為第 10 影格的畫面 , 其他的畫面將不受影響   
!</p>  
  
<p><img height="149" src="26.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/26.gif" width="395"  
tppabs="http://tacocity.com.tw/flash/flash/01/26.gif"></p>  
  
<hr SIZE="0">  
  
<p>23. 建立好動畫大概的畫面後 , 再來是怎麼表演囉 ! 在第 1   
影格按滑鼠右鍵之「內容」選項.</p>  
  
<p><img height="109" src="27.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/27.gif" width="235"  
tppabs="http://tacocity.com.tw/flash/flash/01/27.gif"></p>  
  
<hr SIZE="0">  
  
<p>24. 定義第 1 影格至第 10 影格間的變化 ,   
在此我們設定它為「Motion」, 意思是第 1 影格至第 10 影格間自動產生連續動畫 ,   
夠厲害吧 ! Flash 會依前後影格畫面 , 自動替您產生中間的畫面變化 !</p>  
  
<p><img height="258" src="28.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/28.gif" width="493"  
tppabs="http://tacocity.com.tw/flash/flash/01/28.gif"></p>  
  
<hr SIZE="0">  
  
<p>25. 記得勾選「自動產生縮放」喔 !   
因為我們有做縮放的動作.</p>  
  
<p><img height="259" src="29.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/29.gif" width="494"  
tppabs="http://tacocity.com.tw/flash/flash/01/29.gif"></p>  
  
<hr SIZE="0">  
  
<p>26. 聰明的您 , 應該知道接著要做什麼了吧 ?! 沒錯 , 就是產生第 10 影格至第 20 影格間的連續動畫 ,   
重複前面的步驟 , 在第 10 影格按滑鼠右鍵之「內容」選項   
, 設定為「Motion」, 記得勾選「自動產生縮放」喔   
!</p>  
  
<p><img height="109" src="30.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/30.gif" width="309"  
tppabs="http://tacocity.com.tw/flash/flash/01/30.gif"></p>  
  
<hr SIZE="0">  
  
<p>27. YA ! 大致完工囉 ! 剩下一些後續工作 , 或許這個 Flash   
動畫您以後還要利用 , 深怕過一段時間 ,   
自己都忘記那個圖層是什麼功用 ! 於是就要養成好習慣 ,   
替符號、圖層、場景、標籤等等 , 取個有意義、好記的名稱 ,   
中文也可以喔 ! 現在就來更改圖層名稱吧 ! 滑鼠按一下「圖層 1」的地方 , 它會變成 <img height="18" src="32.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/32.gif"  
width="156" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/32.gif"> 這個樣子 ,   
就可以為圖層輸入新的名稱啦 ! <img height="19" src="33.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/33.gif" width="156"  
tppabs="http://tacocity.com.tw/flash/flash/01/33.gif"></p>  
  
<p><img height="69" src="31.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/31.gif" width="337"  
tppabs="http://tacocity.com.tw/flash/flash/01/31.gif"></p>  
  
<hr SIZE="0">  
  
<p>28. 迫不及待要輸出作品囉 ! 方法很簡單 , 按主選單「檔案」之「輸出電影」選項.</p>  
  
<p><img height="228" src="34.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/34.gif" width="315"  
tppabs="http://tacocity.com.tw/flash/flash/01/34.gif"></p>  
  
<hr SIZE="0">  
  
<p>29. 選擇好儲存 Flash 動畫檔的路徑 , 並輸入檔案名稱.</p>  
  
<p><img height="246" src="35.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/35.gif" width="426"  
tppabs="http://tacocity.com.tw/flash/flash/01/35.gif"></p>  
  
<hr SIZE="0">  
  
<p>30. 設定 Flash 動畫屬性 , 以下是常使用到的項目說明：<br>  
產生大小報表：這個功能是輸出動畫時 ,   
附帶的動畫檔案大小說明檔 , 可以依此來斟酌降低檔案的大小.<br>  
輸入保護：如果您認為自已辛苦的作品 ,   
不希望被別人修改變成他的作品 , 這個功能就可以保障您辛苦的作品.<br>  
JPEG 品質：動畫中如果使用到圖檔 ,   
您可以統一全部圖檔的壓縮品質 , 值越大品質越好 , 值越小品質越差.<br>  
音效：您可以在此統一設定動畫中使用到的全部聲音檔品質.</p>  
  
<p><img height="296" src="36.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/01/36.gif" width="395"  
tppabs="http://netschool.jjinfo.com/"></p>  
  
<hr SIZE="0">  
  
<p align="center">Copyright @ 1999 <a href="mailto:jk@a-vip.com">Rock Jack</a> All rights   
reserved.</p>  
</body>  
</html>

⌨️ 快捷键说明

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