?? 03.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<html>
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<title>教學單元 03 : 如何使用移動導線</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">教學單元 03 : 如何使用移動導線</p>
<hr SIZE="0">
<p align="center">
<object align="baseline" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="300"
id="03" width="400" border="0"
xcodbase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,0">
<param name="Movie" value="03.swf">
<param name="Src" value="03.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>
完成作品 ( 955 bytes )</p>
<hr SIZE="0">
<p>1. 每次製作動畫前 , 您可以先行定義畫面的大小、背景顏色等等 ,
初始值是 550 px X 400 px、白色
, 修改方法 : 按主選單「修改」之「電影」選項 , 就會出現如下圖的設定.</p>
<p><img height="243" src="01.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/01.gif" width="365"
tppabs="http://tacocity.com.tw/flash/flash/03/01.gif"></p>
<hr SIZE="0">
<p>2. 首先按主選單「插入」之「建立符號」選單 , 建立一個新的符號元件.</p>
<p><img height="109" src="02.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/02.gif" width="234"
tppabs="http://tacocity.com.tw/flash/flash/03/02.gif"></p>
<hr SIZE="0">
<p>3. 給予這個符號一個名稱 , 並點選為「圖形」性質.</p>
<p><img height="166" src="03.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/03.gif" width="344"
tppabs="http://tacocity.com.tw/flash/flash/03/03.gif"></p>
<hr SIZE="0">
<p>4. 完成符號編輯後 , 右邊有一排符號標籤 , 按右邊符號標籤列的 <img
height="19" src="05.gif" width="20" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/05.gif">
標籤回到主畫面.</p>
<p><img height="232" src="04.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/04.gif" width="260"
tppabs="http://tacocity.com.tw/flash/flash/03/04.gif"></p>
<hr SIZE="0">
<p>5. 這時就可以應用剛剛建立好的符號囉 ! 按主選單「視窗」之「圖庫」選項.</p>
<p><img height="227" src="06.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/06.gif" width="231"
tppabs="http://tacocity.com.tw/flash/flash/03/06.gif"></p>
<hr SIZE="0">
<p>6. 出現一個圖庫的小視窗 ,
裡面會列出您動畫中所建立和使用到的符號.</p>
<p><img height="250" src="07.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/07.gif" width="149"
tppabs="http://tacocity.com.tw/flash/flash/03/07.gif"></p>
<hr SIZE="0">
<p>7. 拉住預覽視窗中的符號 , 拉到編輯畫面中 ,
虛線方塊就是該符號囉 !</p>
<p><img height="227" src="08.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/08.gif" width="253"
tppabs="http://tacocity.com.tw/flash/flash/03/08.gif"></p>
<hr SIZE="0">
<p>8. 放開後 , 符號就跑出來啦 ! 這時您的第一影格會有一個小藍點 <img
height="19" src="09.gif" width="10" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/09.gif">
, 代表播放動畫至第一影格時 , 就會出現這個畫面囉 !</p>
<p><img height="121" src="25.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/25.gif" width="132"
tppabs="http://tacocity.com.tw/flash/flash/03/25.gif"></p>
<hr SIZE="0">
<p>9. 接著就是開始應用「移動導線」囉 !
在圖層 1 的位置按一下標籤按鈕 , 並選擇「加入移動導線」選項.</p>
<p><img height="341" src="10.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/10.gif" width="224"
tppabs="http://tacocity.com.tw/flash/flash/03/10.gif"></p>
<hr SIZE="0">
<p>10. 是不是新增一個圖層 , 前面多了一個曲線的符號 , 代表您圖層 1
使用「移動導線」.</p>
<p><img height="37" src="11.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/11.gif" width="170"
tppabs="http://tacocity.com.tw/flash/flash/03/11.gif"></p>
<hr SIZE="0">
<p>11. 目前編輯狀態在「移動導線」圖層 1
的位置 , 怎麼看呢 ? 就是「鉛筆」的標籤 ,
就是目前編輯狀態在哪個圖層囉 ! 現在可以加上符號移動的軌跡
, 在畫面中使用工具列中的「鉛筆」之「橢圓形」, 隨便畫一個圓 , 不一定要是圓 ,
曲線、直線都可以 , 主要是用來當符號移動的軌跡.</p>
<p><img height="199" src="12.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/12.gif" width="189"
tppabs="http://tacocity.com.tw/flash/flash/03/12.gif"></p>
<hr SIZE="0">
<p>12. 在第 20 影格及第 40 影格處 ,
分別按滑鼠右鍵「插入關鍵畫面」, 複製第 1
影格的畫面.</p>
<p><img height="172" src="13.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/13.gif" width="226"
tppabs="http://tacocity.com.tw/flash/flash/03/13.gif"></p>
<hr SIZE="0">
<p>13. 將滑鼠移到 <img height="19" src="09.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/09.gif" width="10"
tppabs="http://tacocity.com.tw/flash/flash/03/09.gif"> 第 1 影格的位置 ,
接著拉住符號的中心點 , 移動到軌跡上 ,
您會看到符號中心出現一個小圓圈圈 , 只要將小圓圈圈移到軌跡上即可放開 ,
記得要點選工具列中的 <img height="24" src="15.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/15.gif" width="26"
tppabs="http://tacocity.com.tw/flash/flash/03/15.gif"> 工具 ,
才會出現小圓圈圈喔 !</p>
<p><img height="117" src="14.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/14.gif" width="128"
tppabs="http://tacocity.com.tw/flash/flash/03/14.gif"></p>
<hr SIZE="0">
<p>14. 依樣畫葫蘆 , 將滑鼠移到 <img height="19" src="09.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/09.gif" width="10"
tppabs="http://tacocity.com.tw/flash/flash/03/09.gif"> 第 20 影格的位置 ,
接著拉住符號的中心點 , 移動到軌跡上 ,
您會看到符號中心出現一個小圓圈圈 , 只要將小圓圈圈移到軌跡上即可放開 , 做完第 20 影格後 ,
並完成第 40 影格.</p>
<p><img height="115" src="16.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/16.gif" width="120"
tppabs="http://tacocity.com.tw/flash/flash/03/16.gif"></p>
<hr SIZE="0">
<p>15. 移動的位置在軌跡上的任何一點都可以 ,
只要是讓動畫播放起來有連貫的動作 , 下面 3 張圖片分別是第 1
影格、第 20 影格、第 40 影格移動放置的位置.</p>
<p>( P.s : 第 40 影格與第 1 影格的位置不同喔
! 第 40 影格比較靠近第 20 影格的位置 , 至於為什麼 ,
請看此教學單元的最後一個步驟即可明白 ! )</p>
<p><img height="249" src="17.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/17.gif" width="206"
tppabs="http://tacocity.com.tw/flash/flash/03/17.gif"><img height="253" src="18.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/18.gif"
width="203" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/18.gif"><img height="250"
src="19.gif" width="204" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/19.gif"></p>
<hr SIZE="0">
<p>16. 接著在第 1 影格處 , 按滑鼠右鍵「內容」選項.</p>
<p><img height="109" src="20.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/20.gif" width="247"
tppabs="http://tacocity.com.tw/flash/flash/03/20.gif"></p>
<hr SIZE="0">
<p>17. 產生 Motion 連續動畫 , 記得勾選「沿路徑方向」選項
, 因為我們有使用「移動導線」!</p>
<p><img height="259" src="21.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/21.gif" width="494"
tppabs="http://tacocity.com.tw/flash/flash/03/21.gif"></p>
<hr SIZE="0">
<p>18. 依循上一步驟 , 也將第 20 影格完成 Motion 設定.</p>
<p><img height="64" src="22.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/22.gif" width="482"
tppabs="http://tacocity.com.tw/flash/flash/03/22.gif"></p>
<hr SIZE="0">
<p>19. 如果您不想顯示出符號移動的軌跡路徑 , 可以在「移動導線」的圖層中 , 按一下標籤按鈕設定為「隱藏」.</p>
<p><img height="117" src="24.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/24.gif" width="338"
tppabs="http://tacocity.com.tw/flash/flash/03/24.gif"></p>
<hr SIZE="0">
<p>20. 這個「移動導線」圖層的標籤就會變成一個打叉的眼睛
, 代表隱藏起來 , 播放動畫時不會顯示出來.</p>
<p><img height="36" src="23.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/03/23.gif" width="155"
tppabs="http://tacocity.com.tw/flash/flash/03/23.gif"></p>
<hr SIZE="0">
<p>21. 完工囉 ! 可以輸出作品啦 ! ( P.s : 輸出電影方法及步驟可參考「教學單元
01」)</p>
<hr SIZE="0">
<p>22. 附帶一提 , 以此例來說 , 為什麼 Motion 要分成兩個部分呢 ?
是這樣的 , 當您使用到圓形的「移動導線」時 , Motion 勾選「沿路徑方向」,
Flash 會依循第一個畫面和最後一個畫面產生連續動畫
, 它會走捷徑 , 也就是最短的移動路線 ,
所以要分成兩個 Motion ! 如果您只使用一個 Motion ,
第一個畫面的放置位置完成 ,
再來是最後一個畫面放置位置移動一點點 , 設定 Motion ,
希望能依循著移動路徑跑一圈 , Sorry , 沒有辦法 ,
因為它會跑前後畫面最短的移動路線 , 所以無法以一個 Motion 完成 ,
要用兩個 Motion 以上才可以完成喔 ! 是不是又學會一招了呢 ?!</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 + -