?? flash
字號:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Flash基礎</title>
</head>
<body bgcolor="#CCFFFF">
<p align="center" style="line-height: 100%"><font color="#FF0000" size="6" face="華文中宋"><b>Flash</b>
</font><font face="華文彩云" color="#FF0000" size="6"> 基礎</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="4" color="#0000FF">一、移動和旋轉</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">先熟悉</font>一下基本操作：F4可以隱藏面板，Ctrl＋F2可以顯示工具箱，鼠標左鍵用于<font color="#800000">選擇</font>（單擊），<font color="#800000">打開</font>（雙擊）；<font color="#800000">右鍵</font>用于命令菜單，鼠標在空白地方敲一下可以取消選擇；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">窗口</font>由標題欄、菜單欄、工作區組成，工作區中可以畫圖、添加<font color="#800000">按鈕</font>等等；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">操作</font>中要留心注意<font color="#800000">鼠標形狀</font>的變化，不同形狀表示不同的意思；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">動畫</font>包括移動、變形和旋轉等幾種，至少需要<font color="#800000">兩幅</font>圖形才能表現；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">現在來</font>練習制作一個簡單的動畫效果如下，“您好”兩個字從上面落下來，“歡迎……”從左邊跑右邊，再回來轉圈。</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH=250 HEIGHT=180>
<param name="Movie" value="歡迎.swf">
<param name="Src" value="歡迎.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="歡迎.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>
</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"> </p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3"> <font color="#0000FF">1、修改場景：</font></font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）啟動Flash，將任務欄上的多余窗口關閉，留下Flash和教程<font color="#800000">兩個</font>窗口，讓它們<font color="#800000">并排</font>顯示（Flash的窗口<font color="#800000">大</font>一些），在Flash窗口的<font color="#800000">標題欄</font>上單擊鼠標左鍵，<font color="#800000">回到</font>Flash窗口，Flash默認新建一個<font color="#800000">影片1</font>文件，我們首先來設置一下工作區的相關數據，單擊選擇菜單欄里的“<font color="#800000">修改</font>”菜單，再在里面單擊“<font color="#800000">影片</font>”命令；<br>
</font><font size="3"> 2）在彈出的對話框中的“<font color="#800000">背景顏色</font>”選項上點一下顏色按鈕，將背景色改成<font color="#800000">黑色</font>，將“<font color="#800000">幀頻</font>”設為6，單擊“確定”按鈕，看一下變化；<br>
<font color="#0000FF"> 2、創建元件：</font></font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）選擇“<font color="#800000">插入</font>”菜單中的“<font color="#800000">新建元件</font>”命令，彈出一個對話框；
</font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><img border="0" src="插入元件.jpg" width="408" height="122"><font size="3"><br>
</font><font size="3"> 2）在“<font color="#800000">名稱</font>”選項中輸入“您好”，在下面選擇“圖形”，檢查正確后單擊“確定”按鈕，此時在時間軸面板的左下方出現一個標題為“您好”圖標為<font color="#800000">紅綠藍方塊</font>的按鈕<img border="0" src="場景按鈕.jpg" width="120" height="20">，現在是編輯一個圖形符號。<br>
</font><font size="3"> 3）輸入文字：在工具箱中選擇文本工具“A”，將“<font color="#800000">填充顏色</font>”（旁邊有個油漆桶）<img border="0" src="填充色.jpg" width="60" height="47">改為紅色。再在“<font color="#800000">文本</font>”菜單中選擇字體為<font color="#800000">楷體</font>，尺寸為<font color="#800000">36</font>，然后在工作區中央（十字架）<font color="#800000">點一下</font>鼠標左鍵，工作區中出現一個閃動光標的小<font color="#800000">文本框</font>，輸入“您好”（<font color="#800000">如果</font>文本框沒了再點一下），用<font color="#800000">箭頭</font>工具將文字拖到十字架的中心，這樣落下的符號就制做好了。</font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
4）同樣單擊“<font color="#800000">插入</font>”菜單選擇“<font color="#800000">新建元件</font>”，名稱改為“<font color="#800000">歡迎</font>”，選擇“<font color="#800000">圖形</font>”，單擊“確定”后，用“<font color="#800000">文本”</font>工具，在工作區中央輸入“歡迎進入Flash世界”，用箭頭工具將文字放在十字架的中央(在“入”和“F”之間）。<br>
</font><font size="3"> 5）單擊工作區左上方“歡迎”按鈕旁邊的“<font color="#800000">場景1</font>”按鈕，<img border="0" src="場景歡迎.jpg" width="111" height="18">回到主場景工作區。單擊“文件”菜單中的“保存”命令，在彈出的對話框中的“保存在”中單擊鼠標，找到自己的文件夾（比如在“我的文檔”中的“My
Flash”文件夾中新建一個以自己名字為名稱的文件夾），用“<font color="#FF0000">歡迎您好</font>”為文件名，<font color="#FF0000">保存文件到自己的文件夾中</font><br>
<font color="#0000FF">3、制作下落動畫：</font><br>
</font><font size="3"> 1）繪制圖形<font color="#0000FF"> </font>單擊“窗口”菜單選擇“圖庫”（或“庫”）命令，我們剛才做的元件都在圖庫中，<img border="0" src="庫.jpg" width="184" height="38">選中“您好”，用箭頭工具把它拖到工作區<font color="#800000">外面</font>的正上方，文字在黑色上面的灰色里；<br>
</font><font size="3"> 2）插關鍵幀 <font color="#0000FF"> </font>在時間軸的第10幀上，單擊鼠標<font color="#800000">右鍵</font>，選擇“<font color="#800000">插入關鍵幀</font>”命令（<font color="#800000">關鍵幀</font>是動畫的起點或者終點），用“<font color="#800000">箭頭</font>”工具，將第10幀中的工作區上方的文字拖入工作區的中間，這樣從第1幀的您好落到第10幀的中間，文字的位置發生了變化；<br>
</font><font size="3"> 4）創建動畫動作<font color="#0000FF"> </font>在第<font color="#800000">1</font>幀上單擊鼠標<font color="#800000">右鍵</font>，選擇“<font color="#800000">創建動畫動作</font>”命令，在第1幀到第10幀之間出現一個<font color="#0000FF">藍色箭頭</font>，動畫創建成功，<font color="#FF0000">保存一下文件</font><br>
</font><font size="3"> 5）第一個動畫已經完成，檢查一下，把<font color="#800000">時間指針</font>移到第1幀，按一下<font color="#800000">回車鍵</font>播放動畫，看一下效果，是不是很形象？</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3"><font color="#0000FF"> 4、制作橫向動畫：</font></font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）分析一下，文字“歡迎進入Flash世界”是從工作區左邊進入，到右邊消失，又從右邊返回到工作區中央旋轉，細心的同學一定發現，這個動畫由<font color="#800000">兩部分</font>組成，一步是從左到右，一步是從右邊回到中間；<br>
</font><font size="3"> 2）新增一個圖層，點擊“<font color="#800000">＋</font>”號按鈕，新建一個圖層2，電腦<font color="#800000">自動</font>產生10幀空白幀，把它們都<font color="#800000">刪掉</font>，方法是先點一下“圖層2”，然后在右邊選中的幀上單擊右鍵選“移除幀”命令；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
3）繪制圖形，在圖層2的第5幀上單擊鼠標<font color="#800000">右鍵</font>，選擇“插入關鍵幀”命令，這一幀作為<font color="#800000">起始</font>關鍵幀，在“圖庫”面板中將“歡迎進入Flash世界”拖到<font color="#800000">工作區外</font>左邊。從第5幀開始是為了跟第一個動畫錯開，創作出豐富的動畫效果；<br>
</font><font size="3"> 4）在圖層2的第10幀處“插入關鍵幀”命令，第10幀作為動畫的一個<font color="#800000">終點</font>，在第10幀中，將“歡迎進入Flash世界”拖到工作區右邊的外面。這樣文字從左邊跑到右邊，動畫的原理就是用幾幅圖畫來表現物體的運動和變化，在第5幀上單擊鼠標右鍵，選擇“創建動畫動作”命令，出來一條藍色箭頭。單擊“文件”菜單中的“保存”命令，<font color="#FF0000">保存一下文件</font><br>
</font><font size="3"> 5）創建返回的動畫，要保持兩層相同的長度，<font color="#800000">分別選中</font>圖層1和圖層2的第15幀，單擊右鍵給它們插入關鍵幀。<br>
</font><font size="3"> 6）選中圖層2的第15幀，用<font color="#800000">箭頭</font>工具選中“歡迎進入Flash世界”文字，把它<font color="#800000">拖回到</font>工作區中央，這樣從第10幀到第15幀，文字回到了工作區，在圖層2的第10幀上單擊鼠標右鍵，創建回來的動作動畫。單擊“文件”菜單中的“保存”命令，<font color="#FF0000">保存一下文件</font>，按<font color="#800000">回車鍵</font>播放動畫，看一下效果不錯吧？<br>
<font color="#0000FF"> 5、旋轉動畫</font> </font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）分別在兩層的第25幀上“插入關鍵幀”，加長影片長度，來做旋轉動畫<br>
</font><font size="3"> 2）在圖層2的第15幀上單擊鼠標<font color="#800000">右鍵</font>，會彈出一個菜單，選擇菜單最下面“屬性”命令上打勾，在最下面的“屬性”面板，在“中間”旁邊的“沒有”上單擊選擇“移動”，在“<font color="#800000">旋轉</font>”旁的按鈕上單擊，選擇“順時針”（“<font color="#800000">CW</font>”）讓動畫按順時針旋轉。在“<font color="#800000">次</font>”上輸入2，讓動畫旋轉兩次，關閉面板。單擊“文件”菜單中的“保存”命令，<font color="#FF0000">保存一下文件</font>，這樣我們就創建好一個旋轉動畫。<br>
<font color="#0000FF">你現在</font>已經完成了動畫的制作，可以測試動畫的效果了。是不是很有特色？欣賞完按<font color="#800000">Ctrl＋W</font>關閉返回，將“圖層1”改為“您好”，“圖層2”改為“歡迎”。<br>
<font color="#0000FF">本節</font>詳細介紹了使用Flash制作動畫的全過程。你是否對Flash有了更深刻的認識，產生了濃厚的學習興趣？請繼續學習下一課內容。</font></p>
<p align="left" style="line-height: 100%"><img border="0" src="時間軸.jpg" width="368" height="62"></p>
<p style="line-height: 100%">
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
本教程由86團學校TeliuTe制作|著作權所有，不得用于商業用途
</font>
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
美麗的校園……
</font>
</p>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -