Flash快速入門.ppt

1、Flash應(yīng)用快速入門,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,2,一、Flash工作界面,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,3,二、Flash要素,場(chǎng)景 元件 圖層 時(shí)間軸 關(guān)鍵幀,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,4,三、Flash文件名,工作文件：.FLA 發(fā)布文件：.SWF、HTML,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,5,四、Flash動(dòng)畫分類,逐幀動(dòng)畫 優(yōu)點(diǎn)：精確控制每一幀 缺點(diǎn)：制作煩瑣 補(bǔ)間動(dòng)畫 運(yùn)動(dòng)補(bǔ)間 直線運(yùn)動(dòng) 沿軌跡運(yùn)動(dòng) 變形補(bǔ)間,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,6,五、Flash使用要點(diǎn),庫 關(guān)鍵幀 如何預(yù)演動(dòng)畫 元件的建立和使用 如何改變幀頻,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,7,1庫

2、,按Ctrl+L快捷鍵，可以開關(guān)庫的顯示。,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,8,2關(guān)鍵幀,在時(shí)間軸上對(duì)應(yīng)幀位置點(diǎn)擊，再按F6即可。,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,9,3如何預(yù)演動(dòng)畫,按Ctrl+Enter即可。,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,10,4元件的建立和使用,建立方法1：從“插入”菜單選“新建元件”，配置好各類參數(shù)后建立，即可用左側(cè)工具欄里的工具建立。 建立方法2：先在場(chǎng)景中畫出元件，選中后點(diǎn)右鍵，選轉(zhuǎn)換為元件即可建立。 元件的使用：直接將庫中的元件拖到場(chǎng)景中即可。,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,11,5如何改變幀頻,在場(chǎng)景下部的屬性框里可以修改。如下圖：,中國(guó)人民大學(xué)信息技術(shù)基

3、礎(chǔ)教研室,12,六、Flash制作示例,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,13,示例1：逐幀動(dòng)畫,在圖層1的第1幀處，畫一個(gè)幾何圖形； 按F6，在第2幀處建立關(guān)鍵幀，然后： 1）移動(dòng)場(chǎng)景中上一幀留過來的圖形；或者 2）重新畫一個(gè)圖形（如果必要，可以刪除原來的圖形） 3）也可以對(duì)上述1）和2）的圖形進(jìn)行各類變換。 重復(fù)上述第2步，直至全部幀都制作出來。 按Ctrl+Enter預(yù)演動(dòng)畫 按Ctrl+S保存FLA文件 按Shift+F12（也可從文件菜單選）發(fā)布HTML和SWF文件。 （參看示例文件）,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,14,示例2：（直線）運(yùn)動(dòng)補(bǔ)間動(dòng)畫,在場(chǎng)景第1幀處中畫一個(gè)小人，并轉(zhuǎn)

4、換為元件； 點(diǎn)擊第50幀，按F6建立關(guān)鍵幀； 在第50幀處將上述小人拖到新位置； 回到第1幀處，從屬性區(qū)的補(bǔ)間框中選動(dòng)作。 完成（預(yù)演、保存、發(fā)布） （參看示例文件）,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,15,示例3：沿軌跡運(yùn)動(dòng)動(dòng)畫,在場(chǎng)景第1幀用多個(gè)幾何形狀畫小人，組合后轉(zhuǎn)換為元件； 點(diǎn)擊第50幀，按F6建立關(guān)鍵幀； 在第50幀處將上述小人拖到新位置； 回到第1幀處，從屬性區(qū)的補(bǔ)間框中選動(dòng)作。 添加運(yùn)動(dòng)引導(dǎo)層； 在運(yùn)動(dòng)引導(dǎo)層中用鉛筆畫出運(yùn)動(dòng)軌跡。 在第1幀處，將運(yùn)動(dòng)元件扣到引導(dǎo)線上； 在第50幀處，將運(yùn)動(dòng)元件扣到引導(dǎo)線上； 完成（預(yù)演、保存、發(fā)布） （參看示例文件）,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研

5、室,16,示例4：變形補(bǔ)間動(dòng)畫,在場(chǎng)景第1幀處中建立一個(gè)元件，選中它后，點(diǎn)鼠標(biāo)右鍵，將其分離； 點(diǎn)擊第40幀，按F6建立關(guān)鍵幀；再建立一個(gè)元件，同樣選中后從右鍵菜單中選分離 回到第1幀處，從屬性區(qū)的補(bǔ)間框中選形狀。 完成（預(yù)演、保存、發(fā)布） （參看示例文件）,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,17,示例5：配有聲音的動(dòng)畫,建立動(dòng)畫 用“文件”的“導(dǎo)入”命令將聲音文件導(dǎo)入到庫中。 插入新圖層，在適當(dāng)位置建立關(guān)鍵幀，全選之間所有幀，將聲音元件拖入，并將屬性區(qū)的“同步”設(shè)置為“開始”。 完成（預(yù)演、保存、發(fā)布） （參看示例文件）,中國(guó)人民大學(xué)信息技術(shù)基礎(chǔ)教研室,18,示例6：按鈕的使用,建立按鈕元件，設(shè)立按鈕元件的各個(gè)狀態(tài)； 拖動(dòng)到場(chǎng)景中即可。 如果希望點(diǎn)擊按鈕后訪問網(wǎng)站，則在場(chǎng)景