flash電子教案剖析.ppt

Flash8 0 1 初識(shí)FLASH2 對(duì)象編輯工具3 幀操作4 圖層的作用5 元件與圖庫(kù)的編輯 6 動(dòng)畫的基本類型7 動(dòng)畫的控制命令8 聲效控制方法 第一節(jié) 初識(shí)FLASH 1 FLASH8 0操作工作界面的剖析 Flash8 0的操作工作界面 對(duì)象編輯工具 常規(guī)工具欄繪圖工具條 繪圖工具條 隨著Flash軟件版本不斷升級(jí) 其工具越來(lái)越貼近用戶 在使用時(shí)更加得心應(yīng)手 請(qǐng)順序單擊工具條中的工具 了解詳細(xì)情況 幀操作 Flash是一套用來(lái)設(shè)計(jì)動(dòng)畫的軟件 可以在關(guān)鍵幀之間補(bǔ)間或填充幀 從而生成流暢的動(dòng)畫 幀和關(guān)鍵幀在時(shí)間軸中出現(xiàn)的順序決定它們?cè)贔lash應(yīng)用程序中顯示的順序 時(shí)間軸 幀分幀的應(yīng)用 時(shí)間軸 幀 1 時(shí)間軸與幀 2 在時(shí)間軸中處理幀 3 不同幀的符號(hào) 4 幀標(biāo)記與幀注釋 5 幀的操作 6 幀的速度 時(shí)間軸與幀 時(shí)間軸是以時(shí)間為基礎(chǔ)的線性表 讓使用者以時(shí)間的進(jìn)行為基礎(chǔ) 一步步地安排每個(gè)動(dòng)作 在時(shí)間軸中可處理幀和關(guān)鍵幀 將它們按照對(duì)象在幀中出現(xiàn)的順序進(jìn)行排列 在時(shí)間軸中處理幀 可以對(duì)幀或關(guān)鍵幀進(jìn)行如下修改 插入 選擇 刪除和移動(dòng)幀或關(guān)鍵幀 將幀和關(guān)鍵幀拖到同一層中的不同位置 或是拖到不同的層中 拷貝和粘貼幀和關(guān)鍵幀 將關(guān)鍵幀轉(zhuǎn)換為幀 從 庫(kù) 面板中將一個(gè)項(xiàng)目拖動(dòng)到舞臺(tái)上 從而將該項(xiàng)目添加到當(dāng)前的關(guān)鍵幀中 不同幀的符號(hào) 代表移動(dòng)漸變動(dòng)畫 用箭頭來(lái)顯示動(dòng)畫的過(guò)程 代表形狀漸變動(dòng)畫 也用箭頭來(lái)顯示 以移動(dòng)漸變動(dòng)畫不同表現(xiàn)在顏色上 虛線表示在動(dòng)畫的過(guò)程中出了問(wèn)題 這時(shí)需要查看開頭與結(jié)尾的關(guān)鍵幀的屬性 當(dāng)小寫字母 a 出現(xiàn)時(shí) 代表這個(gè)幀已經(jīng)被指定某個(gè)動(dòng)作 當(dāng)播放到這里時(shí) 會(huì)執(zhí)行該動(dòng)作 幀的操作 插入關(guān)鍵幀拷貝和粘貼幀過(guò)渡幀空白關(guān)鍵幀選取所有幀幀 插入關(guān)鍵幀 操作步驟 在時(shí)間軸上選取要插入的關(guān)鍵幀的位置然后點(diǎn)擊鼠標(biāo)右鍵在快捷菜單中選擇 插入關(guān)鍵幀 或者按快捷鍵F6 提示 若要?jiǎng)h除關(guān)鍵幀 只要選定關(guān)鍵幀 然后單擊鼠標(biāo)右鍵 在快捷菜單中選擇 清除關(guān)鍵幀 即可 拷貝和粘貼幀 操作步驟 先選擇要拷貝的一個(gè)幀或多個(gè)幀在被選定的幀上單擊鼠標(biāo)右鍵 從快捷菜單中選擇 復(fù)制幀 命令在需要進(jìn)行粘貼的位置單擊鼠標(biāo)右鍵 從快捷菜單中選擇 粘貼幀 過(guò)渡幀 過(guò)渡幀用來(lái)連接兩個(gè)相鄰的關(guān)鍵幀 過(guò)渡幀可以有不同的形態(tài) 空白關(guān)鍵幀之間的過(guò)渡 移動(dòng)漸變動(dòng)畫產(chǎn)生的過(guò)渡幀 無(wú)移動(dòng)漸變動(dòng)畫之間的過(guò)渡幀 過(guò)渡幀是不可進(jìn)行編輯的 空白關(guān)鍵幀 空白關(guān)鍵幀指在一個(gè)關(guān)鍵幀里沒(méi)有添加任何對(duì)象 注意 使用 插入 菜單中的 插入關(guān)鍵幀 命令定義的影格 即使里面不添加對(duì)象 也不能叫空白關(guān)鍵幀 選取所有幀 操作方法 在圖層欄的空白處單擊 即可選中所有有效幀 在影格編輯區(qū)單擊鼠標(biāo)右鍵 從快捷菜單中選擇 選擇所有幀 也可選中所有有效幀 選取所有幀后的效果 幀 操作方法 執(zhí)行 插入 時(shí)間軸 幀 命令 可在選定的幀后插入和選定幀相同的過(guò)渡幀 如果選擇的是個(gè)空白幀 就可在此幀后添加相同的過(guò)渡幀 插入前 插入后 幀的速度 視覺(jué)暫留 現(xiàn)象 所以一般的影片幀頻都是24幀 秒以上 才能產(chǎn)生連續(xù)動(dòng)作的效果 幀數(shù)越多動(dòng)畫文件越大 在網(wǎng)絡(luò)上播放時(shí) 就有可能出現(xiàn)問(wèn)題 一般情況下 建議每秒鐘播放12幀左右 修改Flash動(dòng)畫的幀的速度 分幀的應(yīng)用 為了能夠觀察動(dòng)畫的細(xì)節(jié) 此時(shí)就需要用到分幀顯示 如何顯示分幀圖改變分幀顯示的方式 如何顯示分幀圖 按下時(shí)間軸下方的 分幀途中的所有關(guān)鍵幀上的圖案都可隨時(shí)編輯 按下時(shí)間軸下方的 可將動(dòng)作對(duì)象分幀顯示 按下時(shí)間軸下方的 分幀圖以輪廓線形式顯現(xiàn) 改變分幀顯示的方式 顯示分幀時(shí) 除了可以指定只顯示輪廓邊框外 也可以指定顯示分幀圖的張數(shù) 只要按下時(shí)間軸下方的 就可以從下拉菜單中選擇不同的幀數(shù) 圖層的作用 圖層的概念創(chuàng)建圖層修改層選取圖層刪除圖層鎖定 解鎖圖層 圖層的重命名圖層的屬性設(shè)置改變圖層的次序查看層引導(dǎo)圖層遮罩層 圖層的概念 圖層就像透明的紙一樣 在舞臺(tái)上一層層地向上疊加 圖層可以幫助用戶組織文檔中的插圖 作用 可以在不影響其他圖層上的對(duì)象的情況下 在一個(gè)圖層上繪制并編輯對(duì)象可以利用引導(dǎo)層使繪畫和編輯更加容易可以利用遮罩層幫助動(dòng)畫創(chuàng)建豐富多彩的效果 創(chuàng)建圖層 當(dāng)打開Flash的時(shí)候 在默認(rèn)的情況下只有一個(gè)圖層 若要新增圖層 操作 執(zhí)行 插入 菜單下的 圖層 命令單擊時(shí)間軸上的 單擊紅色框體部分圖層 修改層 操作過(guò)程 要繪制 上色或者對(duì)圖層或文件夾進(jìn)行修改 需要在時(shí)間軸中激活該圖層 當(dāng)圖層名字旁邊出現(xiàn)一個(gè)鉛筆圖標(biāo)時(shí) 表示該圖層是當(dāng)前工作圖層 在工作圖層中可進(jìn)行相應(yīng)修改操作 選取圖層 方法 單擊時(shí)間軸上的圖層名稱單擊屬于該層時(shí)間軸上的任意一幀在編輯區(qū)選擇該層中舞臺(tái)的對(duì)象若要同時(shí)選擇多個(gè)圖層 可先按住Shift鍵或者是Ctrl鍵 再單擊所要選擇的圖層名稱 刪除圖層 方法單擊右鍵要?jiǎng)h除的圖層 再快捷菜單中選擇 刪除圖層 選項(xiàng)單擊時(shí)間軸上的按鈕將要?jiǎng)h除的圖層用鼠標(biāo)拖動(dòng)到上 鎖定 解鎖圖層 單擊圖層名字右邊的鎖定欄 就可以鎖定圖層 再次單擊鎖定欄可解除堆圖層的鎖定 可單擊按鈕 可將所有的圖層鎖定 再次單擊就可解除對(duì)所有的圖層的鎖定在按住Alt鍵后 單擊任意一個(gè)圖層上的鎖定欄 可鎖定或解除此圖層外的所有圖層在按住Ctrl鍵后單擊任意一個(gè)圖層可鎖定或解除所有圖層 圖層的重命名 在無(wú)命名情況下 新圖層會(huì)按創(chuàng)建順序自動(dòng)命名 對(duì)圖層重命名可更好管理圖層 方法 用鼠標(biāo)雙擊該圖層名稱 當(dāng)高亮顯示文字時(shí)可直接輸入新名稱 最后再按回車鍵即可 用鼠標(biāo)點(diǎn)擊某圖層 從快捷菜單中選擇 屬性 選項(xiàng) 這時(shí)會(huì)彈出 圖層屬性 對(duì)話框 可利用對(duì)話框中的各種參數(shù)設(shè)定新圖層 圖層的屬性設(shè)置 在任意的圖層上單擊鼠標(biāo)右鍵都會(huì)彈出快捷菜單 選擇其中的 屬性 項(xiàng) 可以在打開的圖層屬性對(duì)話框中設(shè)置各種參數(shù) 改變圖層的次序 由于圖層就像透明的紙一樣 在舞臺(tái)上一層層地向上疊加 因此圖層順序?qū)?huì)影響對(duì)象的顯示效果 操作步驟 將鼠標(biāo)移動(dòng)到要改變圖層順序的層上 并按住鼠標(biāo)左鍵不放向上或向下移動(dòng) 在拖動(dòng)過(guò)程中 會(huì)看到一條虛線隨著鼠標(biāo)移動(dòng) 將該虛線移動(dòng)到想要的位置 放開鼠標(biāo)即可 查看層 時(shí)間軸中圖層或文件夾名稱旁邊的表示它處于隱藏狀態(tài) 若要顯示只需用鼠標(biāo)再次單擊 被隱藏的圖層可輸出但不能進(jìn)行編輯 顯示或隱藏圖層 引導(dǎo)圖層 使用引導(dǎo)圖層可制作出沿自定義路徑進(jìn)行運(yùn)動(dòng)的動(dòng)畫 引導(dǎo)層是用層名稱左側(cè)的輔助線圖標(biāo)表示的 用戶必須在對(duì)象所屬的圖層中增加一個(gè)參照層 而且引導(dǎo)圖層不會(huì)出現(xiàn)在發(fā)布后的電影中 引導(dǎo)層動(dòng)畫實(shí)例 添加引導(dǎo)層的操作步驟 步驟1 新建一個(gè)文件 然后執(zhí)行 插入 菜單下的 新建元件 選項(xiàng) 新建元件 對(duì)話框 遮罩層 Flash的遮罩層與Photoshop里的蒙板概念很相似 使用遮罩功能可以產(chǎn)生類似聚光燈掃射的效果 也可以把多個(gè)圖層聚合在一個(gè)遮罩層下邊 因此產(chǎn)生豐富多彩的效果 遮罩層動(dòng)畫實(shí)例 遮罩層操作實(shí)例 步驟1 新建一個(gè)文件 然后在元件庫(kù)里新增一個(gè)元件 用文本工具輸入 Welcome 如圖所示 輸入文字 元件與圖庫(kù)的編輯 1 元件 2 庫(kù)的應(yīng)用 3 編輯元件 元件 元件是可反復(fù)取出使用的圖形 按鈕或一段小動(dòng)畫 元件中的小動(dòng)畫可獨(dú)立于主動(dòng)畫進(jìn)行播放 它是由多個(gè)獨(dú)立的元素合并而成的 因此縮小了文件的存儲(chǔ)空間 元件的類型創(chuàng)建元件的方法 元件的類型 影片剪輯元件是一段flash動(dòng)畫 它是主動(dòng)畫的一個(gè)組成部分 它可獨(dú)立于主動(dòng)畫進(jìn)行播放 按鈕元件用于創(chuàng)建動(dòng)畫的交互控制按鈕 以響應(yīng)鼠標(biāo)事件 如單擊 滑過(guò)等 圖形元件是可反復(fù)使用的圖形 可以是只含一幀的靜止圖片 也可以制作成由多個(gè)幀組成的動(dòng)畫 創(chuàng)建元件的方法 利用菜單命令新建元件將對(duì)象轉(zhuǎn)換為元件將動(dòng)畫轉(zhuǎn)換為影片元件創(chuàng)建按鈕 庫(kù)的應(yīng)用 庫(kù)存放了編輯動(dòng)畫需要的各種元件 這些元件可以隨時(shí)調(diào)出使用 若將元件調(diào)出放到場(chǎng)景中 就生成了該元件的一個(gè)實(shí)例 庫(kù)面板在文檔之間拷貝庫(kù)資源使用庫(kù)資源 庫(kù)面板 打開庫(kù)面板 單擊 窗口 庫(kù) 命令或按 F11 鍵 庫(kù)面板中各按鈕的功能 寬庫(kù)視圖按鈕 用于展開圖庫(kù)顯示各元件的名稱 類型 使用次數(shù)和最后依次改動(dòng)的時(shí)間等內(nèi)容 窄庫(kù)視圖按鈕 使庫(kù)面板變窄 切換排序順序按鈕 改變各元件的排列順序新建元件按鈕 單擊它可新建元件 新建文件夾按鈕 可新建文件夾 屬性按鈕 調(diào)整庫(kù)中元件屬性 刪除按鈕 刪除庫(kù)中的元件或文件夾 在文檔之間拷貝庫(kù)資源 通過(guò)拷貝和粘貼來(lái)拷貝庫(kù)資源通過(guò)拖動(dòng)來(lái)復(fù)制庫(kù)資源通過(guò)在目標(biāo)文檔中打開源文檔的庫(kù)來(lái)復(fù)制庫(kù)資源 使用庫(kù)資源 共享庫(kù)資源可以在多個(gè)目標(biāo)文檔中使用源文檔資源 可使用兩種方法共享庫(kù)資源 對(duì)于運(yùn)行時(shí)共享資源 源文檔的資源是以外部文件的形式鏈接到目標(biāo)文檔中的 對(duì)于創(chuàng)作期間的共享資源 可以用本地網(wǎng)絡(luò)上任何其他可用元件來(lái)更新或替換正在創(chuàng)作的文檔中的任何元件 編輯元件 圖形元件屬性面板按鈕元件屬性面板 動(dòng)畫的基本類型 1 逐幀動(dòng)畫 2 運(yùn)動(dòng)漸變動(dòng)畫 逐幀動(dòng)畫 逐幀動(dòng)畫是由許多單個(gè)的關(guān)鍵幀組合而成的 適合制作一個(gè)動(dòng)畫在每個(gè)幀上都有關(guān)鍵性變化的情況 要?jiǎng)?chuàng)建逐幀動(dòng)畫 需要將每個(gè)幀都定義為關(guān)鍵幀 然后給每個(gè)幀創(chuàng)建不同的圖像 逐幀動(dòng)畫實(shí)例 創(chuàng)建逐幀動(dòng)畫實(shí)例 步驟1 新建一個(gè)文件 利用屬性面板可以設(shè)置場(chǎng)景為合適的大小和背景色 步驟2 選擇第1幀作為逐幀動(dòng)畫的起始幀 單擊右鍵 在彈出的下拉菜單中選擇 插入關(guān)鍵幀 運(yùn)動(dòng)漸變動(dòng)畫 運(yùn)動(dòng)漸變動(dòng)畫的創(chuàng)建運(yùn)動(dòng)漸變實(shí)際上是一個(gè)對(duì)象移動(dòng)的兩點(diǎn)關(guān)鍵幀間的變化 在兩個(gè)關(guān)鍵幀上可分別定義不同的屬性 如尺寸 顏色 角度等 運(yùn)動(dòng)漸變動(dòng)畫實(shí)例形狀漸變動(dòng)畫的創(chuàng)建形狀漸變動(dòng)畫與運(yùn)動(dòng)漸變一樣 但更主要的是外形的改變 形狀漸變動(dòng)畫創(chuàng)建實(shí)例 運(yùn)動(dòng)漸變動(dòng)畫的創(chuàng)建實(shí)例 步驟1 新建一個(gè)文件 利用屬性面板設(shè)置場(chǎng)景為合適的大小和背景色 步驟2 從電腦中導(dǎo)入圖片作為動(dòng)畫的主體 形狀漸變動(dòng)畫創(chuàng)建實(shí)例 聲效控制方法 在Flash中有兩類聲音 事件聲音和音頻流 事件聲音必須完全下載后才能開始播放 除非明確停止 它將一直連續(xù)播放 音頻流在前幾幀下載了足夠的數(shù)據(jù)后就開始播放 可通過(guò)和時(shí)間軸同步以在Web站點(diǎn)上播放 導(dǎo)入聲音向文檔中添加聲音給按鈕添加聲音 導(dǎo)入聲音 操作 選擇 文件 導(dǎo)入 導(dǎo)入到庫(kù) 可導(dǎo)入到Flash的聲音文件格式 WAV AIFF 僅限Macintosh MP3如果安裝了QuickTime4或更高版本 可導(dǎo)入附加的聲音文件格式 AIFF SoundDesignerII 僅限Macintosh 只有聲音的QuickTime影片 SunAU System7聲音 僅限Macintosh WAV 向文檔中添加聲音 使用