?? 11.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<html>
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<title>教學單元 11 : 互動式按鈕 ( 動畫篇 )</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">教學單元 11 : 互動式按鈕 (
動畫篇 )</p>
<hr SIZE="0">
<p align="center">
<object align="baseline" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="200"
id="11" width="300" border="0"
xcodbase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,0">
<param name="Movie" value="11.swf">
<param name="Src" value="11.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>
完成作品 ( 1.87 KB )</p>
<hr SIZE="0">
<p>1. 延續「<a href="javascript:if(confirm('http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm \n\n文件并未按 Teleport Pro 取回, 因為 它的域或路徑超過啟始網址中設定的范圍。 \n\n你要從服務器上打開它嗎? '))window.location='http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm#1'" tppabs="http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm#1"
tppabs="http://tacocity.com.tw/flash/flash/07/07.htm">教學單元 07 : 互動式按鈕 (
基礎篇 )</a>」, 此單元將為按鈕加上「動畫」效果喔
!</p>
<hr SIZE="0">
<p>2. 應用「<a href="javascript:if(confirm('http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm \n\n文件并未按 Teleport Pro 取回, 因為 它的域或路徑超過啟始網址中設定的范圍。 \n\n你要從服務器上打開它嗎? '))window.location='http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm#1'" tppabs="http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm#1"
tppabs="http://tacocity.com.tw/flash/flash/07/07.htm">教學單元 07 : 互動式按鈕 (
基礎篇 )</a>」做好的按鈕 , 並建立一個「電影片段」( Movie Clips ) 的符號 , 按主選單「插入」&rarr;「建立符號」選項.</p>
<p><img height="109" src="01.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/01.gif" width="182"
tppabs="http://tacocity.com.tw/flash/flash/11/01.gif"></p>
<hr SIZE="0">
<p>3. 符號的內容設定 , 請點選「電影片段」選項
, 並按下「確定」.</p>
<p><img height="166" src="02.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/02.gif" width="345"
tppabs="http://tacocity.com.tw/flash/flash/11/02.gif"></p>
<hr SIZE="0">
<p>4. 接著應用「<a href="javascript:if(confirm('http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm \n\n文件并未按 Teleport Pro 取回, 因為 它的域或路徑超過啟始網址中設定的范圍。 \n\n你要從服務器上打開它嗎? '))window.location='http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm#2'" tppabs="http://space.jjinfo.com/netschool/tppmsgs/msgs0.htm#2"
tppabs="http://tacocity.com.tw/flash/flash/01/01.htm">教學單元 01 : 如何產生
Motion 變化</a>」, 來當作我們的「電影片段」,
您也可以自己做不一樣的電影片段...以下是文字
Motion 縮放變化.</p>
<p><img height="55" src="03.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/03.gif" width="198"
tppabs="http://tacocity.com.tw/flash/flash/11/03.gif"></p>
<hr SIZE="0">
<p>5. 時間軸影格間的變化.</p>
<p><img height="45" src="04.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/04.gif" width="324"
tppabs="http://tacocity.com.tw/flash/flash/11/04.gif"></p>
<hr SIZE="0">
<p>6. 在按鈕的「圖層 1」下面「插入圖層」, 準備用來放置「電影片段」.</p>
<p><img height="227" src="05.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/05.gif" width="199"
tppabs="http://tacocity.com.tw/flash/flash/11/05.gif"></p>
<hr SIZE="0">
<p>7. 圖層的名稱隨便給 , 在這裡我們給「動畫」好了
, 方便大家學習 ! 因為我們是想在按鈕「Over」滑過時
, 產生動畫的效果 , so 時間軸移至「滑過」影格位置
, 您也可以將它改成按鈕「Down」按下時 ,
產生動畫的效果 , 那時間軸就移至「按下」影格位置囉
!</p>
<p><img height="63" src="06.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/06.gif" width="291"
tppabs="http://tacocity.com.tw/flash/flash/11/06.gif"></p>
<hr SIZE="0">
<p>8. 接下來就是把剛剛製作好的「電影片段」應用上來啦
! 按主選單「視窗」&rarr;「圖庫」選項.</p>
<p><img height="227" src="07.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/07.gif" width="170"
tppabs="http://tacocity.com.tw/flash/flash/11/07.gif"></p>
<hr SIZE="0">
<p>9. 選擇好我們的符號 2「電影片段」,
並用滑鼠拖曳至編輯畫面中.</p>
<p><img height="249" src="08.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/08.gif" width="150"
tppabs="http://tacocity.com.tw/flash/flash/11/08.gif"></p>
<hr SIZE="0">
<p>10. 按鈕動畫圖層之「滑過」影格 ,
是不是從原來的「空白影格」變成「藍色影格」了呢 ?!</p>
<p><img height="62" src="09.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/09.gif" width="290"
tppabs="http://tacocity.com.tw/flash/flash/11/09.gif"></p>
<hr SIZE="0">
<p>11. 按鈕「滑過」的畫面 ,
在這裡無法真正看到按鈕「滑過」所產生的動畫效果
, 需透過主選單「控制」&rarr;「測試電影」選項 , 瀏覽結果.</p>
<p><img height="108" src="10.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/10.gif" width="200"
tppabs="http://tacocity.com.tw/flash/flash/11/10.gif"></p>
<hr SIZE="0">
<p>12. 附帶一提 , 若您按鈕的「按下」影格沒有加上「空白影格」的話 , 那按鈕的動作就會怪怪的 ,
變成滑鼠一靠近「電影片段」文字時
, 就會產生動畫效果 ! 會誤當作是按鈕的一部份 , 所以在按鈕的「按下」影格加上「空白影格」,
使按鈕的「滑過」影格之「電影片段」沒有延續下去
, 這樣按鈕「滑過」時才會產生動畫效果 !</p>
<p><img height="62" src="11.gif" tppabs="http://space.jjinfo.com/netschool/soft/tuxian/flash3b/11/11.gif" width="291"
tppabs="http://tacocity.com.tw/flash/flash/11/11.gif"></p>
<hr SIZE="0">
<p>13. 完工囉 ! 可以輸出作品啦 ! ( P.s : 輸出電影方法及步驟可參考「教學單元
01」)</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 + -