Flash基礎(chǔ)知識(shí)

1、Flash基礎(chǔ)知識(shí)Flash基礎(chǔ)知識(shí)教學(xué)目標(biāo)：【知識(shí)與技能】1. 熟悉Flash的工作界面2. 利用工具欄的工具繪制、修改圖形3. 理解元件的作用，并掌握創(chuàng)建元件的操作4. 了解時(shí)間軸，理解幀、圖層的概念，并掌握幀的操作【過(guò)程與方法】1. 通過(guò)工具提示信息了解工具的用途2. 通過(guò)鼠標(biāo)的形狀變化及形狀區(qū)別其不同的功能3. 學(xué)會(huì)知識(shí)的遷移，把Photoshop所學(xué)的知識(shí)遷移到Flash的學(xué)習(xí)中去。【情感、態(tài)度與價(jià)值觀(guān)】1. 體驗(yàn)信息技術(shù)的發(fā)展使得動(dòng)畫(huà)的設(shè)計(jì)變得簡(jiǎn)單。教學(xué)過(guò)程：【引言】隨著信息技術(shù)的發(fā)展，動(dòng)畫(huà)的實(shí)現(xiàn)也隨之發(fā)生了改變。由以往的手工繪圖并利用機(jī)器快速翻動(dòng)畫(huà)面實(shí)現(xiàn)動(dòng)畫(huà)，到現(xiàn)在只要有一臺(tái)計(jì)算

2、機(jī)就能進(jìn)行制作及實(shí)現(xiàn)。Flash作為一款基于矢量圖形的動(dòng)畫(huà)制作工具，以其出色的表現(xiàn)能力以及快捷方便的操作，贏(yíng)得了IT業(yè)的青睞。它不但能設(shè)計(jì)動(dòng)畫(huà)，還能使動(dòng)畫(huà)擁有交互性，因此，它是多媒體技術(shù)最好的體現(xiàn)。下面讓我們來(lái)學(xué)習(xí)Flash軟件的基礎(chǔ)知識(shí)。并通過(guò)以后的學(xué)習(xí)來(lái)體現(xiàn)其強(qiáng)大的多媒體技術(shù)的魅力?！窘虒W(xué)內(nèi)容】一、利用工具欄繪制簡(jiǎn)單圖形1. 認(rèn)識(shí)工具欄工具欄中的工具使您可以繪制、涂色、選擇和修改插圖，并可以更改舞臺(tái)的視圖，如圖所示。工具欄分為四個(gè)部分： “工具”區(qū)域包含繪畫(huà)、涂色和選擇工具。 “視圖”區(qū)域包含在應(yīng)用程序窗口內(nèi)進(jìn)行縮放和移動(dòng)的工具。 “顏色”區(qū)域包含用于筆觸顏色和填充顏色的功能鍵。 “選項(xiàng)”

3、區(qū)域顯示選定工具的組合鍵，這些組合鍵會(huì)影響工具的涂色或編輯操作?！居^(guān)察并回答】如何知道工具欄中的工具的名稱(chēng)及其用途是什么？Flash給了我們哪些提示？1. 繪制及修改圖形圖形是動(dòng)畫(huà)的基本元素，利用工具欄的工具繪制、修改圖形是FLASH動(dòng)畫(huà)制作的基礎(chǔ)。（1）常用繪制圖形的工具直線(xiàn)工具、橢圓工具、矩形工具、多角星形工具、畫(huà)筆工具、刷子工具。繪制的方式一般都是選中所需工具，并在舞臺(tái)上利用鼠標(biāo)進(jìn)行繪畫(huà)。（2）修改圖形的工具*移動(dòng)工具、部分選取工具、*任意變形工具、橡皮擦工具。這里重點(diǎn)介紹移動(dòng)工具及任意變形工具。 移動(dòng)工具的4種功能：【演示】利用“直線(xiàn)工具”繪制一條直線(xiàn) 選擇“移動(dòng)工具”【觀(guān)察并回答】鼠

4、標(biāo)在不同位置有什么變化？利用用鼠標(biāo)進(jìn)行拖拉操作，實(shí)現(xiàn)以下功能：區(qū)域選擇改變形狀 移動(dòng)端點(diǎn) 移動(dòng) 任意變形工具的功能：【演示】選擇【矩形工具】并繪制矩形 選擇【移動(dòng)工具】框選圖形 選擇【任意變形工具】進(jìn)行以下操作?！咎嵝选咳我庾冃喂ぞ吲cPhotoshop的變形工具的操作基本一樣。按比例縮放 橫向縮放 縱向縮放斜切旋轉(zhuǎn)二、元件的理解【思考并回答】若動(dòng)畫(huà)里需要兩個(gè)形狀（內(nèi)容）相同的圖形，你會(huì)如何操作？若需要多個(gè)形狀（內(nèi)容）相同的圖形，你又會(huì)如何操作？這樣做效率如何？解決辦法：為了使FLASH中的對(duì)象能重復(fù)使用，并能統(tǒng)一管理，我們可以把不同對(duì)象封裝成元件。1. 元件的分類(lèi)：影片剪輯（Movie Cli

