第11章Flash制作簡單的動(dòng)畫.ppt

1、Flash制作簡單的動(dòng)畫,DreamweaverFireworksFlash 是由美國著名的軟件開發(fā)商Macromedia公司推出的制作網(wǎng)站的工具，被人們稱為“網(wǎng)站開發(fā)三劍客”，其中Dreamweaver是一個(gè)“所見即所得”的可視化網(wǎng)站開發(fā)工具；Fireworks是Macromedia公司網(wǎng)頁設(shè)計(jì)“三劍客”之“火焰”，它以處理網(wǎng)頁圖片為特長，并可以輕松創(chuàng)作GIF動(dòng)畫。Flash是Macromedia公司網(wǎng)頁三劍客之中的“閃電”，其以制作網(wǎng)上動(dòng)畫為特長，它做出的動(dòng)畫聲音動(dòng)畫效果都是其他軟件無法比擬的。,Flash產(chǎn)生的是基于矢量方式的互動(dòng)動(dòng)畫，并包含聲音。Flash的動(dòng)畫環(huán)境是由以下幾部分組成的

2、： （1）Stage（場(chǎng)景）：創(chuàng)建并觀看影片的某幀。在Stage上看到的就是Flash的影片。Flash影片的尺寸是由Stage的像素?cái)?shù)值控制的。Stage的缺省值為550400像素。最小為1818像素，最大為28802880像素。影片中所包含的場(chǎng)景都只能為一種尺寸。 （2）Timeline(時(shí)間軸)：利用時(shí)間的變化來產(chǎn)生影片。是用來控制影片中的各個(gè)動(dòng)作和整個(gè)影片的長度的。 （3）繪畫工具：用來制作圖形，存放在工具箱中。 （4）通過指令和控制命令使圖形運(yùn)動(dòng)，控制播放，產(chǎn)生影片。 影片制作完成后，可以在Flash中輸出（Export）產(chǎn)生稱為Shockwave Flash的影片。然后將影片置入到

3、DreamWeaver中來完成最終的HTML文件，以便在瀏覽器中觀看。圖11.1所示Flash 8.0的工作環(huán)境。,繪制直線在工具箱中選擇直線工具，將鼠標(biāo)移動(dòng)到場(chǎng)景中，當(dāng)鼠標(biāo)指針變成形狀時(shí)，按住鼠標(biāo)左鍵向任意方向拖動(dòng)，拖至適當(dāng)位置后，釋放鼠標(biāo)即可繪制出一條直線。如果要繪制與水平方向成45角的線段，應(yīng)在繪制直線時(shí)按住shift鍵。繪制直線完成后，可以在屬性面板中設(shè)定直線的樣式、顏色、粗細(xì)等,繪制長方形和正方形,在工具箱中選擇矩形工具，將鼠標(biāo)移動(dòng)到場(chǎng)景中，當(dāng)鼠標(biāo)指針變成形狀時(shí)，按住鼠標(biāo)左鍵拖動(dòng)，拖至適當(dāng)位置后，釋放鼠標(biāo)即可繪制出一個(gè)長方形。如果要繪制正方形，應(yīng)在繪制時(shí)按住shift鍵。,繪制多邊形

4、和星形,點(diǎn)擊矩形工具，鼠標(biāo)在矩形工具上停留幾秒鐘（或直接點(diǎn)擊矩形工具右下角的箭頭），待彈出工具類型選擇后選擇“多邊形工具”，然后在“屬性”面板中的“選項(xiàng)”按鈕，打開“工具設(shè)置”對(duì)話框，在其中設(shè)定多邊形的形狀和邊角的多少。,鉛筆工具選擇鉛筆工具，在工具箱右下角選項(xiàng)欄中單擊下拉按鈕，選擇鉛筆樣式（如圖11.5所示）。將鼠標(biāo)移動(dòng)到場(chǎng)景中，按住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)即可繪制相應(yīng)的圖形。,鋼筆工具在工具箱中選擇鋼筆工具，鼠標(biāo)移動(dòng)到場(chǎng)景中，在要繪制圖形的位置單擊鼠標(biāo)，確定繪制圖形的起點(diǎn)，拖動(dòng)鼠標(biāo)將出現(xiàn)調(diào)節(jié)桿，拖動(dòng)調(diào)節(jié)桿以確定第二點(diǎn)，放開鼠標(biāo)按鍵完成繪制。,刷子工具刷子工具既可以創(chuàng)建填充區(qū)域的顏色，又可以繪制任意

