flash初步與矢量圖

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

2、5 5 4.4. 對(duì)象操作. 5 5 5.5. 播放、測(cè)試和發(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 動(dòng)畫產(chǎn)生的基本原理 2.2. 初步熟悉 FlashFlash 的工作環(huán)境； 3.3. 了解 FlashFlash 動(dòng)畫的整個(gè)制作過程； 4.4. 掌握以下操作： 實(shí)用標(biāo)準(zhǔn)文案 文檔 （1 1） 影片文檔屬性的設(shè)置 （2 2） 初步了解幀、關(guān)鍵幀的概念及如何插入關(guān)鍵幀 （3 3） 如何選擇對(duì)象和移動(dòng)對(duì)象；實(shí)用標(biāo)準(zhǔn)文案 文檔 (4)(4) 工具面板和屬性面板的使用 (5)(5) 新建和保存文件 (6)(6) 運(yùn)用矢量繪圖工具繪制簡(jiǎn)單

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

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

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

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

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

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

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

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

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

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

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

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

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

17、! 關(guān)鍵步驟： 利用“修改/ /文檔”菜單，修改文檔背景為“白色” ，大小為 250px 250px X 300 300 px px ; 在圖層 1 1 的第 1 1 個(gè)空白關(guān)鍵幀繪制背景圖片花盆和邊框等； 新建圖層 2 2,在圖層 2 2 的第 1 1 個(gè)空白關(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.車輪實(shí)用標(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é)得快又樂 知識(shí)點(diǎn)：“套索”工具的使用，文字工具、填充變形工具、分離的綜合運(yùn)用 指導(dǎo)步驟： 利用“修改/ /文檔”菜單，修改文檔背景為“天藍(lán)”色； 利用“文件/ /導(dǎo)入”菜單，將“張學(xué)友.jpg .jpg ”和“惠氏奶粉.jpg .jpg ”圖片導(dǎo)入到 舞臺(tái)和庫(kù)； 選中奶粉桶，利用“