5、p）、按鈕（Button）、圖形（Image）圖形與影片剪輯的區(qū)別：圖形元件很適用于靜態(tài)圖像的重復(fù)使用，或創(chuàng)建與主時(shí)間軸關(guān)聯(lián)的動(dòng)畫(huà)。影片剪輯元件有不依賴(lài)主時(shí)間軸的時(shí)間軸。您可以在其他影片剪輯和按鈕內(nèi)添加影片剪輯以創(chuàng)建嵌套的影片剪輯。2. 元件的創(chuàng)建（2種方式）（1） 【插入】菜單 【新建元件】 快捷鍵F8（2） 在舞臺(tái)上把繪制好的圖形框選，在其上點(diǎn)擊右鍵，選擇【轉(zhuǎn)換為元件.】如圖所示。3. 元件的修改（2種方式）（1） 開(kāi)啟“庫(kù)”面板（【窗口】菜單【庫(kù)】 快捷鍵 CtrlL），在“庫(kù)”面板里雙擊需要修改的元件，進(jìn)入編輯界面。（2） 若舞臺(tái)上已有該元件，對(duì)其選中并雙擊，進(jìn)入編輯界面?！居^(guān)察并回答

6、】當(dāng)元件發(fā)生改變，其在舞臺(tái)的上的實(shí)例會(huì)否發(fā)生改變？若改變舞臺(tái)的上的實(shí)例大小、位置，其他實(shí)例會(huì)否改變？三、時(shí)間軸的理解1. 幀與層的理解與膠片一樣，F(xiàn)lash 文檔也將時(shí)長(zhǎng)分為幀。因此幀的多少確定了Flash 動(dòng)畫(huà)的播放時(shí)間。幀（Frame）就是動(dòng)畫(huà)里的一幅靜態(tài)畫(huà)面。幀由一個(gè)或多個(gè)圖層組成。層就像堆疊在一起的多張幻燈膠片一樣，每個(gè)層都包含一個(gè)顯示在舞臺(tái)中的不同圖像。Flash中層的概念與Photoshop中層的概念是一樣的，只是Flash中多了時(shí)間的概念。如圖所示。2. 時(shí)間軸時(shí)間軸用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)。時(shí)間軸的主要組件是層、幀和播放頭。如圖所示。（1） 時(shí)間軸中幀

7、的類(lèi)別關(guān)鍵幀：關(guān)鍵幀是指在動(dòng)畫(huà)中定義的更改所在的幀，或包含修改文檔的幀動(dòng)作的幀?？瞻钻P(guān)鍵幀：沒(méi)有任何對(duì)象的關(guān)鍵幀。補(bǔ)間幀（過(guò)渡幀）：FLASH為關(guān)鍵幀與關(guān)鍵幀之間所創(chuàng)建的動(dòng)畫(huà)過(guò)渡的幀。（2） 幀的操作通過(guò)時(shí)間軸，在幀格上點(diǎn)擊右鍵菜單中可以對(duì)幀進(jìn)行以下操作：【小結(jié)】通過(guò)本節(jié)課的內(nèi)容，我們學(xué)習(xí)了Flash的基本知識(shí)（元件、幀、圖層），并掌握了一些常用的操作（利用工具欄中的工具進(jìn)行繪制、修改圖形；元件的創(chuàng)建；幀的操作）flash 入門(mén)知識(shí)(幀、動(dòng)畫(huà)、元件)一、 幾種類(lèi)型幀的小結(jié)：（關(guān)鍵幀、空白關(guān)鍵幀、普通幀）1. 特點(diǎn)幀是進(jìn)行flash動(dòng)畫(huà)制作的最基本的單位，每一個(gè)精彩的flash動(dòng)畫(huà)都是由很多個(gè)精

8、心雕琢的幀構(gòu)成的，在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其他多種對(duì)象。關(guān)鍵幀顧名思義，有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫(huà)變化、更改狀態(tài)的幀，即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀?？瞻钻P(guān)鍵幀空白關(guān)鍵幀是沒(méi)有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。普通幀在時(shí)間軸上能顯示實(shí)例對(duì)象，但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。2. 區(qū)別1）關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn)，空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn)，普通幀在時(shí)間軸上顯示為灰色填充的小方格2）同一層中，在前一個(gè)關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀，是復(fù)制前一個(gè)關(guān)鍵幀上的對(duì)象，并可對(duì)其進(jìn)行編輯操作；如果插入普通幀，是延續(xù)前一個(gè)關(guān)鍵幀

9、上的內(nèi)容，不可對(duì)其進(jìn)行編輯操作；插入空白關(guān)鍵幀，可清除該幀后面的延續(xù)內(nèi)容，可以在空白關(guān)鍵幀上添加新的實(shí)例對(duì)象。3）關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳本，普通幀上則不能。3. 應(yīng)用中需注意的問(wèn)題1） 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動(dòng)畫(huà)文件的體積；2）盡量避免在同一幀處過(guò)多的使用關(guān)鍵幀，以減小動(dòng)畫(huà)運(yùn)行的負(fù)擔(dān)，使畫(huà)面播放流暢。二、 幾種類(lèi)型動(dòng)畫(huà)的小結(jié)：（幀幀動(dòng)畫(huà)、形變動(dòng)畫(huà)、運(yùn)動(dòng)動(dòng)畫(huà)）1. 特點(diǎn)幀幀動(dòng)畫(huà)是flash動(dòng)畫(huà)最基本的形式，是通過(guò)更改每一個(gè)連續(xù)幀在編輯舞臺(tái)上的內(nèi)容來(lái)建立的動(dòng)畫(huà)形狀補(bǔ)間動(dòng)畫(huà)是在兩個(gè)關(guān)鍵幀端點(diǎn)之間，通過(guò)改變基本圖形的形狀或色彩變化，并由程序自動(dòng)創(chuàng)建中間過(guò)程的形狀變化而實(shí)現(xiàn)的

10、動(dòng)畫(huà)運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)是在兩個(gè)關(guān)鍵幀端點(diǎn)之間，通過(guò)改變舞臺(tái)上實(shí)例的位置、大小、旋轉(zhuǎn)角度、色彩變化等等屬性，并由程序自動(dòng)創(chuàng)建中間過(guò)程的運(yùn)動(dòng)變化而實(shí)現(xiàn)的動(dòng)畫(huà)2. 區(qū)別1）幀幀動(dòng)畫(huà)的每一幀使用單獨(dú)的畫(huà)面，適合于每一幀中的圖像都在更改而不是僅僅簡(jiǎn)單地在舞臺(tái)中移動(dòng)的復(fù)雜動(dòng)畫(huà)。對(duì)需要進(jìn)行細(xì)微改變（比如頭發(fā)飄動(dòng)）的復(fù)雜動(dòng)畫(huà)是很理想的方式。形狀補(bǔ)間在起始端點(diǎn)繪制一個(gè)圖形，再在終止端點(diǎn)繪制另一個(gè)圖形，可以實(shí)現(xiàn)一副圖形變?yōu)榱硪桓眻D形的效果。運(yùn)動(dòng)補(bǔ)間在起始端點(diǎn)定義一個(gè)實(shí)例的位置、大小、色彩等屬性，在終止端點(diǎn)改變這些屬性，可以實(shí)現(xiàn)翻轉(zhuǎn)、漸隱漸現(xiàn)等效果。2）幀幀動(dòng)畫(huà)保存每一幀上的完整數(shù)據(jù)，補(bǔ)間動(dòng)畫(huà)只保存幀之間不同的數(shù)據(jù)，因此

11、運(yùn)用補(bǔ)間動(dòng)畫(huà)相對(duì)于幀幀動(dòng)畫(huà)，可以減小文件體積。3）形狀補(bǔ)間必須是運(yùn)用在被打散的形狀圖形之間，動(dòng)畫(huà)補(bǔ)間必須應(yīng)用在組合、實(shí)例上，幀幀動(dòng)畫(huà)不受此限制。4）幀幀動(dòng)畫(huà)的每一幀都是關(guān)鍵幀，形狀補(bǔ)間動(dòng)畫(huà)幀之間是綠色背景色，兩端由實(shí)線(xiàn)箭頭相連，運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)幀之間是蘭色背景色，兩端也由實(shí)線(xiàn)箭頭相連。3. 應(yīng)用中需注意的問(wèn)題1）如果在創(chuàng)建補(bǔ)間動(dòng)畫(huà)時(shí)，時(shí)間軸上出現(xiàn)虛線(xiàn)箭頭，表示補(bǔ)間不成功，應(yīng)檢查兩個(gè)端點(diǎn)的對(duì)象是不是符合做形狀補(bǔ)間或動(dòng)作補(bǔ)間的對(duì)象。2）可以利用變形提示點(diǎn)來(lái)控制形狀漸變的效果，利用變形提示點(diǎn)，兩端的形狀越簡(jiǎn)單效果越好。三、 基本動(dòng)畫(huà)技巧小結(jié)：（引導(dǎo)線(xiàn)、遮罩）1. 特點(diǎn)引導(dǎo)線(xiàn)動(dòng)畫(huà)可以自定義對(duì)象運(yùn)動(dòng)路徑，可

