Flash必備基礎(chǔ)知識(shí)和基本操作

第第 1 節(jié)節(jié) Flash 基礎(chǔ)知識(shí)和基本操作基礎(chǔ)知識(shí)和基本操作 一 一 Flash 工作界面工作界面 Flash 工作界面的主要組成部分 1 舞臺(tái) 也稱為 工作區(qū) 或 編輯區(qū) 是進(jìn)行繪圖和編輯動(dòng)畫的地方 2 場(chǎng)景 用來(lái)組織不同主題的動(dòng)畫 畫面 3 時(shí)間軸窗口 包括時(shí)間軸和圖層 是進(jìn)行 flash 動(dòng)畫創(chuàng)作和編輯的重要工具 4 工具箱 用于進(jìn)行圖形的繪制和編輯 5 元件庫(kù) 用來(lái)存放和組織可反復(fù)使用的動(dòng)畫元件 這些元件也稱為符號(hào) 6 面板 提供 flash 對(duì)象的各種信息 如圖形的屬性 幀的屬性等 二 二 Flash 新建動(dòng)畫文件的方法新建動(dòng)畫文件的方法 1 使用開始頁(yè)創(chuàng)建動(dòng)畫文件 2 使用菜單命令新建動(dòng)畫文件 3 使用按鈕工具新建動(dòng)畫文件 4 根據(jù)模板新建動(dòng)畫文件 三 三 Flash 動(dòng)畫文件的創(chuàng)建步驟動(dòng)畫文件的創(chuàng)建步驟 1 新建動(dòng)畫文件 文件 新建 常規(guī) Flash 文檔 2 設(shè)置動(dòng)畫文件的屬性 在編輯窗口中擊右鍵 選擇 文檔屬性 3 預(yù)覽和測(cè)試動(dòng)畫文件 1 選擇 控制 2 按鍵 或 鍵 3 按鍵取消測(cè)試 4 保存文件 文件 保存 另存為 則保存為 Flash 源文件的標(biāo)準(zhǔn)格式 擴(kuò)展名為 fla 5 導(dǎo)出文件 文件 導(dǎo)出 Flash 提供多種導(dǎo)出格式 可以是影片 圖形 聲音 圖 像 等多種文件格式 工 具 箱 舞 臺(tái) 屬 性 面 板 元 件 庫(kù) 各 種 面 板 組 合 四 動(dòng)畫文件創(chuàng)建實(shí)例 快樂的小鴨 略 第第 2 節(jié)節(jié) Flash 圖形編輯 工具箱 圖形編輯 工具箱 Flash 既可以處理位圖 又可以處理矢量圖 Flash 中的圖形編輯主要依賴于工具箱 它提供了繪制 編輯圖形的全套工具 是制作 動(dòng)畫過程中使用最多的工具面板 工具箱分為四個(gè)部分 繪圖工具 視圖工具 顏色工具 和輔助選項(xiàng) 第第 3 節(jié)節(jié) 創(chuàng)建創(chuàng)建 Flash 動(dòng)畫動(dòng)畫 一 一 Flash 動(dòng)畫的分類動(dòng)畫的分類 1 逐幀動(dòng)畫 動(dòng)畫中的每一幀的內(nèi)容都需要修改 它適合于每一幀中的圖像都需要更改 的復(fù)雜動(dòng)畫 2 補(bǔ)間動(dòng)畫 補(bǔ)間動(dòng)畫是一種隨時(shí)間移動(dòng)或更改的動(dòng)畫 補(bǔ)間動(dòng)畫只需要?jiǎng)?chuàng)建起始幀和 結(jié)束幀 中間幀則由 Flash 自動(dòng)創(chuàng)建 分類 形狀補(bǔ)間動(dòng)畫 動(dòng)作補(bǔ)間動(dòng)畫 3 時(shí)間軸特效 時(shí)間軸特效大致包括變形 轉(zhuǎn)換 分離和展開等 可以很方便地將對(duì)象制 作成為動(dòng)畫 一般情況下 可以對(duì)文本 圖形 位圖圖像和按鈕元件等對(duì)象應(yīng) 用時(shí)間軸特效 操作步驟 首先選擇好對(duì)象 將其轉(zhuǎn)換為矢量圖 文字要打散 B B 再對(duì)其應(yīng)用特效即可 插入 時(shí)間軸特效 4 特殊動(dòng)畫 即以上動(dòng)畫的靈活應(yīng)用 1 引導(dǎo)動(dòng)畫 路徑動(dòng)畫 引導(dǎo)動(dòng)畫是 Flash 的一種特殊動(dòng)畫方式 它的實(shí)質(zhì)是讓實(shí)例沿著一定的路 徑運(yùn)動(dòng) 2 遮罩動(dòng)畫是 Flash 的另一種特殊動(dòng)畫方式 它的實(shí)質(zhì)是遮罩層中的物 體以透明方式顯示 被遮罩層中的物體只能透過遮罩層中物體顯示出來(lái) 即被 遮住的物體看見 未被遮住的物體看見 3 文字特效 文字特效是指文字的顯示效果 可以是靜態(tài)效果 如立體文字 彩虹文字 空心文字等 還可以是動(dòng)態(tài)效果 如探照燈文字 鏡飄文字 變形文字和滾動(dòng) 字幕文字等 第第 8 周教學(xué)內(nèi)容周教學(xué)內(nèi)容 1 逐幀動(dòng)畫 動(dòng)畫中的每一幀的內(nèi)容都需要修改 它適合于每一幀中的圖像都需要更改 的復(fù)雜動(dòng)畫 2 時(shí)間軸特效 1 文字時(shí)間軸特效 輸入文字 文字打散 文字打散 B B 重復(fù)兩次重復(fù)兩次 插入 時(shí)間軸特效 觀察 幀的變化 自動(dòng)生成中間的幀 最后一幀為普通幀 顏色的變化 2 物體旋動(dòng)動(dòng)畫 例 5 1 注意 在第 30 幀處時(shí)插入幀 則自動(dòng)將圖像轉(zhuǎn)換為矢量圖 最后一幀為普通幀 3 物體運(yùn)動(dòng)動(dòng)畫 例 5 2 注意 將物體轉(zhuǎn)換為矢量圖 B B 在對(duì)話框中選項(xiàng)的設(shè)置 3 補(bǔ)間動(dòng)畫 補(bǔ)間動(dòng)畫是一種隨時(shí)間移動(dòng)或更改的動(dòng)畫 補(bǔ)間動(dòng)畫只需要?jiǎng)?chuàng)建起始幀和 結(jié)束幀 中間幀則由 Flash 自動(dòng)創(chuàng)建 其中起始幀和結(jié)束幀必須是關(guān)鍵幀 1 形狀補(bǔ)間動(dòng)畫 一個(gè)圖像形狀漸變?yōu)榱硪粋€(gè)圖像形狀 或一個(gè)畫面變?yōu)榱硗庖粋€(gè)畫面 或 文字 形狀補(bǔ)間動(dòng)畫是根據(jù)對(duì)象的形狀變化來(lái)實(shí)現(xiàn)的動(dòng)畫 只需給出動(dòng)畫的第一 幀和最后一幀的對(duì)象形狀 中間的動(dòng)畫過程由系統(tǒng)自動(dòng)生成 實(shí)現(xiàn)形狀動(dòng)畫的 前提條件是 對(duì)象必須為矢量圖形 如果要對(duì)文本 組或符號(hào)創(chuàng)建形狀補(bǔ)間動(dòng) 畫 首先需要按 B 將其打散 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 將圖片打散 將其變?yōu)槭噶繄D形 將圖片打散 將其變?yōu)槭噶繄D形 B B 重復(fù)兩次重復(fù)兩次 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對(duì)象 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對(duì)象 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 形狀形狀 或或預(yù)覽 預(yù)覽 觀察 幀的變化 自動(dòng)生成中間的幀 最后一幀為關(guān)鍵幀 2 動(dòng)作補(bǔ)間動(dòng)畫 動(dòng)作補(bǔ)間動(dòng)畫的原理是根據(jù)實(shí)例屬性的變化來(lái)形成動(dòng)畫效果 它的前提是對(duì)象必須是 一個(gè)元件的實(shí)例 文本或組 分離的對(duì)象不能形成動(dòng)作補(bǔ)間動(dòng)畫 對(duì)于在繪制的圖形 一 定要將圖形組合或轉(zhuǎn)換為元件之后 才能形成動(dòng)作補(bǔ)間動(dòng)畫 動(dòng)作補(bǔ)間動(dòng)畫實(shí)際上就是給一個(gè)對(duì)象的兩個(gè)關(guān)鍵幀分別定義不同的屬性 在這兩個(gè)關(guān) 鍵幀之間建立一種變化關(guān)系 動(dòng)作補(bǔ)間動(dòng)畫的實(shí)體的運(yùn)動(dòng)為直線運(yùn)動(dòng) 其兩個(gè)幀均為關(guān)鍵 幀 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 選擇整個(gè)對(duì)象 將其轉(zhuǎn)換為圖形類元件 選擇整個(gè)對(duì)象 將其轉(zhuǎn)換為圖形類元件 在后面的插入一個(gè)關(guān)鍵幀 在后面的插入一個(gè)關(guān)鍵幀 在結(jié)束幀上移動(dòng)對(duì)象的位置 并設(shè)置對(duì)象大小等屬性 在結(jié)束幀上移動(dòng)對(duì)象的位置 并設(shè)置對(duì)象大小等屬性 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 動(dòng)畫動(dòng)畫 或或預(yù)覽 預(yù)覽 觀察 幀的變化 自動(dòng)生成中間的幀 最后一幀為關(guān)鍵幀 常用快捷鍵 常用快捷鍵 插入擴(kuò)展幀插入擴(kuò)展幀 插入關(guān)鍵幀插入關(guān)鍵幀 插入空白關(guān)鍵幀插入空白關(guān)鍵幀 將對(duì)象轉(zhuǎn)換為圖形類元件將對(duì)象轉(zhuǎn)換為圖形類元件 第第 10 周教學(xué)內(nèi)容 周教學(xué)內(nèi)容 4 22 復(fù)習(xí)舊知識(shí) 補(bǔ)間動(dòng)畫的制作復(fù)習(xí)舊知識(shí) 補(bǔ)間動(dòng)畫的制作 1 形狀補(bǔ)間動(dòng)畫 形狀補(bǔ)間動(dòng)畫 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 將圖片打散 將其變?yōu)槭噶繄D形 將圖片打散 將其變?yōu)槭噶繄D形 B B 重復(fù)兩次重復(fù)兩次 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對(duì)象 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對(duì)象 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 形狀形狀 或或預(yù)覽 預(yù)覽 2 運(yùn)動(dòng)補(bǔ)間動(dòng)畫 運(yùn)動(dòng)補(bǔ)間動(dòng)畫 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 選擇整個(gè)對(duì)象 將其轉(zhuǎn)換為圖形類元件 選擇整個(gè)對(duì)象 將其轉(zhuǎn)換為圖形類元件 在后面的插入一個(gè)關(guān)鍵幀 在后面的插入一個(gè)關(guān)鍵幀 在結(jié)束幀上移動(dòng)對(duì)象的位置 并設(shè)置對(duì)象大小等屬性 在結(jié)束幀上移動(dòng)對(duì)象的位置 并設(shè)置對(duì)象大小等屬性 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 動(dòng)畫動(dòng)畫 或或預(yù)覽 預(yù)覽 第第 10 周教學(xué)內(nèi)容 周教學(xué)內(nèi)容 4 22 新課內(nèi)容 新課內(nèi)容 4 特殊動(dòng)畫 特殊動(dòng)畫 1 引導(dǎo)動(dòng)畫 路徑動(dòng)畫 引導(dǎo)動(dòng)畫是 Flash 的一種特殊動(dòng)畫方式 它的實(shí)質(zhì)是讓實(shí)例沿著一定的路 徑運(yùn)動(dòng) 例例 1 運(yùn)動(dòng)小圓 運(yùn)動(dòng)小圓 操作步驟 操作步驟 插入插入 新元件新元件 圖形圖形 在元件窗口中將有一個(gè) 在元件窗口中將有一個(gè) 在元件窗口中 使用橢圓工具畫一個(gè)小圓 單擊任意變形工具 將小圓在元件窗口中 使用橢圓工具畫一個(gè)小圓 單擊任意變形工具 將小圓 的中心點(diǎn)與的中心點(diǎn)與 重疊 先選擇幀 再選擇任意變化工具 拖動(dòng)或光標(biāo)移動(dòng)鍵 重疊 先選擇幀 再選擇任意變化工具 拖動(dòng)或光標(biāo)移動(dòng)鍵 回到場(chǎng)景窗口 選擇第一關(guān)鍵幀 將元件拖進(jìn)場(chǎng)景窗口 在第回到場(chǎng)景窗口 選擇第一關(guān)鍵幀 將元件拖進(jìn)場(chǎng)景窗口 在第 40 幀處幀處 插入關(guān)鍵幀 制作運(yùn)動(dòng)補(bǔ)間動(dòng)畫 可以選擇中間的幀 單擊右鍵實(shí)現(xiàn) 插入關(guān)鍵幀 制作運(yùn)動(dòng)補(bǔ)間動(dòng)畫 可以選擇中間的幀 單擊右鍵實(shí)現(xiàn) 在圖層控制欄中選擇在圖層控制欄中選擇 添加運(yùn)動(dòng)引導(dǎo)層添加運(yùn)動(dòng)引導(dǎo)層 圖標(biāo) 則插入引導(dǎo)層 圖標(biāo) 則插入引導(dǎo)層 使用工具繪制路線 使用工具繪制路線 進(jìn)入被引導(dǎo)層 在第一幀將元件附在引導(dǎo)線的開始端 或上面 進(jìn)入被引導(dǎo)層 在第一幀將元件附在引導(dǎo)線的開始端 或上面 在第 在第 后一幀將元件附在引導(dǎo)線的終端 后一幀將元件附在引導(dǎo)線的終端 或或預(yù)覽 預(yù)覽 注意 注意 1 先把動(dòng)作的物體制作成一個(gè)元件關(guān)進(jìn)行調(diào)整 為以后導(dǎo)入使用 先把動(dòng)作的物體制作成一個(gè)元件關(guān)進(jìn)行調(diào)整 為以后導(dǎo)入使用 2 引導(dǎo)層必須在被引導(dǎo)層的上一層 引導(dǎo)層必須在被引導(dǎo)層的上一層 3 引導(dǎo)線必須是有開口的 引導(dǎo)線必須是有開口的 4 開 開 始點(diǎn)和終點(diǎn)必須吸附在引導(dǎo)線上 始點(diǎn)和終點(diǎn)必須吸附在引導(dǎo)線上 例例 2 圓周運(yùn)動(dòng) 圓周運(yùn)動(dòng) 例例 3 飛雁 實(shí)驗(yàn)內(nèi)容 飛雁 實(shí)驗(yàn)內(nèi)容 注意 影片元件要一個(gè)一個(gè)的處理 注意 影片元件要一個(gè)一個(gè)的處理 2 遮罩動(dòng)畫 遮罩動(dòng)畫遮罩動(dòng)畫 補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫 遮罩設(shè)置遮罩設(shè)置 遮罩動(dòng)畫是 Flash 的另一種特殊動(dòng)畫方式 它的實(shí)質(zhì)是遮罩層中的物體以 透明方式顯示 被遮罩層中的物體只能透過遮罩層中物體顯示出來(lái) 即被遮住 的物體看見 未被遮住的物體看見 遮罩層標(biāo)記和被遮罩層標(biāo)記如下所示 創(chuàng)建遮罩層的方法 創(chuàng)建遮罩層的方法 選取要成為遮罩層的圖層 單擊鼠標(biāo)右鍵 選擇選取要成為遮罩層的圖層 單擊鼠標(biāo)右鍵 選擇 遮遮 罩罩 命令命令 遮罩層和被遮罩層建立關(guān)聯(lián)的方法分為以下兩種情況 當(dāng)被遮罩層在遮罩層的上方時(shí) 直接將被遮罩層拖到遮罩層的下方 即 遮罩應(yīng)該在上方 用右鍵單擊圖層 在彈出的快捷菜單中選擇 屬性 項(xiàng) 打開 圖層屬 性 對(duì)話框 選擇 遮罩層 或 被遮罩層 項(xiàng) 說明 遮罩層只能含有單一的形狀 符號(hào)或文本對(duì)象 并且遮罩層中的符 號(hào)也只能包含一個(gè)形狀或文本對(duì)象 如果存在多個(gè)對(duì)象 只有最下層的對(duì)象被 用來(lái)做遮罩 例例 1 文字遮罩特效 教材 文字遮罩特效 教材 P143 中例中例 5 3 步驟 新建文件 制作被遮罩層 輸入文字 插入關(guān)鍵幀 F6 制作遮 罩層 使用運(yùn)動(dòng)補(bǔ)間動(dòng)畫 設(shè)置 遮罩層 注意幾點(diǎn) 注意幾點(diǎn) 1 遮罩動(dòng)畫是補(bǔ)間動(dòng)畫 運(yùn)動(dòng)或形狀補(bǔ)間動(dòng)畫 的基礎(chǔ)上設(shè)置 遮罩 效果的一種靈活應(yīng)用 2 遮罩層在被遮罩層的上一層 遮罩層和被遮罩層的位置關(guān)系 3 設(shè)置方法 選取要成為遮罩層的圖層 單擊鼠標(biāo)右鍵 選擇 遮罩 命令 例例 2 畫片展現(xiàn)的效果 畫片展現(xiàn)的效果 說明 既可以采用運(yùn)動(dòng)補(bǔ)間動(dòng)畫也可以采用形狀補(bǔ)間動(dòng)畫來(lái)實(shí)現(xiàn) 要注意 動(dòng)動(dòng)補(bǔ)間和形狀補(bǔ)間動(dòng)畫的制作方式 例例 3 探照燈的制作 實(shí)驗(yàn)內(nèi)容 探照燈的制作 實(shí)驗(yàn)內(nèi)容 說明 1 共有三層 最上一層為始終顯示的背景層 第二層為遮罩層