flash教程第一課---逐幀動(dòng)畫

1、:Flash是美國(guó)的是美國(guó)的Macromedia公司于公司于1999年年6月推出的優(yōu)秀網(wǎng)頁動(dòng)畫設(shè)計(jì)軟件。它是一月推出的優(yōu)秀網(wǎng)頁動(dòng)畫設(shè)計(jì)軟件。它是一種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂，種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂，聲效，動(dòng)畫以及富有新意的界面融合在一聲效，動(dòng)畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁動(dòng)態(tài)效果。起，以制作出高品質(zhì)的網(wǎng)頁動(dòng)態(tài)效果。 :所謂動(dòng)畫，指諸多靜止的連續(xù)性畫面根據(jù)所謂動(dòng)畫，指諸多靜止的連續(xù)性畫面根據(jù)時(shí)間發(fā)展連續(xù)播放而產(chǎn)生的視覺動(dòng)感，即時(shí)間發(fā)展連續(xù)播放而產(chǎn)生的視覺動(dòng)感，即看起來畫面在動(dòng)?？雌饋懋嬅嬖趧?dòng)。J 什么是動(dòng)畫？ 也可以說，動(dòng)畫是一系列物體組成的圖像幀的

2、動(dòng)態(tài)變化也可以說，動(dòng)畫是一系列物體組成的圖像幀的動(dòng)態(tài)變化過程，其中每幀圖像是在前一幀圖像基礎(chǔ)上進(jìn)行變化。過程，其中每幀圖像是在前一幀圖像基礎(chǔ)上進(jìn)行變化。幀最小單位的單幅影像畫面動(dòng)畫原理-幀動(dòng)畫原理-幀我是一朵小小花關(guān)鍵幀過渡幀普通幀動(dòng)畫原理-幀的類型第第8 8頁頁關(guān)鍵幀：表示關(guān)鍵狀態(tài)的幀u實(shí)心u人工編輯動(dòng)畫原理-幀的類型第第9 9頁頁過渡幀：在兩個(gè)關(guān)鍵幀之間，電腦自動(dòng)完成過渡畫面的幀。動(dòng)畫原理-幀的類型第第1010頁頁普通幀：延續(xù)和繼承前一關(guān)鍵幀的內(nèi)容動(dòng)畫原理-幀的類型第第1111頁頁動(dòng)畫類型Flash基礎(chǔ)動(dòng)畫逐幀動(dòng)畫補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)作補(bǔ)間Flash交互型動(dòng)畫Flash動(dòng)畫關(guān)鍵幀動(dòng)畫搖曳的燭

3、光動(dòng)作補(bǔ)間過山車形狀補(bǔ)間圖形變變變動(dòng)畫文件的存儲(chǔ)格式動(dòng)畫文件的存儲(chǔ)格式v 源文件：源文件：（可以查看代碼并可修改）：（可以查看代碼并可修改）：*.flav GIFGIF格式格式 沒有交互作用的普通二維動(dòng)畫。沒有交互作用的普通二維動(dòng)畫。v SWFSWF格式格式 制作完成后的動(dòng)畫類型作品，只能用制作完成后的動(dòng)畫類型作品，只能用FlashFlash播放器播放器播放，不能編輯和修改，具有交互特征。播放，不能編輯和修改，具有交互特征。Flash 8界面介紹第第1717頁頁v 場(chǎng)景就像舞臺(tái)，舞臺(tái)由特定的大小、音響、燈光等條場(chǎng)景就像舞臺(tái)，舞臺(tái)由特定的大小、音響、燈光等條件組成，同樣，一幕場(chǎng)景需要固定的件組成

4、，同樣，一幕場(chǎng)景需要固定的分辨率分辨率、幀頻幀頻、背景背景等。等。v 在編輯在編輯FlashFlash動(dòng)畫之前應(yīng)先在屬性面板中設(shè)置好所需的動(dòng)畫之前應(yīng)先在屬性面板中設(shè)置好所需的參數(shù)。參數(shù)。Flash 8工作環(huán)境第第1818頁頁v 主要用于創(chuàng)建動(dòng)畫和控制動(dòng)畫的播放等操作。時(shí)間軸主要用于創(chuàng)建動(dòng)畫和控制動(dòng)畫的播放等操作。時(shí)間軸的左側(cè)是圖層區(qū)，右側(cè)是時(shí)間線控制區(qū)，由的左側(cè)是圖層區(qū)，右側(cè)是時(shí)間線控制區(qū)，由播放指針播放指針、幀幀、時(shí)間軸標(biāo)尺時(shí)間軸標(biāo)尺及及狀態(tài)欄狀態(tài)欄組成。組成。Flash 8工作環(huán)境第第1919頁頁v 幀幀：最小單位的單幅影像畫面，最小單位的單幅影像畫面，相當(dāng)于電影膠片上的每一格鏡頭。相當(dāng)于

5、電影膠片上的每一格鏡頭。v 圖層圖層：一個(gè)圖層，猶如一張透明：一個(gè)圖層，猶如一張透明的紙，上面可以繪制任何事物或書的紙，上面可以繪制任何事物或書寫任何文字，所有的圖層疊合在一寫任何文字，所有的圖層疊合在一起，就組成了一幅完整的畫。起，就組成了一幅完整的畫。 Flash 8工作環(huán)境:繪圖工具欄：繪圖工具欄：&用于編輯圖形和文本用于編輯圖形和文本的各種工具，可以繪圖，的各種工具，可以繪圖，選取，噴涂，修改以及選取，噴涂，修改以及編排文字；編排文字；&在選擇了某一工具時(shí)，在選擇了某一工具時(shí)，其所對(duì)應(yīng)的修改器其所對(duì)應(yīng)的修改器(Modifier)也會(huì)在工具也會(huì)在工具條下面的位置出現(xiàn)，修條

6、下面的位置出現(xiàn)，修改器的作用是改變相應(yīng)改器的作用是改變相應(yīng)工具對(duì)圖形處理的效果。工具對(duì)圖形處理的效果。1.基礎(chǔ)圖形（方形、圓形等）閉合圖形閉合圖形構(gòu)成構(gòu)成： 輪廓線輪廓線 填充填充閉合圖形閉合圖形繪制步驟繪制步驟：1.1.選中適合的繪圖工具選中適合的繪圖工具 基礎(chǔ)圖形的繪制工具（方形、圓形等）基礎(chǔ)圖形的繪制工具（方形、圓形等） 復(fù)雜圖形的繪制工具復(fù)雜圖形的繪制工具 （鋼筆工具）、（鋼筆工具）、 （鉛筆工具）（鉛筆工具）2.2.修改圖形的輪廓修改圖形的輪廓 選擇工具：選中對(duì)象、變形（鼠標(biāo)后跟隨弧形）選擇工具：選中對(duì)象、變形（鼠標(biāo)后跟隨弧形） 部分選擇工具：通過節(jié)點(diǎn)的調(diào)整變形部分選擇工具：通過節(jié)點(diǎn)

7、的調(diào)整變形 任意變形工具：通過節(jié)點(diǎn)任意變形任意變形工具：通過節(jié)點(diǎn)任意變形3.3.輪廓、填充屬性的設(shè)置輪廓、填充屬性的設(shè)置 窗口窗口顏色顏色 3.3.輪廓、填充屬性的設(shè)置輪廓、填充屬性的設(shè)置 輪廓：線條的輪廓：線條的顏色、粗細(xì)、樣式顏色、粗細(xì)、樣式等等 填充：填充：顏色、模式顏色、模式 4. 4. 填充效果的改變填充效果的改變 填充變形工具填充變形工具 5. 5. 輪廓或填充的刪除輪廓或填充的刪除 方法方法1 1：選中后，：選中后，DeleteDelete刪除刪除 方法方法2 2：繪制設(shè)置為：繪制設(shè)置為 或或 :原理原理：每個(gè)關(guān)鍵幀一個(gè)不同的畫面，由于畫面之間的：每個(gè)關(guān)鍵幀一個(gè)不同的畫面，由于畫

8、面之間的間隔很短（間隔很短（flash中默認(rèn)的播放速度是中默認(rèn)的播放速度是12幀幀/秒），因此秒），因此給人動(dòng)的感覺。給人動(dòng)的感覺。:步驟：步驟：&在第一個(gè)關(guān)鍵幀（第一幀為默認(rèn)的關(guān)鍵幀）做好需在第一個(gè)關(guān)鍵幀（第一幀為默認(rèn)的關(guān)鍵幀）做好需要的畫面要的畫面&在后面的幀中選定一幀點(diǎn)擊右鍵在后面的幀中選定一幀點(diǎn)擊右鍵插入關(guān)鍵幀插入關(guān)鍵幀（或空白關(guān)鍵幀，插入關(guān)鍵幀則繼承前面畫面的內(nèi)（或空白關(guān)鍵幀，插入關(guān)鍵幀則繼承前面畫面的內(nèi)容，可只做修改。插入空白關(guān)鍵幀則本畫面需要重容，可只做修改。插入空白關(guān)鍵幀則本畫面需要重新做，兩者視具體情況定）新做，兩者視具體情況定）&重復(fù)第二步重復(fù)第二步

9、二、二、 關(guān)鍵幀動(dòng)畫實(shí)例關(guān)鍵幀動(dòng)畫實(shí)例霓虹燈霓虹燈:所用工具：所用工具：文字工具文字工具，橢圓工具橢圓工具,黑色箭頭工具黑色箭頭工具:文字工具：文字工具： 點(diǎn)擊點(diǎn)擊 按鈕按鈕 進(jìn)入文字編輯狀態(tài)，在空白區(qū)單擊，可無寬度進(jìn)入文字編輯狀態(tài)，在空白區(qū)單擊，可無寬度限制的輸入文字。限制的輸入文字。設(shè)置文本的屬性設(shè)置文本的屬性 可通過文本菜單或文本屬性面板設(shè)置字體、字型、顏色等文可通過文本菜單或文本屬性面板設(shè)置字體、字型、顏色等文字屬性。字屬性。:橢圓繪圖工具：橢圓繪圖工具：:作用：畫圓作用：畫圓/橢圓。橢圓。&按住按住SHIFT鍵時(shí)，用橢圓工具可以畫出正圓。鍵時(shí)，用橢圓工具可以畫出正圓。:操作方

10、法：操作方法：&選取橢圓工具，在工作區(qū)中按下左鍵拖動(dòng)即可得到一個(gè)有填選取橢圓工具，在工作區(qū)中按下左鍵拖動(dòng)即可得到一個(gè)有填充色的橢圓。充色的橢圓。&畫出的橢圓通常既有填充色，又有邊線色，可將邊框與填充畫出的橢圓通常既有填充色，又有邊線色，可將邊框與填充部分分離；部分分離；1. 選中邊框線或填充色后，通過相應(yīng)的調(diào)色板可重新填色或改選中邊框線或填充色后，通過相應(yīng)的調(diào)色板可重新填色或改變邊框的顏色。變邊框的顏色。:說明：說明：&在畫橢圓之前，一般應(yīng)先設(shè)置好線型、顏在畫橢圓之前，一般應(yīng)先設(shè)置好線型、顏色和填充色，如果不滿意，也可事后重新設(shè)色和填充色，如果不滿意，也可事后重新設(shè)置。

11、置。1.在選擇了橢圓、矩形、鋼筆等工具后，線條在選擇了橢圓、矩形、鋼筆等工具后，線條和填充物的顏色面板右上角會(huì)出現(xiàn)和填充物的顏色面板右上角會(huì)出現(xiàn) 按鈕，按鈕，如果先單擊線條顏色面板，再單擊如果先單擊線條顏色面板，再單擊 按鈕，按鈕，會(huì)使繪出的圖形沒有邊線。對(duì)填充物顏色也會(huì)使繪出的圖形沒有邊線。對(duì)填充物顏色也類似。類似。& 各選項(xiàng)的含義與相應(yīng)各選項(xiàng)的含義與相應(yīng)的填充色面板如下：的填充色面板如下：(1)無無 ：無色。：無色。(2) 純色：固定顏色。純色：固定顏色。(3) 線性：顏色線性變線性：顏色線性變化?；?。(4) 放射狀：顏色從中放射狀：顏色從中心向四周放射性心向四周放射性變化。變化。

12、(5) 位圖：表示填充的位圖：表示填充的是圖像是圖像:填充變形按鈕填充變形按鈕 可以編輯漸變顏色或可以編輯漸變顏色或位圖圖像填充，只對(duì)漸進(jìn)色和位圖填充有位圖圖像填充，只對(duì)漸進(jìn)色和位圖填充有效，可以對(duì)所填顏色的范圍，方向等進(jìn)行效，可以對(duì)所填顏色的范圍，方向等進(jìn)行修改以獲得特殊的效果。修改以獲得特殊的效果。二、二、 關(guān)鍵幀動(dòng)畫實(shí)例關(guān)鍵幀動(dòng)畫實(shí)例霓虹燈霓虹燈:主要步驟：主要步驟：&1.新建文件，修改新建文件，修改屬性，將尺寸改為屬性，將尺寸改為400*200&2.雙擊圖層雙擊圖層1，改名為，改名為“文字文字”。選中文字工具，輸入文字。選中文字工具，輸入文字“動(dòng)畫制作動(dòng)畫制作”，修改文

13、字屬性，調(diào)整文字大小、顏色、字體，修改文字屬性，調(diào)整文字大小、顏色、字體等。（等。（此幀是第一幀，是系統(tǒng)默認(rèn)的關(guān)鍵幀此幀是第一幀，是系統(tǒng)默認(rèn)的關(guān)鍵幀，顏色為紫色），顏色為紫色）&3.單擊第單擊第4幀，點(diǎn)擊右鍵，在彈出的菜單中選中幀，點(diǎn)擊右鍵，在彈出的菜單中選中“插入關(guān)鍵幀插入關(guān)鍵幀”（或（或F6鍵）鍵），改變文字的顏色為綠色，改變文字的顏色為綠色&4.單擊第單擊第8幀，點(diǎn)擊右鍵，在彈出的菜單中選中幀，點(diǎn)擊右鍵，在彈出的菜單中選中“插入關(guān)鍵幀插入關(guān)鍵幀”（或（或F6鍵）鍵），改變文字的顏色為黃色。依次在，改變文字的顏色為黃色。依次在12，16，20插插入關(guān)鍵幀，并改變文字的顏色。入關(guān)鍵幀，并改變文字的顏色。&5.文字層做好后鎖上。單擊添加圖層按鈕，添加一個(gè)圖層，文字層做好后鎖上。單擊添加圖層按鈕，添加一個(gè)圖層，并改名為并改名為“燈燈”。&6.選中選中“燈燈”層的第一幀，選擇橢圓工具，繪制橢圓，復(fù)制層的第一幀，選擇橢圓工具，繪制橢圓，復(fù)制n個(gè)橢圓，并排列好。此幀所有的橢圓都是紅色。個(gè)橢圓，并排列好。此幀所有的橢圓