12、以通過(guò)在對(duì)象上方添加一個(gè)運(yùn)動(dòng)路徑的層，在該層中繪制運(yùn)動(dòng)路線(xiàn)，而讓對(duì)象沿路線(xiàn)運(yùn)動(dòng)，而且可以將多個(gè)層鏈接到一個(gè)引導(dǎo)層，使多個(gè)對(duì)象沿同一個(gè)路線(xiàn)運(yùn)動(dòng)。遮罩動(dòng)畫(huà)是flash中很實(shí)用且最具潛力的功能，利用不透明的區(qū)域和這個(gè)區(qū)域以外的部分來(lái)顯示和隱藏元素，從而增加了運(yùn)動(dòng)的復(fù)雜性，一個(gè)遮罩層可以鏈接多個(gè)被遮罩層。2. 應(yīng)用中需注意的問(wèn)題1）引導(dǎo)層不能用做被遮罩層，遮罩層也不能用做被引導(dǎo)層；2）引導(dǎo)項(xiàng)目之間不能相互勘套，遮罩項(xiàng)目之間也不能相互勘套；引導(dǎo)項(xiàng)目和遮罩項(xiàng)目同樣不能相互勘套；3）線(xiàn)條不能用作遮罩；4）遮罩層顯示形狀，被遮罩層顯示內(nèi)容。四、幾種元件的小結(jié)： （影片剪輯元件、按鈕元件、圖形元件）1. 特點(diǎn)元

13、件是指在flash中創(chuàng)建且保存在庫(kù)中的圖形、按鈕或影片剪輯，可以自始至終在影片或其他影片中重復(fù)使用，是flash動(dòng)畫(huà)中最基本的元素；影片剪輯元件可以理解為電影中的小電影，可以完全獨(dú)立于主場(chǎng)景時(shí)間軸并且可以重復(fù)播放。按鈕元件實(shí)際上是一個(gè)只有4幀的影片剪輯，但它的時(shí)間軸不能播放，只是根據(jù)鼠標(biāo)指針的動(dòng)作做出簡(jiǎn)單的響應(yīng)，并轉(zhuǎn)到相應(yīng)的幀。通過(guò)給舞臺(tái)上的按鈕實(shí)例添加動(dòng)作語(yǔ)句而實(shí)現(xiàn)flash影片強(qiáng)大的交互性。圖形元件是可以重復(fù)使用的靜態(tài)圖像，或連接到主影片時(shí)間軸上的可重復(fù)播放的動(dòng)畫(huà)片段。圖形元件與影片的時(shí)間軸同步運(yùn)行。2. 相同點(diǎn)：幾種元件的相同點(diǎn)是都可以重復(fù)使用，且當(dāng)需要對(duì)重復(fù)使用的元素進(jìn)行修改時(shí)，只需編輯元件，而不必對(duì)所有該元件的實(shí)例一一進(jìn)行修改，flash會(huì)根據(jù)修改的內(nèi)容對(duì)所有該元件的實(shí)例進(jìn)行更新。3. 區(qū)別及應(yīng)用中需注意的問(wèn)題：1）影片剪輯元件、按鈕元件和圖形元件最主要的差別在于，影片剪輯元件和按鈕元件的實(shí)例上都可以加入動(dòng)作語(yǔ)句，圖形元件的實(shí)例上則不能；影片剪輯里的關(guān)鍵幀上可以加入動(dòng)作語(yǔ)句，按鈕元件和圖形元件則不能。2）影片剪輯元件和按鈕元件中都可以加入聲音，圖形元件則不能。3）影片剪輯元件的播放不受場(chǎng)景時(shí)間線(xiàn)長(zhǎng)度的制約，它有元件自身獨(dú)立的時(shí)間線(xiàn)；按鈕元件獨(dú)特的4幀時(shí)間線(xiàn)并不自動(dòng)播放，而只是響