flash初步與矢量圖

1、實用標(biāo)準(zhǔn)文案 文檔 Fl ash初步與矢量圖 FlashFlash 初步與矢量圖 . 1 1 目的： . 1 1 重點： . 2 2 難點： . 2 2 一. 背景知識 . 2 2 二. Flash Flash 的工作環(huán)境 . 2 2 1.1. 場景（舞臺） . 2 2 2.2. 面板 . 3 3 3.3. 屬性面板. 3 3 4.4. 工具面板與工具欄 . 4 4 5.5. 庫面板 . 4 4 6.6. 時間軸 . 4 4 三. F Flash lash 動畫的制作過程 . 4 4 1.1. 創(chuàng)建新文件并設(shè)置屬性 . 4 4 2.2. 使用元件與實例 . 5 5 3.3. 調(diào)整場景顯示 .

2、5 5 4.4. 對象操作. 5 5 5.5. 播放、測試和發(fā)布影片 . 6 6 6.6. 保存文件. 6 6 四課堂示例 . 6 6 1.1. 樹葉的制作 . 6 6 2.2. 花瓣的制作. 7 7 3.3. 去掉圖片背景 . 8 8 4.4. 盆栽花（注意保留你的 flafla 文件，下周上課帶到課堂） . 8 8 2.2. 怎樣讓這朵花在花盆中綻放？你現(xiàn)在播放看看效果！ 9 9 五. 課堂練習(xí)（均導(dǎo)出為 swfswf 格式的文件） . 9 9 1.1. 完成課堂示例 1 1 4 4 . 9 9 2.2. 車輪 . 9 9 3.3. 惠氏奶粉廣告 . 1010 六. 課后練習(xí) . 1111

3、 1. 閃閃的紅星（導(dǎo)出為 swfswf 格式）. 1111 2. 功夫熊貓（導(dǎo)出為 swfswf 格式） . 1111 目的： 1.1. 了解 flashflash 動畫產(chǎn)生的基本原理 2.2. 初步熟悉 FlashFlash 的工作環(huán)境； 3.3. 了解 FlashFlash 動畫的整個制作過程； 4.4. 掌握以下操作： 實用標(biāo)準(zhǔn)文案 文檔 （1 1） 影片文檔屬性的設(shè)置 （2 2） 初步了解幀、關(guān)鍵幀的概念及如何插入關(guān)鍵幀 （3 3） 如何選擇對象和移動對象；實用標(biāo)準(zhǔn)文案 文檔 (4)(4) 工具面板和屬性面板的使用 (5)(5) 新建和保存文件 (6)(6) 運用矢量繪圖工具繪制簡單

4、的矢量圖 5.5.理解 FlashFlash 的兩種文件格式: :f fla la 和 swfswf。 重點： 1.1. 影片文檔屬性的設(shè)置 2.2. 初步了解幀、關(guān)鍵幀的概念及如何插入關(guān)鍵幀 3.3. 如何選擇對象和移動對象； 4.4. 工具面板和屬性面板的使用； 5.5. 矢量繪圖。 難點： 1.1. 幀、關(guān)鍵幀的概念及如何插入關(guān)鍵幀 2.2. 工具面板和屬性面板的使用 3.3. 對稱矢量圖的繪制 一. 背景知識 FlashFlash 是 MacromediaMacromedia 公司出品的軟件。 FlashFlash 是以矢量圖為基礎(chǔ)的，矢量圖的最大特點就是能在無限縮放中，保持圖像的質(zhì)量

5、 不變，而且用少量數(shù)據(jù)就能描述一個復(fù)雜的對象。 FlashFlash 的動畫作品能與觀眾間產(chǎn)生互動，即能對觀眾的事件做出反應(yīng)，因此 FlashFlash 被認(rèn) 為是一種“交互性矢量多媒體制作軟件” 。 FlashFlash 與網(wǎng)絡(luò)聯(lián)系密切，其大量的特性是與網(wǎng)絡(luò)相關(guān)的。如其矢量圖特性、交互特性以 及 SWFSWF 格式文件，在網(wǎng)絡(luò)上看一個大型 FlashFlash 動畫可以邊下載邊播放。 二. Flash的工作環(huán)境 1. 場景(舞臺) FlashFlash 中，制作影片的工作區(qū)域。 類似話劇、電影等的場景。一個 FlashFlash 文件中可以包 含多個場景，播放時依次逐個播放。 提示：對于幀數(shù)

6、多的，又便于“分段”的動畫，應(yīng)該分場景制作 場景管理-使用“場景”面板，場景面板-用于管理場景實用標(biāo)準(zhǔn)文案 文檔 2. 面板 面板的作用類似于對話框， 用于進(jìn)行相關(guān)設(shè)置。例如，在“信息”面板上，可以設(shè)定（編 輯）對象的大小和位置。顯示/ /隱藏各種面板的方法是： “窗口 / /設(shè)計面板”或“窗口 / /開發(fā) 面板”或“窗口 / /其他面板”提示：面板布局有三大類，即， “默認(rèn)布局”、“開發(fā)者布局”和 “設(shè)計者布局”。用戶可以在“窗口” “面板設(shè)置”的次級菜單中選擇（更改） 。 FlashFlash 中面板共有 4 4 大類 2222 種，常用的有“屬性面板”、“庫面板”、“對齊面板”等。 3.

7、 屬性面板 屬性面板是一個綜合性的面板。 可以設(shè)置圖形、圖像、元件，以及工具和文檔的有關(guān)屬性 提示：屬性面板中的內(nèi)容隨用戶所選定的內(nèi)容的不同而變化。 若未選中任何對象，屬性 面板將顯示文檔的屬性-文檔大?。ǔ叽纾?、背景顏色、幀頻等。選用“文本”工具時，就 可以設(shè)置文本的字體、字號、顏色等屬性 用戶未選中任何對象時屬性面板的狀 対、:550 x400 背昌： 1- 幀頻：fps 境布： 設(shè)置 播血器：5 動住腳本：1 配置文井；Fb曲5設(shè)置 用戶選用圖形對象時屬性面板的狀 屆性 1 y 酗 - 自定交 用戶選用文字對象時屬性面板的狀 薛恚文車 -v I A I Times New Ronsi

8、v 112 v B 1 策蚩全手整 JBL I - 叩 匸卜磅也0自動禍整字柜 Zk匚；滅lessoDl_2-fla 文檔 實用標(biāo)準(zhǔn)文案 文檔 4. 工具面板與工具欄 工具面板一自上而下分為四個區(qū) 工具區(qū)繪圖、填充、選取、變形、擦除工具 查看區(qū)縮放、手形工具 顏色區(qū)-設(shè)置線條（輪廓）和對象內(nèi)部填充色 選項區(qū)一如，設(shè)置矩形工具的圓角半徑 顯示/ /隱藏單擊“窗口 / /工具” 圖層 主工具欄-命令按鈕 編輯欄-場景編輯、元件編輯、顯示比例 控制器-控制影片播放 顯示/ /隱藏單擊“窗口 / /工具欄”的次級菜單 各種工具的具體使用方法，參考在線資源“ Flash 視頻教程”中“基本工具 使用”

9、5. 庫面板 打開庫面板：按下“ CTRL+LCTRL+L組合鍵 按下“ F11F11”功能鍵 選擇“窗口 / /庫”菜單命令 將庫中的元件拖放到場景中，形成實例，即可使用 6. 時間軸 主要用于組織和控制影片中圖層和幀的內(nèi)容， 使這些內(nèi)容隨著時間的推移而發(fā)生相應(yīng)變 化。設(shè)計者可以將不同的對象安排在時間軸內(nèi)， 讓不同的對象或圖層上的部件， 有一個共同 的時間標(biāo)準(zhǔn)。只要對準(zhǔn)了同一幀，就可保證所有的動作都會在同一時間發(fā)生。顯示 / /隱藏時 間軸窗口的方法是：單擊“查看/ /時間軸”。時間軸最重要的組成部分是： 幀、圖層和播放頭。 工具 3 口 、 口 *卜 播放 時間 I牛|中|【】| | 1

10、12 C F, 幀 0 0? 選項 時問軸 口小車運動 * * 口 實用標(biāo)準(zhǔn)文案 文檔 三. Flash 動畫的制作過程 1. 創(chuàng)建新文件并設(shè)置屬性 創(chuàng)建新文件 啟動時創(chuàng)建、單擊主要工具欄上“新建”按鈕、單擊“文件 / /新建”，或按“ Ctrl+N Ctrl+N ” 文檔屬性-在“文檔屬性”對話框上設(shè)置實用標(biāo)準(zhǔn)文案 文檔 打開方法：單擊“修改/文檔”，或在“時間軸”上“幀頻率”框上，雙擊 設(shè)置參數(shù)： 尺寸高度、寬度（單位見“標(biāo)尺單位”框） 匹配一根據(jù)內(nèi)容選擇與打印紙、內(nèi)容相匹配的尺寸。默認(rèn)值為 500500X 400400 像素（pt pt ） 背景色一整個動畫的背景顏色。若選用默認(rèn)色白色，

11、且以動畫 GIFGIF 導(dǎo)出，選擇“透明”， 則動畫無背景色 幀數(shù)一每秒鐘播放的幀數(shù) 2. 使用元件與實例 元件（Symbol） 顧名思義，元件是用于組裝動畫的部件。按在影片中的表現(xiàn)形式組件可分為三種類型： 影片、圖形和按鈕。優(yōu)點：可重復(fù)使用。元件可以嵌套。 實例（Instanee ） 元件拖到場景中后，稱為實例。修改實例不影響元件庫中的原元件。 修改元件庫中的原 元件，影響實例。 3. 調(diào)整場景顯示 縮放場景（調(diào)整顯示比例）：使用縮放工具、查看菜單、場景顯示比例框 移動場景：滾動條、手形工具 4. 對象操作 選取對象 選擇全部對象： 用箭頭工具選一個矩形，將所有對象包含在內(nèi)即可； 點擊關(guān)鍵幀

12、 CTRL+ACTRL+A 取消選?。骸熬庉? /取消全選” 增加選?。涸谶x擇一個對象后，若再增加選擇另一個對象時，按住 shiftshift 鍵 移動對象 用鼠標(biāo)托拽對象：不太精確 使用方向鍵移動對象：比較精確 使用屬性面板移動對象 復(fù)制對象 對象的縮放，旋轉(zhuǎn)與傾斜 工具面板中的“任意變形工具” 菜單命令“修改/ /變形/ /” 菜單命令“窗口 / /設(shè)計面板/ /變形”實用標(biāo)準(zhǔn)文案 文檔 5. 播放、測試和發(fā)布影片 播放 在編輯環(huán)境中：控制器、按回車、 “控制”菜單 可以設(shè)置成循環(huán)播放 測試 在獨立窗口中：相當(dāng)于發(fā)布成 SWFSWF 影片后，用播放器播放（按 Ctrl Ctrl + Ent

13、er Enter ） 發(fā)布 “發(fā)布”就是把 FlashFlash 編輯成果以多種形式保存 “發(fā)布設(shè)置”對話框上設(shè)置保存形式 “發(fā)布預(yù)覽”保存成設(shè)置形式，并在在獨立窗口中播放 6保存文件 保存 保存 FlashFlash 文件（擴(kuò)展名 fla fla ）:只能用于編輯通常不發(fā)布給他人。 導(dǎo)出影片 保存影片文件（擴(kuò)展名 SWF/GIF/AVI/Mov SWF/GIF/AVI/Mov ）。 發(fā)布 四課堂示例 1. 樹葉的制作 題目要求：利用 flashflash 中的矢量繪圖工具繪制“樹葉”，導(dǎo)出為“樹葉.swf .swf 知識點：箭頭工具、墨水瓶工具、文字工具和形狀工具的使用，為文字加邊框和制 作

14、僅有邊框沒有填充色的文字 LEAF 利用“橢圓”工具畫橢圓（注意填充色） 利用“箭頭”工具拉出樹葉形狀實用標(biāo)準(zhǔn)文案 文檔 利用“鉛筆”工具畫線(注意顏色和寬度) 利用“文字”工具寫文字“ LEAFLEAF，并將文字分離 利用“墨水瓶”工具給文字澆蘭色實線邊 注意：邊框和填充色 籐色 0 a $ 思考題： (1 1)將文字填充為七彩顏色。 (2 2 )書寫無填充色有邊框的文字。 2. 花瓣的制題目要求：繪制有規(guī)律矢量圖形。導(dǎo)出為“花瓣 .swf .swf ”。 知識點：“變形”菜單的使用，填充漸變色，任意變形工具和填充變形工具的使用, 制作具有對稱效果的有規(guī)律的矢量圖形 指導(dǎo)步驟： 利用“修改/

