?? 08.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>如何制作互動式按鈕(3)</b></font></font></p>
<p align="JUSTIFY"></p>
<hr>
<p align=center> <object align=baseline classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codebase=http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,0
height=200 id=11 width=300 border = 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="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>
<span class="a9">完成作品 ( <font
color=#ff0000>1.87 KB</font> )</span></p>
<hr size=0>
<p><span class="a9">1. 接著「<a href="flash7.htm">互動式按鈕 (2)</a>」，本節交赤按鈕加上「<font
color=#ff0000>動畫</font>」效果！</span></p>
<hr size=0>
<p><span class="a9">2. 應用「<a href="flash7.htm">互動式按鈕 (2)</a>」做好的按鈕，并建立一個「<font
color=#ff0000>電影片段</font>」( <font color=#0000ff>Movie Clips</font> ) 的符號，按主菜單「<font color=#0000ff>插入</font>」的「<font
color=#ff0000>建立符號</font>」選項。</span></p>
<p><span class="a9"><img height=109 src="11/01.gif" width=182></span></p>
<hr size=0>
<p><span class="a9">3. 符號的內容設定，請選「<font color=#ff0000>電影片段</font>」選項，并按下「<font
color=#0000ff>確定</font>」。</span></p>
<p><span class="a9"><img height=166 src="11/02.gif" width=345></span></p>
<hr size=0>
<p><span class="a9">4. 接著應用「<a href="flash3.htm">如何產生 Motion 變化</a>」，來當作我們的「<font
color=#ff0000>電影片段</font>」，您也可以自己做不一樣的電影片段...以下是<font color=#ff00ff>文字 Motion
縮放變化。</font></span></p>
<p><span class="a9"><img height=55 src="11/03.gif" width=198></span></p>
<hr size=0>
<p><span class="a9">5. 時間軸影格間的變化。</span></p>
<p><span class="a9"><img height=45 src="11/04.gif" width=324></span></p>
<hr size=0>
<p><span class="a9">6. 在按鈕的「<font color=#0000ff>圖層 1</font>」下面「<font color=#ff0000>插入圖層</font>」，準備用來放置「<font color=#ff00ff>電影片段</font>」。</span></p>
<p><span class="a9"><img height=227 src="11/05.gif" width=199></span></p>
<hr size=0>
<p><span class="a9">7. 圖層的名稱隨便取一個，在這里我們取「<font color=#0000ff>動畫</font>」好了，方便大家學習！因為我們是想在按鈕「<font color=#ff0000>Over</font>」滑過時，產生動畫的效果，所以時間軸移至「<font
color=#0000ff>滑過</font>」影格位置，您也可以將它改成按鈕「<font color=#ff0000>Down</font>」按下時，產生動畫的效果，那時間軸就移至「<font color=#0000ff>按下</font>」影格位置。</span></p>
<p><span class="a9"><img height=63 src="11/06.gif" width=291></span></p>
<hr size=0>
<p><span class="a9">8. 接下來就是把剛剛制作好的「<font color=#ff0000>電影片段</font>」應用上來啦！按主菜單「<font
color=#0000ff>窗口</font>」的「<font color=#ff0000>圖庫</font>」選項。</span></p>
<p><span class="a9"><img height=227 src="11/07.gif" width=170></span></p>
<hr size=0>
<p><span class="a9">9. 選擇好我們的<font color=#0000ff>符號 2</font>「<font color=#ff0000>電影片段</font>」，并用鼠標<font color=#ff00ff>拖曳至編輯畫面中</font>。</span></p>
<p><span class="a9"><img height=249 src="11/08.gif" width=150></span></p>
<hr size=0>
<p><span class="a9">10. 按鈕動畫圖層的「<font color=#0000ff>滑過</font>」影格，是不是從原來的「<font
color=#ff00ff>空白影格</font>」變成「藍<font color=#ff0000>色影格</font>」了呢？！</span></p>
<p><span class="a9"><img height=62 src="11/09.gif" width=290></span></p>
<hr size=0>
<p><span class="a9">11. 按鈕「<font color=#0000ff>滑過</font>」的畫面，在這里無法真正看到按鈕「<font
color=#ff0000>滑過</font>」所產生的動畫效果，需透過主菜單「<font
color=#0000ff>控制</font>」的「<font color=#ff0000>測試電影</font>」選項，瀏覽結果。</span></p>
<p><span class="a9"><img height=108 src="11/10.gif" width=200></span></p>
<hr size=0>
<p><span class="a9">12. 附帶一提，若您按鈕的「<font color=#0000ff>按下</font>」影格沒有加上「<font
color=#ff0000>空白影格</font>」的話，那按鈕的動作就會怪怪的，變成鼠標一靠近「<font
color=#0000ff>電影片段</font>」<font color=#ff00ff>文字</font>時，就會產生動畫效果！會誤當作是按鈕的一部分，所以在按鈕的「<font color=#ff0000>按下</font>」影格加上「<font
color=#0000ff>空白影格</font>」，使按鈕的「<font color=#ff0000>滑過</font>」影格之「<font
color=#0000ff>電影片段</font>」沒有延續下去，這樣按鈕「<font color=#ff00ff>滑過</font>」時才會產生動畫！</span></p>
<p><span class="a9"><img height=62 src="11/11.gif" width=291></span></p>
<hr size=0>
<p><span class="a9">13. 完工啦！可以輸出作品啦！</span></p>
<hr size=0>
<p align="center"><a href="../homepage.htm"></a> <a href="07.htm">上一節</a>
<a href="09.htm">下一節</a></p>
<font face="宋體" lang="ZH-CN">
<p align="CENTER"> </p>
</font></td>
</tr>
</table>
</BODY>
</HTML>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -