flash教程第一課---逐幀動畫

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

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

3、 補間動畫 形狀補間 動作補間 Flash交互型動畫 Flash動畫 關鍵幀動 畫 搖曳的燭光 動作補間 過山車 形狀補間 圖形變變變 動畫文件的存儲格式動畫文件的存儲格式 v 源文件：源文件：（可以查看代碼并可修改）：（可以查看代碼并可修改）：*.fla v GIFGIF格式格式 沒有交互作用的普通二維動畫。沒有交互作用的普通二維動畫。 v SWFSWF格式格式 制作完成后的動畫類型作品，只能用制作完成后的動畫類型作品，只能用FlashFlash播放器播放器 播放，不能編輯和修改，具有交互特征。播放，不能編輯和修改，具有交互特征。 Flash 8界面介紹 第第1717頁頁 v 場景就像舞臺，

4、舞臺由特定的大小、音響、燈光等條場景就像舞臺，舞臺由特定的大小、音響、燈光等條 件組成，同樣，一幕場景需要固定的件組成，同樣，一幕場景需要固定的分辨率分辨率、幀頻幀頻、 背景背景等。等。 v 在編輯在編輯FlashFlash動畫之前應先在屬性面板中設置好所需的動畫之前應先在屬性面板中設置好所需的 參數(shù)。參數(shù)。 Flash 8工作環(huán)境 第第1818頁頁 v 主要用于創(chuàng)建動畫和控制動畫的播放等操作。時間軸主要用于創(chuàng)建動畫和控制動畫的播放等操作。時間軸 的左側(cè)是圖層區(qū)，右側(cè)是時間線控制區(qū)，由的左側(cè)是圖層區(qū)，右側(cè)是時間線控制區(qū)，由播放指針播放指針、 幀幀、時間軸標尺時間軸標尺及及狀態(tài)欄狀態(tài)欄組成。組成

5、。 Flash 8工作環(huán)境 第第1919頁頁 v 幀幀：最小單位的單幅影像畫面，最小單位的單幅影像畫面， 相當于電影膠片上的每一格鏡頭。相當于電影膠片上的每一格鏡頭。 v 圖層圖層：一個圖層，猶如一張透明：一個圖層，猶如一張透明 的紙，上面可以繪制任何事物或書的紙，上面可以繪制任何事物或書 寫任何文字，所有的圖層疊合在一寫任何文字，所有的圖層疊合在一 起，就組成了一幅完整的畫。起，就組成了一幅完整的畫。 Flash 8工作環(huán)境 :繪圖工具欄：繪圖工具欄： &用于編輯圖形和文本用于編輯圖形和文本 的各種工具，可以繪圖，的各種工具，可以繪圖， 選取，噴涂，修改以及選取，噴涂，修改以及 編排文字；編

6、排文字； &在選擇了某一工具時，在選擇了某一工具時， 其所對應的修改器其所對應的修改器 (Modifier)也會在工具也會在工具 條下面的位置出現(xiàn)，修條下面的位置出現(xiàn)，修 改器的作用是改變相應改器的作用是改變相應 工具對圖形處理的效果。工具對圖形處理的效果。 1.基礎圖形（方形、圓形等） 閉合圖形閉合圖形構(gòu)成構(gòu)成： 輪廓線輪廓線 填充填充 閉合圖形閉合圖形繪制步驟繪制步驟： 1.1.選中適合的繪圖工具選中適合的繪圖工具 基礎圖形的繪制工具（方形、圓形等）基礎圖形的繪制工具（方形、圓形等） 復雜圖形的繪制工具復雜圖形的繪制工具 （鋼筆工具）、（鋼筆工具）、 （鉛筆工具）（鉛筆工具） 2.2.修改

7、圖形的輪廓修改圖形的輪廓 選擇工具：選中對象、變形（鼠標后跟隨弧形）選擇工具：選中對象、變形（鼠標后跟隨弧形） 部分選擇工具：通過節(jié)點的調(diào)整變形部分選擇工具：通過節(jié)點的調(diào)整變形 任意變形工具：通過節(jié)點任意變形任意變形工具：通過節(jié)點任意變形 3.3.輪廓、填充屬性的設置輪廓、填充屬性的設置 窗口窗口顏色顏色 3.3.輪廓、填充屬性的設置輪廓、填充屬性的設置 輪廓：線條的輪廓：線條的顏色、粗細、樣式顏色、粗細、樣式等等 填充：填充：顏色、模式顏色、模式 4. 4. 填充效果的改變填充效果的改變 填充變形工具填充變形工具 5. 5. 輪廓或填充的刪除輪廓或填充的刪除 方法方法1 1：選中后，：選中后

8、，DeleteDelete刪除刪除 方法方法2 2：繪制設置為：繪制設置為 或或 :原理原理：每個關鍵幀一個不同的畫面，由于畫面之間的：每個關鍵幀一個不同的畫面，由于畫面之間的 間隔很短（間隔很短（flash中默認的播放速度是中默認的播放速度是12幀幀/秒），因此秒），因此 給人動的感覺。給人動的感覺。 :步驟：步驟： &在第一個關鍵幀（第一幀為默認的關鍵幀）做好需在第一個關鍵幀（第一幀為默認的關鍵幀）做好需 要的畫面要的畫面 &在后面的幀中選定一幀點擊右鍵在后面的幀中選定一幀點擊右鍵插入關鍵幀插入關鍵幀 （或空白關鍵幀，插入關鍵幀則繼承前面畫面的內(nèi)（或空白關鍵幀，插入關鍵幀則繼承前面畫面的內(nèi)

9、 容，可只做修改。插入空白關鍵幀則本畫面需要重容，可只做修改。插入空白關鍵幀則本畫面需要重 新做，兩者視具體情況定）新做，兩者視具體情況定） &重復第二步重復第二步 二、二、 關鍵幀動畫實例關鍵幀動畫實例霓虹燈霓虹燈 :所用工具：所用工具：文字工具文字工具，橢圓工具橢圓工具,黑色箭頭工具黑色箭頭工具 :文字工具：文字工具： 點擊點擊 按鈕按鈕 進入文字編輯狀態(tài)，在空白區(qū)單擊，可無寬度進入文字編輯狀態(tài)，在空白區(qū)單擊，可無寬度 限制的輸入文字。限制的輸入文字。 設置文本的屬性設置文本的屬性 可通過文本菜單或文本屬性面板設置字體、字型、顏色等文可通過文本菜單或文本屬性面板設置字體、字型、顏色等文 字

10、屬性。字屬性。 :橢圓繪圖工具：橢圓繪圖工具： :作用：畫圓作用：畫圓/橢圓。橢圓。 &按住按住SHIFT鍵時，用橢圓工具可以畫出正圓。鍵時，用橢圓工具可以畫出正圓。 :操作方法：操作方法： &選取橢圓工具，在工作區(qū)中按下左鍵拖動即可得到一個有填選取橢圓工具，在工作區(qū)中按下左鍵拖動即可得到一個有填 充色的橢圓。充色的橢圓。 &畫出的橢圓通常既有填充色，又有邊線色，可將邊框與填充畫出的橢圓通常既有填充色，又有邊線色，可將邊框與填充 部分分離；部分分離； 1. 選中邊框線或填充色后，通過相應的調(diào)色板可重新填色或改選中邊框線或填充色后，通過相應的調(diào)色板可重新填色或改 變邊框的顏色。變邊框的顏色。 :

11、說明：說明： &在畫橢圓之前，一般應先設置好線型、顏在畫橢圓之前，一般應先設置好線型、顏 色和填充色，如果不滿意，也可事后重新設色和填充色，如果不滿意，也可事后重新設 置。置。 1.在選擇了橢圓、矩形、鋼筆等工具后，線條在選擇了橢圓、矩形、鋼筆等工具后，線條 和填充物的顏色面板右上角會出現(xiàn)和填充物的顏色面板右上角會出現(xiàn) 按鈕，按鈕， 如果先單擊線條顏色面板，再單擊如果先單擊線條顏色面板，再單擊 按鈕，按鈕， 會使繪出的圖形沒有邊線。對填充物顏色也會使繪出的圖形沒有邊線。對填充物顏色也 類似。類似。 & 各選項的含義與相應各選項的含義與相應 的填充色面板如下：的填充色面板如下： (1)無無 ：無

12、色。：無色。 (2) 純色：固定顏色。純色：固定顏色。 (3) 線性：顏色線性變線性：顏色線性變 化?；?(4) 放射狀：顏色從中放射狀：顏色從中 心向四周放射性心向四周放射性 變化。變化。 (5) 位圖：表示填充的位圖：表示填充的 是圖像是圖像 :填充變形按鈕填充變形按鈕 可以編輯漸變顏色或可以編輯漸變顏色或 位圖圖像填充，只對漸進色和位圖填充有位圖圖像填充，只對漸進色和位圖填充有 效，可以對所填顏色的范圍，方向等進行效，可以對所填顏色的范圍，方向等進行 修改以獲得特殊的效果。修改以獲得特殊的效果。 二、二、 關鍵幀動畫實例關鍵幀動畫實例霓虹燈霓虹燈 :主要步驟：主要步驟： &1.新建文件

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