15、 /文檔”菜單，修改文檔背景為“水綠”色； 利用“顏料桶”和“填充變形” 工具先繪制單片花瓣，如下圖； 利用“任意變形工具”將該花瓣的中心調(diào)整到花瓣底端； 利用“窗口 / /變形”菜單(CTRL+TCTRL+T,旋轉(zhuǎn) 3030 度并復(fù)制該花瓣形成花朵。 有邊框和填充色 有邊框和無填充色 無邊框和有填充色 無邊框?qū)嵱脴?biāo)準(zhǔn)文案 文檔 知識點： “套索”工具的使用，去掉導(dǎo)入圖片的原始背景。 該技術(shù)可以令你充分利用導(dǎo)入的實物照片，在廣告制作方面非常實用。 指導(dǎo)步驟： 利用“修改/ /文檔”菜單，修改文檔背景為“天藍(lán)”色； 利用“文件/ /導(dǎo)入”菜單，將“飛機(jī) jpg jpg ”圖片導(dǎo)入到舞臺和庫； 選

16、中飛機(jī)，利用“修改/ /分離”菜單，將飛機(jī)打散； 利用“套索”工具中的“魔術(shù)棒”點擊飛機(jī)的白色背景，并用 deletedelete 刪除。 4.盆栽花（注意保留你的 fla 文件，下周上課帶到課堂） 在第 1 1 層的第 1 1 個關(guān)鍵幀中繪制背景圖片（注意：淡灰色格線作為繪圖時定位的, 不必繪制）100 0 100 0 * * 100.C100.C 約束 旋轉(zhuǎn) 30 015 O傾斜 3.去掉圖片背景 題目：去掉飛機(jī)的白色背景。導(dǎo)出為“飛機(jī) .swf.swf 實用標(biāo)準(zhǔn)文案 文檔 在第 2 2 層的幾個不同空白關(guān)鍵幀中分別繪制花朵盛開的步驟: 2.2.怎樣讓這朵花在花盆中綻放？你現(xiàn)在播放看看效果

17、! 關(guān)鍵步驟： 利用“修改/ /文檔”菜單，修改文檔背景為“白色” ，大小為 250px 250px X 300 300 px px ; 在圖層 1 1 的第 1 1 個空白關(guān)鍵幀繪制背景圖片花盆和邊框等； 新建圖層 2 2,在圖層 2 2 的第 1 1 個空白關(guān)鍵幀繪制花朵的第 1 1 張圖片； 選擇圖層 2 2,在第 5 5 幀處新建空白關(guān)鍵幀，繪制花朵的第 2 2 張圖片； 同上步，每隔 5 5 幀繪制花朵的下一張圖片。 結(jié)果保存為“盆栽花.fla .fla ”，并導(dǎo)出為“盆栽花.swf .swf ”。 五課堂練習(xí)（均導(dǎo)出為swf格式的文件） 1.完成課堂示例 1 - 4 2.車輪實用標(biāo)

18、準(zhǔn)文案 文檔 提示：利用“任意變形工具”調(diào)整線段的中心位置 利用“窗口 / /變形”菜單，按一定角度旋轉(zhuǎn)并復(fù)制線段 復(fù)制“放射線”并 粘貼到當(dāng)前位置 “修改/ /變形/ /水平翻轉(zhuǎn)”放射線 3. 惠氏奶粉廣告 題目：制作如樣張所示的惠氏奶粉廣告， 要求去掉奶粉桶 4 4 周的白色背景，張學(xué)友右上 角的灰色背景，廣告語“惠氏金寶寶 學(xué)得快又樂”中的“金”字比較大并有一定傾斜角度， 填充為左上角為紅右下角為黃的漸變顏色，并為廣告添加黃色邊框。導(dǎo)出為“惠氏奶粉廣 告.swf .swf ”。 惠氏”寶寶學(xué)得快又樂 知識點：“套索”工具的使用，文字工具、填充變形工具、分離的綜合運用 指導(dǎo)步驟： 利用“修改/ /文檔”菜單，修改文檔背景為“天藍(lán)”色； 利用“文件/ /導(dǎo)入”菜單，將“張學(xué)友.jpg .jpg ”和“惠氏奶粉.jpg .jpg ”圖片導(dǎo)入到 舞臺和庫； 選中奶粉桶，利用“