5、形狀、大小及顏色的填充區(qū)域。刷子工具有5種繪制模式：標(biāo)準(zhǔn)繪畫、顏料填充、后面繪制、顏料選擇和內(nèi)部繪畫，如圖11.7所示。,制作直線伸長的動(dòng)畫,啟動(dòng)Flash； 設(shè)定場(chǎng)景的大小為550100像素，背景為黑色，幀頻設(shè)成12fps 場(chǎng)景屬性 點(diǎn)取鉛筆工具，顏色選擇紅色，線粗3，樣式為實(shí)線； 在底板上用鉛筆（鼠標(biāo)）畫一短橫線，約1020像素； 在時(shí)間軸的第一層第20幀幀處用鼠標(biāo)點(diǎn)一下，然后插入一個(gè)空幀(按F7)； 用鼠標(biāo)點(diǎn)取洋蔥皮按鈕的第一個(gè)按鈕，可以看見步驟4畫的短線(變灰色)； 在同一起點(diǎn)，用鉛筆工具畫一條長500像素的橫線； 在“屬性”面板中，選擇補(bǔ)間動(dòng)作為“形狀”，按確定按鈕；這時(shí)可以看見時(shí)間

6、軸的第1幀到第20幀間產(chǎn)生一條黑色箭頭線； 動(dòng)畫補(bǔ)間 完成。按ctrl+回車看制作效果。 保存。選擇file菜單下的Save或者Save As就可以了。這時(shí)存下來的是.fla文件，可以再次用flash打開編輯。如果要制成成品，可以選擇file菜單下的Export movie.，這時(shí)保存的文件是.swf可以直接用于網(wǎng)頁，但是不能被再次打開修改,制作簡單的幾何變形,啟動(dòng)FLASH； 設(shè)定場(chǎng)景的屬性； 鼠標(biāo)點(diǎn)在時(shí)間軸的第一幀上； 選擇橢圓工具，在場(chǎng)景上畫一個(gè)直徑30像素的圓； 鼠標(biāo)點(diǎn)在時(shí)間軸的第10幀處，按F7插入一個(gè)空幀； 選擇鉛筆工具里的畫矩形工具，在底板上畫一個(gè)邊長30px的正方形；(為了使矩

7、形和圓在同一直線上，可以用鼠標(biāo)點(diǎn)擊洋蔥皮按鈕的第一個(gè)按鈕會(huì)顯示第一幀的圖像； 在時(shí)間軸第20幀處F7插入空幀，用多邊形工具畫一個(gè)三角形； 用鼠標(biāo)單擊第一幀的圓點(diǎn)，在“屬性”面板上設(shè)置“補(bǔ)間”動(dòng)作為“形狀”。 同樣方法，單擊第10幀的圓點(diǎn)，設(shè)定第10到20幀之間補(bǔ)間動(dòng)作； 按下ctrl+回車鍵觀看動(dòng)畫效果。,制作圖像的放大縮小,1按Ctrl+F8新建元件，打開新建元件對(duì)話框，命名為symbol1,類型設(shè)置為圖形，按確定。 2選擇文字輸入工具，選擇字體為“仿宋_GB2312”，字號(hào)大小15，字體顏色紅色；,3在屏幕空白處輸入“歡迎使用”； 4用鼠標(biāo)點(diǎn)屏幕上方（時(shí)間軸后）的小箭頭圖標(biāo)，回到場(chǎng)景1(s

8、cene1)； 5（如果不顯示符號(hào)庫），請(qǐng)按下Ctrl+L調(diào)出符號(hào)(symbol)庫； 6用鼠標(biāo)左鍵拖住符號(hào)庫里的圖形中的文字“歡迎使用”，把它拖動(dòng)到場(chǎng)景中； 7用鼠標(biāo)點(diǎn)擊時(shí)間軸的第20幀處，按F6鍵插入一個(gè)關(guān)鍵幀； 8也可以用鼠標(biāo)右鍵單擊文字，在彈出菜單里選擇“任意變形”，在文字的周圍出現(xiàn)小方塊，用鼠標(biāo)拖動(dòng)小方塊，文字會(huì)隨之變大變小。將文字放大到合適尺寸； 9. 鼠標(biāo)點(diǎn)擊第1幀，在“屬性”面板中調(diào)整文字的亮度（60%），文字變得模糊不清； 10. 用鼠標(biāo)單擊第一幀的圓點(diǎn)，在“屬性”面板中設(shè)定補(bǔ)間動(dòng)作為“動(dòng)畫”； 11. 作品完成。按ctrl+回車觀看效果。,制作滾動(dòng)的字幕,新建文檔，設(shè)置場(chǎng)景

9、大小為400*200像素； 使用“文件”“導(dǎo)入”“導(dǎo)入到舞臺(tái)”，導(dǎo)入圖片（自行選擇一張風(fēng)景畫）； 使用“任意變形”工具調(diào)整圖片到場(chǎng)景大??； 單擊圖層區(qū)的圖標(biāo)鎖定圖片； 單擊新建圖層按鈕，創(chuàng)建新的圖層（圖層2），在圖層2中選擇文本工具，在“屬性”面板中設(shè)置字體為“華文行楷”，字號(hào)為30，顏色為紅色； 在場(chǎng)景中輸入“歡迎觀看動(dòng)畫片”，將文字移動(dòng)到場(chǎng)景右側(cè)； 選擇圖層1，在第20幀處插入幀（按F5），在圖層2第20幀處插入關(guān)鍵幀（按F6）；選定圖層2種的文字，選擇“窗口” “信息”菜單，打開“信息”面板，設(shè)置“x=-10”，Y值不變，使文字和圖片左側(cè)對(duì)齊。（X值可能會(huì)有不同）,單擊圖層2的第一幀，補(bǔ)

10、間動(dòng)作設(shè)定為“動(dòng)畫”，創(chuàng)建1-20幀之間的補(bǔ)間動(dòng)作。 制作完成滾動(dòng)字幕，按下ctrl+回車鍵觀看動(dòng)畫效果（見圖所示）。,制作倒影,新建文件，場(chǎng)景大小設(shè)定為300*200像素； 導(dǎo)入一張含有水面的圖片（導(dǎo)入到舞臺(tái)），并調(diào)整圖片大小和場(chǎng)景大小一致； 新建一個(gè)名稱為“歡”的“影片剪輯”元件，使用文本工具在編輯區(qū)內(nèi)輸入“歡”，注意設(shè)定文字的字號(hào)、字體、文字顏色等； 在“信息”面板中設(shè)置其中心位置為0，0； 在第10和20幀處分別插入關(guān)鍵幀，在第32幀處插入幀； 選取第10幀中的“歡”字，信息中設(shè)置“Y=-55”，X不變； 各關(guān)鍵幀之間創(chuàng)建補(bǔ)間動(dòng)畫； 新建名為“迎”的影片剪輯元間，輸入“迎”； 在第4，

11、13，23幀處插入關(guān)鍵幀，32幀處插入幀； 信息面板中，設(shè)定第12幀中“迎”的位置設(shè)為“Y=-55”，X不變。 創(chuàng)建4-13，13-23幀間的補(bǔ)間動(dòng)畫； 同樣的方法創(chuàng)建“光”、“臨”的影片剪輯； 切換到場(chǎng)景中的圖層1，從“庫”面板中把“歡”、“迎”、“光”、“臨”等各影片剪輯拖入到場(chǎng)景中，并均勻排列，然后調(diào)整所有剪輯水平位置一致。 復(fù)制“歡”元件，“編輯”“粘貼到當(dāng)前位置”，將元件粘貼到原位置； 選擇“修改”“變形”“垂直翻轉(zhuǎn)”，將復(fù)制的元件翻轉(zhuǎn)，用鍵盤下箭頭進(jìn)行影片剪輯的移動(dòng)；,對(duì)其他的影片元件進(jìn)行同樣的操作（復(fù)制、粘貼到當(dāng)前位置、翻轉(zhuǎn)、移動(dòng)），并設(shè)定這些元件的垂直位置相同； 選取各元件，在各元件的“屬性”面板中顏色設(shè)置成Alpha，Alpha值設(shè)置為40%；到此完成動(dòng)畫的制作。 按下ctrl+回車觀看效果。,Flash動(dòng)畫的發(fā)布,設(shè)計(jì)好了動(dòng)畫之后，保存的文件都是.fla格式的文件，這種格式的文件是可以在flash中編輯的，但是這種文件不能放在網(wǎng)頁中的，。要放在網(wǎng)頁中共用戶瀏覽，就必須把這個(gè)短片進(jìn)行發(fā)布，才能在Flash以外的環(huán)境中使用，并可以用FlashPlayer播放，也可以用FlashPlayer創(chuàng)建播放器（生成.EXE文件）；,在發(fā)布文件之前，需要確定文件發(fā)布的選項(xiàng)，選擇“文件”“發(fā)布選項(xiàng)”（英文版中“file”“export movie”