Flash CS5動(dòng)畫制作項(xiàng)目教程
鄭州市電子信息工程學(xué)校 馮淑婷
目 錄
項(xiàng)目一 Flash CS5基礎(chǔ)知識(shí). 1
任務(wù)一：初識(shí)Flash CS5 2
任務(wù)二 Flash CS5文件基本操作. 7
任務(wù)三 Flash CS5動(dòng)畫制作原理. 10
項(xiàng)目二 Flash CS5基本繪圖. 12
任務(wù)一 Flash CS5繪圖基礎(chǔ). 13
任務(wù)二 Flash CS5繪圖常用工具. 15
任務(wù)三 編輯圖形圖像. 21
任務(wù)四 填充圖形圖像. 24
項(xiàng)目三 Flash CS5文本工具. 27
任務(wù)一 文本工具. 28
任務(wù)二 常見文字特效實(shí)訓(xùn). 30
任務(wù)三 常見文字濾鏡. 32
項(xiàng)目四 Flash CS5動(dòng)畫制作基礎(chǔ). 34
任務(wù)一 幀和圖層的操作. 35
任務(wù)二 元件的創(chuàng)建. 39
任務(wù)三 元件、實(shí)例與庫. 42
任務(wù)四 場(chǎng)景與圖片素材的使用. 45
項(xiàng)目五 Flash CS5簡(jiǎn)單動(dòng)畫制作. 48
任務(wù)一 動(dòng)畫的基本類型之——逐幀動(dòng)畫. 49
任務(wù)二 動(dòng)畫制作之——形狀補(bǔ)間動(dòng)畫. 52
任務(wù)三 動(dòng)畫制作之——?jiǎng)幼餮a(bǔ)間動(dòng)畫?. 54
任務(wù)四 形狀補(bǔ)間動(dòng)畫實(shí)例——變形小球?. 56
任務(wù)五 動(dòng)作補(bǔ)間動(dòng)畫實(shí)例——轉(zhuǎn)動(dòng)的風(fēng)車?. 58
項(xiàng)目六 制作特殊動(dòng)畫. 62
任務(wù)一 制作引導(dǎo)動(dòng)畫. 63
任務(wù)二 制作遮罩動(dòng)畫. 66
任務(wù)三 引導(dǎo)層動(dòng)畫實(shí)例. 69
任務(wù)四 遮罩層動(dòng)畫實(shí)例——畫軸打開. 72
任務(wù)五 遮罩層動(dòng)畫實(shí)例二——電影片尾字幕. 75
項(xiàng)目七 聲音設(shè)置. 78
任務(wù)一 添 加 聲 音. 79
任務(wù)二 制 作 MTV 83
項(xiàng)目八 交互式動(dòng)畫制作. 84
任務(wù)一 “動(dòng)作”面板動(dòng)作工具箱. 85
任務(wù)二 Actions語句. 87
任務(wù)三 ActionScript 的應(yīng)用（一）. 91
任務(wù)四 ActionScript 的應(yīng)用（二）. 93
項(xiàng)目九 動(dòng)畫的測(cè)試、優(yōu)化和發(fā)布. 95
任務(wù)一 動(dòng)畫的測(cè)試與優(yōu)化. 96
任務(wù)二 動(dòng)畫的導(dǎo)出與發(fā)布. 99
項(xiàng)目十 綜合實(shí)例. 102
任務(wù)一 用Flash制作跳動(dòng)的小球. 103
任務(wù)二 用Flash制作鼠標(biāo)跟隨. 109
任務(wù)三 用Flash制作生日賀卡. 113
項(xiàng)目一 Flash CS5基礎(chǔ)知識(shí)
- 項(xiàng)目導(dǎo)讀
Flash CS5是Adobe公司推出的一款經(jīng)典、優(yōu)秀的矢量動(dòng)畫編輯軟件，Flash CS5版本目前比較新的版本。利用該軟件制作的動(dòng)畫尺寸要比位圖動(dòng)畫文件（如GLF動(dòng)畫）尺寸小的多，用戶不但可以在動(dòng)畫中加入聲音、視頻和位圖圖像，還可以制作交互式的影片或者具有完備功能的網(wǎng)站。
Flash CS5對(duì)動(dòng)畫制作者的計(jì)算機(jī)知識(shí)要求不高，簡(jiǎn)單易學(xué)，效果流暢生動(dòng)，對(duì)于動(dòng)畫制作初學(xué)者來說是非常適合的一款軟件。在學(xué)習(xí)制作動(dòng)畫之前，通過本項(xiàng)目的學(xué)習(xí)，學(xué)生瑩熟悉Flash CS5動(dòng)畫的特點(diǎn)，Flash CS5的界面組成元素，動(dòng)畫制作的步驟，并通過制作實(shí)例了解Flash CS5動(dòng)畫制作的一般步驟。
- 項(xiàng)目學(xué)習(xí)目標(biāo)
了解Flash概念和功能
熟悉Flash CS5的工作環(huán)境和文檔基本操作
理解動(dòng)畫制作的一般過程
- 項(xiàng)目重點(diǎn)
熟悉Flash CS5的工作環(huán)境
- 項(xiàng)目難點(diǎn)
Flash CS5動(dòng)畫的制作原理
- 項(xiàng)目?jī)?nèi)容
初識(shí)Flash CS5
Flash CS5文件基本操作
制作Flash CS5動(dòng)畫的簡(jiǎn)單實(shí)例
任務(wù)一：初識(shí)Flash CS5
- 主要內(nèi)容
了解Flash CS5
新增功能
運(yùn)行環(huán)境
一、了解Flash CS5
1.Flash主要用于制作矢量圖像和網(wǎng)絡(luò)動(dòng)畫。它是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。
2.Flash的用途很廣泛，網(wǎng)頁、網(wǎng)絡(luò)動(dòng)畫、網(wǎng)絡(luò)廣告、Flash游戲以及教學(xué)軟件等領(lǐng)域。Flash特別適用于創(chuàng)建通過Internet提供的內(nèi)容，因?yàn)樗奈募浅Ｐ ?/h2>
3.在Flash中創(chuàng)作內(nèi)容時(shí)，需要在Flash文檔文件中工作。Flash文檔的文件擴(kuò)展名為.fla （.FLA）。
FFlash文檔有4個(gè)主要部分：
1)舞臺(tái)：舞臺(tái)是在回放過程中顯示圖形、視頻、按鈕等內(nèi)容的位置。在后面的章節(jié)中將對(duì)舞臺(tái)做詳細(xì)介紹。
2)時(shí)間軸：用來通知Flash顯示圖形和其它項(xiàng)目元素的時(shí)間，也可以使用時(shí)間軸指定舞臺(tái)上各圖形的分層順序。位于較高圖層中的圖形顯示在較低圖層中的圖形的上方。
3)庫面板：庫面板是Flash顯示Flash文檔中的媒體元素列表的位置。
4)ActionScript代碼：可用來向文檔中的媒體元素添加交互式內(nèi)容。例如，可以添加代碼以便用戶在單擊某按鈕時(shí)顯示一幅新圖像，還可以使用ActionScript向應(yīng)用程序添加邏輯。邏輯使應(yīng)用程序能夠根據(jù)用戶的操作和其它情況采取不同的工作方式。Flash包括兩個(gè)版本的ActionScript，可滿足創(chuàng)作者的不同具體需要。
4.完成Flash文檔的創(chuàng)作后，可以使用“文件”→“發(fā)布”命令發(fā)布它。這會(huì)創(chuàng)建文件的一個(gè)壓縮版本，其擴(kuò)展名為.swf（SWF）。
二、Flash CS5的新增功能
1.增強(qiáng)的集成功能
（1）界面的改變
（2）Adobe Bridge
（3）Adobe Photoshop導(dǎo)入
（4）Adobe Illustrator導(dǎo)入
2.增強(qiáng)繪圖、動(dòng)畫和視頻功能
（1）增強(qiáng)的鋼筆工具
（2）增強(qiáng)的基本矩形和橢圓繪制工具
（3）濾鏡復(fù)制和粘貼
（4）復(fù)制和粘貼動(dòng)畫
（5）增強(qiáng)了QuickTime視頻支持
（6）為Flash視頻保存和加載提示點(diǎn)
3.全新的ActionScript開發(fā)環(huán)境
（1）增加了新的ActionScript 3.0語言
（2）將動(dòng)畫復(fù)制為ActionScript 3.0
三、Flash CS5的工作環(huán)境
安裝好Flash CS5后，就可以通過“開始”→“程序”→“Adobe Flash CS5 Professional”命令或雙擊“桌面”上的快捷圖標(biāo)啟動(dòng)它，該軟件啟動(dòng)新建文檔后的主界面如圖1-1所示。
圖1-1
在Flash CS5的主界面中，位于主界面最上面的是標(biāo)題欄和菜單欄；主界面的左側(cè)是工具箱，其中包括Flash CS5中最常用的繪圖工具和輔助工具選項(xiàng)；主界面的底部和右側(cè)是浮動(dòng)面板。在默認(rèn)的情況下，底部有“屬性”、“濾鏡”和“參數(shù)”3個(gè)面板，右側(cè)主要有“顏色”和“庫”面板。
1.開始頁
（1）打開最近的項(xiàng)目
（2）新建
（3）從模板創(chuàng)建
（4）擴(kuò)展
2.菜單欄
Flash CS5的菜單欄包含了11個(gè)菜單，包括“文件”、“編輯”、“視圖”、“插入”、“修改”、“文本”、“命令”、“控制”、“調(diào)試”、“窗口”和“幫助”菜單。 如圖1-2
圖1-2
3.工具欄
（1）主工具欄
默認(rèn)情況下，主工具欄是不顯示的。如果要顯示它，可以選擇“窗口”→“工具欄”→“主工具欄”命令，顯示主工具欄。
（2）控制器工具欄
默認(rèn)情況下，控制器工具欄也是不顯示的。如果要顯示它，可以選擇“窗口”→“工具欄”→“控制器”命令，顯示控制器工具欄。
（3）編輯欄
編輯欄位于舞臺(tái)的頂部，提供了隱藏時(shí)間軸、編輯元件、場(chǎng)景的信息和控件。另外，編輯允許用戶增加或減少舞臺(tái)的縮放比例。
4.時(shí)間軸面板
時(shí)間軸的主要組件是圖層、幀和播放頭。圖層就像堆疊在一起的多張幻燈膠片一樣，在舞臺(tái)上一層層地向上疊加。如果上面一個(gè)圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。如圖1-3
圖1-3
5.場(chǎng)景與舞臺(tái)
場(chǎng)景是指Flash工作界面的中間部分，即整個(gè)白色和灰色的區(qū)域，它是進(jìn)行矢量圖形的繪制和展示的工作區(qū)域。在場(chǎng)景中的白色區(qū)域（默認(rèn)）部分又稱“舞臺(tái)”，是創(chuàng)建Flash文檔時(shí)放置圖形內(nèi)容的矩形區(qū)域，這些圖形內(nèi)容包括矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯。
Flash中各種動(dòng)畫活動(dòng)都發(fā)生在舞臺(tái)上，在舞臺(tái)上看到的內(nèi)容就是導(dǎo)出的Flash影片中觀眾看到的內(nèi)容。在場(chǎng)景中的灰色區(qū)域部分又稱“工作區(qū)”，工作區(qū)是環(huán)繞于舞臺(tái)，導(dǎo)出的Flash影片中觀眾將看不到工作區(qū)的內(nèi)容，就象戲曲中的臺(tái)后。如圖1-4
圖1-4
6.工具箱
默認(rèn)情況下，工具箱中包含了繪制和編輯圖形的各種工具，分為“工具”、“查看”、“顏色”和“選項(xiàng)”4個(gè)區(qū)域。
7.常用的面板
面板是Flash CS5界面的重要組成部分，使用它們可以查看、組織和更改文檔鐘的元素。面板中可用選項(xiàng)控制著元件、實(shí)例、顏色、類型、幀和其它元素的特征。可以通過顯示特定任務(wù)所需的面板并隱藏其它面板來自定義Flash界面。
（1）屬性面板
大小：設(shè)置舞臺(tái)的大小，以像素為單位。默認(rèn)的舞臺(tái)大小為550像素×400像素。
發(fā)布：設(shè)置發(fā)布屬性，可以設(shè)置使用哪個(gè)版本的Flash影片播放器發(fā)布影片。
背景顏色：設(shè)置舞臺(tái)的背景色。
幀頻：每秒鐘播放多少幀動(dòng)畫。默認(rèn)的幀頻為12幀（fps）。
屬性面板是動(dòng)態(tài)的，因?yàn)樗@示的屬性將根據(jù)所選擇的對(duì)象而變化。
（2）動(dòng)作面板
動(dòng)作面板可以創(chuàng)建和編輯對(duì)象或幀的ActionScript代碼，主要由“動(dòng)作工具箱”、“腳本導(dǎo)航器”和“腳本”窗格組成。
（3）幫助面板
幫助面板包含了大量信息和資源，對(duì)Flash的所有創(chuàng)作功能和ActionScript語言進(jìn)行了詳盡的說明。幫助面板可以隨時(shí)對(duì)軟件的使用或動(dòng)作腳本語法進(jìn)行查詢，使用戶更好地使用軟件的各種功能。
（4）濾鏡面板
Flash CS5的濾鏡功能大大增強(qiáng)了其設(shè)計(jì)方面的能力。這項(xiàng)新特性對(duì)制作Flash動(dòng)畫產(chǎn)生了便利和巨大影響。它們幾乎顛覆了長期以來，對(duì)Flash設(shè)計(jì)能力欠缺的固有偏見，使大家不得不對(duì)其刮目相。默認(rèn)情況下，濾鏡面板和屬性面板、參數(shù)面板組成一個(gè)面板組。
（5）項(xiàng)目面板
選擇“窗口”→“項(xiàng)目”命令或按【Shift+F8】鍵，可以打開項(xiàng)目面板，這個(gè)面板為用戶提供了管理和處理Flash項(xiàng)目的一個(gè)中心位置。
（6）對(duì)齊面板
選擇“窗口”→“對(duì)齊”命令或按【Ctrl+K】鍵，可以打開對(duì)齊面板，這個(gè)面板可以根據(jù)一系列預(yù)置的標(biāo)準(zhǔn)來對(duì)齊對(duì)象。每一種預(yù)置的標(biāo)準(zhǔn)都被表示為一個(gè)按鈕。
（7）信息面板
選擇“窗口”→“信息”命令或按【Ctrl+I】鍵，可以打開信息面板，這個(gè)面板為用戶提供了通過數(shù)字更改選定對(duì)象的尺寸和位置的方法。在信息面板的底部提供了鼠標(biāo)當(dāng)前所處位置的相關(guān)信息，左下角顯示鼠標(biāo)當(dāng)前位置的顏色（為RGB模式），右下角則顯示鼠標(biāo)當(dāng)前位置的精確定位。
（8）顏色面板
選擇“窗口”→“顏色”命令或按【Shift+F9】鍵，可以打開顏色面板，這個(gè)面板可以創(chuàng)建RGB、HSB或十六進(jìn)制代碼的顏色，并可以保存到樣本面板中。顏色面板還可以將顏色指派給筆觸或填充。
（9）樣本面板
選擇“窗口”→“樣本”命令或按【Ctrl+F9】鍵，可以打開樣本面板，這個(gè)面板幫助用戶從當(dāng)前的調(diào)色板中組織、加載、保存和刪除單獨(dú)的顏色。
（10）場(chǎng)景面板
選擇“窗口”→“其它面板”→“場(chǎng)景”命令或按【Shift+F2】鍵，可以打開場(chǎng)景面板，這個(gè)面板為用戶提供了在場(chǎng)景之間切換、重命名場(chǎng)景、添加場(chǎng)景和刪除場(chǎng)景等功能。
（11）庫面板
選擇“窗口”→“庫”命令或按【Ctrl+L】鍵，可以打開庫面板，這個(gè)面板為用戶存儲(chǔ)Flash影片所創(chuàng)建的元件或影片所要使用的元件的地方。不管是影片剪輯、圖形元件還是按鈕，庫中都有。
（12）歷史記錄面板
選擇“窗口”→“其它面板”→“歷史記錄”命令或按【Ctrl+F10】鍵，可以打開歷史記錄面板，面板中顯示了當(dāng)前操作文檔自創(chuàng)建或打開以來曾經(jīng)執(zhí)行的操作。
（13）輸出面板
選擇“窗口”→“輸出”命令或按【F2】鍵，可以打開輸出面板，這個(gè)面板是一個(gè)非常不錯(cuò)的小工具，但無法與其它面板插接在一起，當(dāng)用戶導(dǎo)出Flash影片后，它將為用戶提供有關(guān)所有場(chǎng)景的文件大小、對(duì)象、文字、元件和實(shí)例的數(shù)據(jù)。
8.使用標(biāo)尺、輔助線和網(wǎng)格
（1）使用標(biāo)尺
選擇“視圖”→“標(biāo)尺”命令或按【Ctrl+Alt+Shift+R】鍵，打開標(biāo)尺。如果要隱藏標(biāo)尺，再執(zhí)行一次上述同樣命令即可。
（2）使用輔助線
如果顯示了標(biāo)尺，可以將水平和垂直輔助線從標(biāo)尺拖動(dòng)到舞臺(tái)上。可以移動(dòng)、鎖定、隱藏和刪除輔助線，也可以使對(duì)象貼緊至輔助線，更改輔助線顏色和貼緊容差。
選擇“視圖”→“網(wǎng)格”→“顯示網(wǎng)格”命令或按【Ctrl+''】鍵（引號(hào)），打開網(wǎng)格。如果要隱藏網(wǎng)格，再執(zhí)行一次上述同樣命令即可。
- 思考：Flash CS5的文件是如何操作的？
任務(wù)二 Flash CS5文件基本操作
- 主要內(nèi)容
新建文件
保存文件
關(guān)閉文件
打開文件
測(cè)試影片
一、文件相關(guān)操作
1.新建文件
制作Flash動(dòng)畫之前必須新建一個(gè)Flash文件，這也是制作動(dòng)畫的第一步，通常新建Flash文件有以下3種方法：
1)啟動(dòng)Flash CS5后，出現(xiàn)“開始頁”界面，在“新建”欄中單擊“Flash文件（ActionScript 3.0）”選項(xiàng)即可新建一個(gè)Flash文件。
2)單擊“主工具欄”中的“新建”按鈕，也即可創(chuàng)建一個(gè)Flash文件，如圖1-5所示。
圖1-5
3)選擇“文件”→“新建”命令或按【Ctrl+N】鍵，打開如圖1-23所示的“新建文檔”對(duì)話框中選擇“Flash文件（ActionScript 3.0）”選項(xiàng)，單擊“確定”按鈕即可。在“新建文檔”對(duì)話框中單擊“模板”標(biāo)簽，在其中選擇相應(yīng)的模板類型，這里選擇“廣告”下的“468×60（橫幅）”，如圖1-6所示，單擊“確定”按鈕即可新建一個(gè)基于模板的Flash文件。
圖1-6
2.保存文件
對(duì)于制作過程中的Falsh文件，要不間斷地進(jìn)行保存，便于當(dāng)軟件或計(jì)算機(jī)出現(xiàn)異常時(shí)Flash文件的數(shù)據(jù)不丟失。制作完Flash文件，也應(yīng)將其保存起來，便于以后使用。保存Flash文件常用有以下兩種方法：
1)選擇“文件”→“保存”命令或按【Ctrl+S】鍵即可。如果用戶之前并未保存過此文檔，那么將打開如圖1-7所示的“另存為”對(duì)話框，選擇保存的位置，為文檔命名并選擇保存類型后，單擊“保存”按鈕即可。
圖1-7
2)單擊“主工具欄”中的“保存”按鈕即可。具體保存方法與“保存”命令相同。
F思考：在Flash CS5中，為什么選擇的是“保存”命令，而彈出的是“另存為”對(duì)話框？
因?yàn)檫@是軟件自身的設(shè)置，在Flash CS5軟件中首次保存文檔都顯示“另存為”對(duì)話框，不是用戶的失誤操作。
3.關(guān)閉文件
當(dāng)不需要使用當(dāng)前的動(dòng)畫文件時(shí)，需要將其關(guān)閉，關(guān)閉Flash有“關(guān)閉當(dāng)前文檔”和“關(guān)閉軟件”兩方面。具體操作說明如下：
1)關(guān)閉當(dāng)前文檔
選擇“文件”→“關(guān)閉”命令或按【Ctrl+W】鍵或單擊文檔窗口右上角的按鈕將其關(guān)閉。如果此文檔沒有保存，將打開“Adobe Flash CS5”對(duì)話框讓用戶確認(rèn)是否需要保存當(dāng)前文檔。
2)關(guān)閉軟件
選擇“文件”→“退出”命令或按【Ctrl+Q】鍵或單擊軟件窗口右上角的按鈕將退出軟件程序。如果此文檔沒有保存，將打開“Adobe Flash CS5”對(duì)話框讓用戶確認(rèn)是否需要保存當(dāng)前文檔，用戶可以根據(jù)情況單擊相應(yīng)的按鈕。
4.打開文件
如果要編輯或查看一個(gè)已有的Flash文件，只需要打開此Flash文件即可。打開Flash文件常用有以下兩種方法：
1)選擇“文件”→“打開”命令或按【Ctrl+O】鍵，打開如圖1-27所示的“打開”對(duì)話框，然后在“查找范圍”下拉列表框中選擇要打開的文檔所在的位置，再在“文件名”下拉列表框中輸入要打開文檔的文件名，或直接在列表中選中要打開的文件圖標(biāo)，最后單擊“打開”按鈕即可。
2)單擊“主工具欄”中的“打開”按鈕，具體操作方法與“打開”命令相同。
5.測(cè)試影片
在Flash CS5動(dòng)畫制作過程或完成動(dòng)畫制作后，要對(duì)動(dòng)畫進(jìn)行效果測(cè)試，這就是通常所說的發(fā)布動(dòng)畫。對(duì)于動(dòng)畫文件的測(cè)試，最簡(jiǎn)單的方法就是按【Ctrl+Enter】鍵或選擇“控制”→“測(cè)試影片”命令，即可測(cè)試并瀏覽動(dòng)畫效果。
按【Ctrl+Enter】鍵或選擇“控制”→“測(cè)試影片”命令后，除了測(cè)試動(dòng)畫文件的效果外，還將在保存源文件的目的文件夾下生成一個(gè)擴(kuò)展名為.SWF的文件。
二、制作Flash動(dòng)畫的簡(jiǎn)單實(shí)例
1.Flash動(dòng)畫制作的一般過程
要制作出一個(gè)出色的Flash動(dòng)畫作品，應(yīng)該用心把握每個(gè)環(huán)節(jié)，其制作過程大致可分為以下5個(gè)步驟。
1.策劃主題
2.收集材料
3.創(chuàng)作動(dòng)畫
4.測(cè)試優(yōu)化
5.發(fā)布動(dòng)畫
2.制作一個(gè)簡(jiǎn)單的Flash動(dòng)畫
本節(jié)通過一個(gè)網(wǎng)頁片頭的實(shí)例來了解Flash的動(dòng)畫制作過程。本實(shí)例利用Flash CS5制作動(dòng)畫的基本工具，制作出字符特殊的動(dòng)畫效果。一般動(dòng)畫制作過程中有設(shè)置舞臺(tái)場(chǎng)景、導(dǎo)入素材、插入圖層、使用工具箱、設(shè)置動(dòng)畫效果、預(yù)覽和測(cè)試動(dòng)畫等步驟，要注意的是制作動(dòng)畫過程中不一定要完全遵循以上步驟。本實(shí)例涉及到一些新的知識(shí)將在后續(xù)章節(jié)中詳細(xì)講解。
任務(wù)三 Flash CS5動(dòng)畫制作原理
- 主要內(nèi)容
動(dòng)畫制作原理
工作環(huán)境
制作流程
一、Flash CS5動(dòng)畫制作基本原理
- 動(dòng)畫原理
動(dòng)畫(Animating)在詞典中的解釋是“賦予生命”的意思，從這個(gè)意義上來講它是一種手段，使得本來沒有生命的的形象活動(dòng)起來，它的應(yīng)用范圍廣泛，除了作為電影的一種類型之外，還有在電影特技制作的動(dòng)畫、科學(xué)教育動(dòng)畫、介紹產(chǎn)品形象的廣告動(dòng)畫、電子游戲動(dòng)畫、遠(yuǎn)程教育動(dòng)畫、網(wǎng)頁動(dòng)畫等。
- Flash動(dòng)畫制作原理
Flash動(dòng)畫，就是讓一系列的靜態(tài)畫面連續(xù)播放。連續(xù)的實(shí)現(xiàn)靠的是人的“視覺暫留（人觀察某個(gè)景物時(shí)，光作用結(jié)束后，視覺形象仍保留一段時(shí)間的現(xiàn)象。視覺形象會(huì)停留大約十分之一秒的時(shí)間）”效應(yīng)。
二、Flash CS5動(dòng)畫制作工作環(huán)境
- 舞臺(tái)
就是工作區(qū)，最主要的可編輯區(qū)域。在這里可以直接繪圖，或者導(dǎo)入外部圖形文件進(jìn)行安排編輯，再把各個(gè)獨(dú)立的幀合成在一起，以生成電影作品。
- 時(shí)間軸窗口
用它可以調(diào)整電影的播放速度，并把不同的圖形作品放在不同圖層的相應(yīng)幀里，以安排電影內(nèi)容播放的順序。
- 圖層窗口
使用圖層能夠更好地對(duì)同一時(shí)間點(diǎn)的對(duì)象進(jìn)行位置的調(diào)整。
- 繪圖工具欄
放置了可供圖形和文本編輯的各種工具，用這些工具可以繪圖，選取，噴涂，修改以及編排文字，還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時(shí)，其所對(duì)應(yīng)的修改器(Modifier)也會(huì)在工具條下面的位置出現(xiàn)，修改器的作用是改變相應(yīng)工具對(duì)圖形處理的效果。
- 標(biāo)準(zhǔn)工具欄
列出了大部分最常用的文件操作，打印，剪貼板，撤消和重做，修改器以及控制舞臺(tái)放大比例的圖標(biāo)和選項(xiàng)，便于進(jìn)行更為快捷的操作。
- 庫窗口
用以存放可以重復(fù)使用的稱為符號(hào)的元素。符號(hào)的類型包括有圖片(Graphics)，按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為Ctrl-L。
- 控制器面板
控制電影的播放操作的工具集合，一般不大常用，處于隱藏狀態(tài)。
三、Flash CS5動(dòng)畫制作操作過程演示
例1：使用工具制作一個(gè)“笑臉”或“哭臉”
矢量圖形
? 矢量圖形使用直線和曲線來描述圖像，它是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的，每一個(gè)點(diǎn)都有其各自的屬性，如位置、顏色等。 如圖2-1
圖2-1
位圖
? 位圖使用像素點(diǎn)來描述圖像，并將它們安排在網(wǎng)格內(nèi)。
? 編輯位圖時(shí)，修改的是像素而不是直線和曲線。位圖和分辨率有關(guān)，因?yàn)槊枋鰣D像的數(shù)據(jù)被固定到特定大小的網(wǎng)格中。編輯位圖可以改變其外觀質(zhì)量，尤其是調(diào)整位圖的大小會(huì)使圖形的邊緣產(chǎn)生鋸齒，這是因?yàn)橄袼乇恢匦路峙涞骄W(wǎng)格中的緣故。 二者的區(qū)別如圖2-2
圖2-2
二、繪圖模式
? 在Flash中有兩種繪圖模型，即“合并繪制”模式和“對(duì)象繪制”模式，為繪制圖形提供了極大的靈活性。
- “合并繪制”模式
? “合并繪制”模式時(shí)，重疊繪制圖形時(shí)，會(huì)自動(dòng)進(jìn)行合并。如果選擇同一個(gè)圖層中的圖形與另一個(gè)圖形合并，移動(dòng)它則會(huì)永久改變其下方的圖形。
當(dāng)你所繪制的線條穿過別的線條或圖形時(shí)，它會(huì)象刀一樣把其他的線條或圖形切割成不同的部分。同時(shí)，線條本身也會(huì)被其他線條和圖形分成若干部分。
- “對(duì)象繪制”模式
? “對(duì)象繪制”模式允許將圖形繪制成獨(dú)立的對(duì)象，且在疊加時(shí)不會(huì)自動(dòng)合并。分離或重排重疊圖形時(shí)，也不會(huì)改變它們的外形。Falsh CS4將每個(gè)圖形創(chuàng)建為獨(dú)立的對(duì)象，可以分別進(jìn)行處理。
? 使用“對(duì)象繪制”模式繪制圖形，只需選擇一個(gè)支持“對(duì)象繪制”模式的繪圖工具，如線條工具、鋼筆工具、橢圓工具、矩形工具、多角星形工具、鉛筆工具和刷子工具，然后單擊“工具箱”中“選項(xiàng)”下的“對(duì)象繪制”按鈕或按“J”鍵，就可以從“合并繪制”模式切換到“對(duì)象繪制”模式。
- 注意：當(dāng)選擇使用【對(duì)象繪制】模式創(chuàng)建的圖形時(shí)，F(xiàn)lash CS5會(huì)在圖形上添加矩形邊框。
使用【選擇】工具 移動(dòng)對(duì)象，只需單擊邊框然后拖曳圖形到舞臺(tái)上的任意位置即可。
三、選擇工具
- 選擇工具
主要功能是選擇對(duì)象，對(duì)對(duì)象進(jìn)行變形等。對(duì)象被選中后，選中部分會(huì)填充小的亮點(diǎn)。
基本操作有：選取單一對(duì)象；選取多個(gè)對(duì)象；選取填充區(qū)和輪廓錢；選取連續(xù)線條；選取對(duì)象的某一區(qū)域；取消選擇對(duì)象；移動(dòng)對(duì)象；修改形狀
- 部分選取工具
主要用于調(diào)整線條上的節(jié)點(diǎn)，改變線條的形狀。部分選取工具沒有選項(xiàng)。
基本操作有：刪除節(jié)點(diǎn)；移動(dòng)節(jié)點(diǎn)；角點(diǎn)轉(zhuǎn)換為曲線點(diǎn)；調(diào)節(jié)曲率
- 套索工具
主要作用也是選擇物體。與選擇工具不同的是，套索工具可以用來選取任何形狀范圍的對(duì)象，而選擇工具只能拖出矩形的選取范圍，因此它的功能更強(qiáng)一些。
四、繪圖工具
Flash CS5常用繪圖工具包括：線條工具、鉛筆工具、鋼筆工具、橢圓工具、矩形工具、刷子工具、橡皮擦工具等。
任務(wù)二 Flash CS5繪圖常用工具
- 主要內(nèi)容
繪圖工具
修飾工具
編輯工具
一、繪圖工具
- 線條工具
- 在Flash中，繪制直線的工具有多種，線條工具是其中最簡(jiǎn)單的工具，可以直接繪制所需直線。
- 線條工具用來繪制矢量線條。
- 線條工具的使用方法就是在舞臺(tái)中確認(rèn)一個(gè)起點(diǎn)后按下鼠標(biāo)，然后拖動(dòng)鼠標(biāo)到結(jié)束點(diǎn)松開鼠標(biāo)就可以了。
- 注意：拖動(dòng)鼠標(biāo)時(shí)，按住【Shift】鍵可以限制繪制以45°的倍數(shù)的線條。
? 【例2.1】利用線條工具繪制一條“紅色”、粗細(xì)為“5”、寬高度為“100 150”、位置在“120 150”的點(diǎn)直線。
- 鋼筆工具
- 利用鋼筆工具可以繪制各種線條和任意形狀的圖形，也可作為選取工具使用。
- 鋼筆工具的主要功能有畫直線、畫曲線、曲線點(diǎn)轉(zhuǎn)換為角點(diǎn)、添加節(jié)點(diǎn)、刪除節(jié)點(diǎn)。
? 【例2.2】利用鋼筆工具繪制一片樹葉，效果如圖2-3所示。
圖2-3
- 鉛筆工具
- 使用鉛筆工具可以隨意地繪制線條和形狀，就象在紙上用真正的鉛筆繪圖一樣，但Flash CS5會(huì)根據(jù)所選擇的繪圖模式，對(duì)線條自動(dòng)進(jìn)行調(diào)整，使之更筆直或平滑。
- 選擇工具欄中的鉛筆工具，鼠標(biāo)光標(biāo)變?yōu)殂U筆形狀，在舞臺(tái)中按住鼠標(biāo)左鍵隨意拖動(dòng)即可繪制任意線條和形狀。按住【Shift】鍵拖動(dòng)鼠標(biāo)可繪制垂直或水平方向的線條。
- 鉛筆工具的選項(xiàng)欄中除“對(duì)象繪制”按鈕外還有一個(gè)“鉛筆模式”按鈕，單擊此按鈕彈出三種繪圖模式：伸直、平滑、墨水。
【例2.2】利用鉛筆工具繪制一片樹葉，效果如圖2-4所示。
圖2-4
- 橢圓工具
Flash提供了兩種繪制橢圓的工具，橢圓工具和基本橢圓工具。
- 橢圓工具
使用橢圓工具可以繪制橢圓和圓。選擇工具箱中的橢圓工具，在舞臺(tái)中按住鼠標(biāo)左鍵向任意方向拖動(dòng)即可繪制一個(gè)橢圓。按住【Shift】鍵，同時(shí)按住鼠標(biāo)左鍵拖動(dòng)可繪制一個(gè)圓。
- 基本橢圓工具
基本橢圓工具也稱為圖元橢圓工具，使用基本橢圓工具可以繪制圖元橢圓。基本橢圓工具操作方法與橢圓工具相同。
- 注意：基本橢圓工具的選項(xiàng)區(qū)域只有“貼緊至對(duì)象”按鈕。而“屬性”面板與橢圓工具的“屬 性”面板相同。
- 所畫出的橢圓分為兩部分：輪廓線與填充色塊。
- 通過設(shè)置筆觸顏色和填充色，能畫出實(shí)心橢圓，空心橢圓和實(shí)心無邊框橢圓。
- 橢圓工具選項(xiàng)欄中只有“對(duì)象繪制”和“貼緊至對(duì)象”兩個(gè)按鈕。
【例2.2】利用橢圓工具繪制餐盤，效果如圖2-6所示。
圖2-6
- 矩形工具
矩形工具是一個(gè)工具組，包括矩形工具和多角星形工具，通過單擊右下角的黑色三角進(jìn)行切換。矩形工具與橢圓工具用法相似，注意矩形圓角的設(shè)置。
- 矩形工具
選擇矩形工具，在舞臺(tái)中按住鼠標(biāo)左鍵向任意方向拖動(dòng)即可繪制一個(gè)矩形。按住【Shift】鍵，同時(shí)按住鼠標(biāo)左鍵拖動(dòng)可繪制一個(gè)正方形。
- .基本矩形工具
基本矩形工具也稱為圖元矩形工具，使用基本矩形工具可以繪制圖元矩形?；揪匦喂ぞ卟僮鞣椒ㄅc矩形工具相同。
- 注意：若要在使用基本矩形工具拖動(dòng)時(shí)更改角半徑，請(qǐng)按向上箭頭鍵或向下箭頭鍵。當(dāng)圓角達(dá)到所需圓度時(shí)，松開鼠標(biāo)鍵即可。
【例2.3】繪制如圖2-7樹葉，利用例2.1中的樹葉組合成一棵樹 。
- 多角星形工具
? 使用多角星形工具，在舞臺(tái)上按住鼠標(biāo)左鍵向任意方向拖動(dòng)即可繪制一個(gè)多邊形或星形。
? 多角星形工具“屬性”面板與線條工具的“屬性”面板相比多了“選項(xiàng)”按鈕，如圖2-8所示。
圖2-8
在此對(duì)話框中設(shè)置“樣式”為“多邊形”或“星形”，設(shè)置“邊數(shù)”一般介于3～32之間的數(shù)值，設(shè)置“星形頂點(diǎn)大小”一般介于0～1之間的數(shù)值以指定星形頂點(diǎn)的深度，此數(shù)值越接近0，創(chuàng)建的頂點(diǎn)就越深（如針）。如果是繪制多邊形，應(yīng)保持此設(shè)置默認(rèn)（也就是數(shù)值為0.50），它不會(huì)影響多邊形的形狀。
? 【例2.4】繪制如下圖2-9所示的星星和五角星。
圖2-9
- 刷子工具
- 刷子工具就像畫刷一樣可以在舞臺(tái)中繪制不同顏色的圖形，也可以為各種圖形對(duì)象著色。
- 刷子工具的選項(xiàng)欄有五個(gè)選項(xiàng)：“對(duì)象繪制”刷子的顏色由填充色設(shè)置。、“刷子模式”、“刷子大小”、“刷子形狀”和“鎖定填充”。
- 刷子工具能繪制出刷子般的筆觸，就像在涂色一樣。它可以創(chuàng)建特殊效果，包括書法效果?？梢允褂谩八⒆庸ぞ摺惫δ苕I選擇刷子大小和形狀。
?【例2.3】繪制圖2-10圖形，利用鋼筆工具繪制。
圖2-10
- 橡皮擦工具
- 橡皮擦工具就像日常生活中使用的橡皮擦一樣，用來擦除圖形的線條和填充區(qū)。
- 橡皮擦工具的選項(xiàng)欄有三個(gè)選項(xiàng)：“橡皮擦模式”，“橡皮擦形狀”和“水龍頭”。
二、修飾圖形工具
- 墨水瓶工具
墨水瓶工具用于更改線條的顏色、線寬和樣式等屬性，線條的顏色可以使用純色、漸變色以及位圖圖像，
- 顏料桶工具
與墨水瓶工具相對(duì)應(yīng)，顏料桶工具的功能是更改填充區(qū)域的顏色。它可以填充封閉區(qū)域或不完全封閉區(qū)域，填充時(shí)可以使用純色、漸變色以及位圖圖像。
- 吸管工具
吸管工具用于拾取填充或線條的顏色值，選擇吸管工具后，鼠標(biāo)圖標(biāo)變成一個(gè)吸管，用吸管單擊對(duì)象的任意位置，可獲得此位置的顏色值及其它屬性。
- 任意變形工具
使用任意變形工具可以對(duì)圖形做出各種各樣的變形，制作各種Flash特效。選擇任意變形工具后，在選項(xiàng)欄中有四個(gè)選項(xiàng)按鈕
自動(dòng)變形工具一共可以做出五種變形處理：旋轉(zhuǎn)、傾斜、縮放、扭曲和封套。其中旋轉(zhuǎn)、傾斜、縮放對(duì)所有的對(duì)象都有效，而扭曲和封套只對(duì)形狀對(duì)象有效，對(duì)組對(duì)象、符號(hào)和位圖都不起作用。
三、查看工具
- 手形工具
使用手形工具可以移動(dòng)舞臺(tái)。
- 縮放工具
使用縮放工具可以縮放舞臺(tái)。
四、相關(guān)工具列表
|
圖標(biāo) |
說明 |
具體描述 |
|
圖2-11
? 如果需要繪制的圖形和已有圖形相同，可以將已有圖形進(jìn)行復(fù)制。在Flash中，復(fù)制圖形的方法有如下3種： ? （1）選擇要復(fù)制的對(duì)象，選擇“編輯”→“復(fù)制”命令或按【Ctrl+C】鍵復(fù)制，再選擇“編輯”→“粘貼到中心位置”命令或按【Ctrl+V】鍵粘貼即可，若選擇“編輯”→“粘貼到當(dāng)前位置”命令或按【Ctrl+Shift+V】鍵可以將對(duì)象粘貼到原位置。 ? （2）用選擇工具選擇對(duì)象后，按住【Ctrl】鍵不放并拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制。 ? （3）用任意變形工具選擇對(duì)象后，按住【Alt】鍵不放并拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制。
? 刪除對(duì)象可以將其從文件中刪除。刪除舞臺(tái)上的實(shí)例不會(huì)從庫中刪除元件。選中要?jiǎng)h除的對(duì)象后，按【Delete】鍵或按【BackSpace】鍵或選擇“編輯”→“清除”命令或選擇“編輯”→“剪切”命令，還可以在該對(duì)象上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“剪切”命令，即可將對(duì)象刪除。
? 在圖層內(nèi)，F(xiàn)lash CS5會(huì)根據(jù)對(duì)象的創(chuàng)建順序?qū)盈B對(duì)象，將最新創(chuàng)建的對(duì)象放在最上面。對(duì)象的層疊順序決定了它們?cè)趯盈B時(shí)出現(xiàn)的順序。使用圖層操作和菜單命令可以在任何時(shí)候更改對(duì)象的層疊順序。 三、變形與排列對(duì)象? 在Flash CS5中，可以使用選擇工具、部分選取工具和任意變形工具來變形對(duì)象，通過些工具來編輯圖形，可以使圖形達(dá)到理想的變形效果。在制作Flash動(dòng)畫時(shí)，如果創(chuàng)建了多個(gè)圖形對(duì)象，并且要把這些圖形對(duì)象按相對(duì)的位置排列在一起，可以使用Flash CS5提供的輔助線和“對(duì)齊”面板來排列對(duì)象。
? 部分選取工具常常與鋼筆工具配合使用。它能象選擇工具一樣選擇并移動(dòng)對(duì)象，還能編輯普通線條和圖像的輪廓線條，通常用來編輯曲線上錨點(diǎn)。該工具的“屬性”面板和“選項(xiàng)”區(qū)域無相應(yīng)的內(nèi)容。
? 在Flash CS5中，使用任意變形工具是最常用的方法。根據(jù)所選的元素，可以任意變形、旋轉(zhuǎn)、傾斜、縮放和扭曲該元素。 ? 任意變形工具是一個(gè)功能強(qiáng)大的編輯工具，利用它可以對(duì)對(duì)象進(jìn)行4種變形設(shè)置，分別是旋轉(zhuǎn)與傾斜、縮放、扭曲和封套操作，制作出特殊的效果。
? 在移動(dòng)對(duì)象時(shí)，對(duì)象的邊緣會(huì)出現(xiàn)水平或垂直的虛線，該虛線自動(dòng)與另一個(gè)對(duì)象的邊緣對(duì)齊，便于確定對(duì)象的位置，這種虛線就是輔助線。移動(dòng)對(duì)象時(shí)會(huì)出現(xiàn)輔助線。
除了用輔助線功能來對(duì)齊對(duì)象外，還可以用“對(duì)齊”面板來對(duì)齊對(duì)象。 四、群組與打散對(duì)象
? 群組又叫組合，是將多個(gè)元素組合為一個(gè)對(duì)象來處理。例如，創(chuàng)建了一幅繪畫后（如樹或花），可以將該繪畫的元素組合成一組，這樣就可以將該繪畫當(dāng)成一個(gè)整體來選擇和移動(dòng)。當(dāng)選擇某個(gè)組時(shí)，“屬性”面板會(huì)顯示該組的x和y坐標(biāo)及其像素尺寸。 ? 群組對(duì)象的方法是先用選擇工具選擇需要群組的多個(gè)對(duì)象，然后選擇“修改”→“組合”命令或按【Ctrl+G】鍵，即可將多個(gè)對(duì)象組合成一個(gè)整體。群組后這幾個(gè)對(duì)象就變?yōu)橐粋€(gè)對(duì)象，在群組對(duì)象外圍有一個(gè)藍(lán)色邊框。 ? 選擇“修改”→“取消組合”命令或按【Ctrl+Shift+G】鍵，可以取消組合。?
? 打散又叫分離，是指將位圖、文字或群組后的圖形打散成一個(gè)一個(gè)的像素點(diǎn)，以便對(duì)其中的一部分進(jìn)行編輯。 ? 打散位圖會(huì)將圖像中的像素分散到離散的區(qū)域中，可以分別選中這些區(qū)域并進(jìn)行修改。 ? 在選擇位圖過程中，用選擇工具框選位圖時(shí)，會(huì)發(fā)現(xiàn)不能選中其中的一部分，只能用鼠標(biāo)單擊選中整個(gè)位圖，位圖四周會(huì)出現(xiàn)灰色邊框，此時(shí)選擇“修改”→“分離”命令或按【Ctrl+B】鍵即可打散位圖，再用選擇工具框選位圖的一部分，會(huì)發(fā)現(xiàn)這部分出現(xiàn)許多像素點(diǎn)，這時(shí)就可以對(duì)這部分進(jìn)行編輯了。 五、
|
||
使用專用測(cè)試窗口測(cè)試影片操作方法： （3）、“HTML”選項(xiàng)卡 ? 打開“HTML”選項(xiàng)卡，在此可以設(shè)置發(fā)布網(wǎng)頁格式后的相關(guān)屬性，如影片在瀏覽器窗口中出現(xiàn)的位置、背景色、電影尺寸等。。 ? 在【發(fā)布設(shè)置】對(duì)話框中，設(shè)置動(dòng)畫的發(fā)布格式后，可以對(duì)發(fā)布的動(dòng)畫格式進(jìn)行預(yù)覽。其具體操作如下： ? （1）選擇”文件/發(fā)布預(yù)覽”命令，將彈出其子菜單。 ? （2）在該菜單中選擇一種要預(yù)覽的文件格式，即可在動(dòng)畫預(yù)覽界面中看到該動(dòng)畫發(fā)布后的效果。 ? 對(duì)動(dòng)畫進(jìn)行了測(cè)試、優(yōu)化、導(dǎo)出和發(fā)布設(shè)置后，就可以將動(dòng)畫上傳到網(wǎng)上了。 ? 在“發(fā)布設(shè)置”對(duì)話框中分別對(duì)選定的文件格式進(jìn)行具體設(shè)置后，單擊 按鈕即可完成動(dòng)畫的發(fā)布，并在Flash源文件所在位置生成一個(gè)網(wǎng)頁格式的文件。選擇該文件，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“打開”命令即可打開發(fā)布的文件，動(dòng)畫發(fā)布后的文件可以在IE瀏覽器中觀看。 ? 本次上機(jī)練習(xí)將把名為“花飄落”的動(dòng)畫發(fā)布到網(wǎng)上，發(fā)布預(yù)覽效果。
? 在項(xiàng)目中，講解了測(cè)試動(dòng)畫、優(yōu)化動(dòng)畫、導(dǎo)出動(dòng)畫、發(fā)布動(dòng)畫的相關(guān)知識(shí)，其中包括以下幾個(gè)方面的內(nèi)容： ? （1）選擇“視圖”→“數(shù)據(jù)流圖表”命令或“幀數(shù)圖表”命令測(cè)試動(dòng)畫。 ? （2）學(xué)習(xí)優(yōu)化動(dòng)畫、優(yōu)化動(dòng)畫元素、優(yōu)化文字的操作方法。 ? （3）掌握導(dǎo)出圖像文件、導(dǎo)出聲音文件、導(dǎo)出影片文件的操作方法。 ? （4）了解發(fā)布設(shè)置、發(fā)布flash影片、發(fā)布html網(wǎng)頁、發(fā)布gif圖像、發(fā)布JPEG圖像的選項(xiàng)設(shè)置。 ? 通過對(duì)項(xiàng)目?jī)?nèi)容的學(xué)習(xí)，讀學(xué)生可以掌握到測(cè)試影片和優(yōu)化作品的方法，同時(shí)還學(xué)習(xí)到發(fā)布影片和其他文件類型的設(shè)置方法。
項(xiàng)目十 綜合實(shí)例 ? Flash動(dòng)畫常運(yùn)用于搞笑動(dòng)畫、游戲、廣告、MTV、網(wǎng)頁、多媒體課件等多個(gè)領(lǐng)域，而本項(xiàng)目將以3個(gè)綜合動(dòng)畫為例，來熟練掌握用Flash制作動(dòng)畫的方法、流程和技術(shù)要點(diǎn)。
? 了解Flash動(dòng)畫的制作方法和流程 ? 掌握Flash動(dòng)畫制作的技術(shù)要點(diǎn)
? Flash各案例的技術(shù)要點(diǎn) ? Flash作品的制作步驟
Flash動(dòng)畫的制作方法和流程
跳動(dòng)的小球 鼠標(biāo)跟隨效果 生日賀卡 任務(wù)一 用Flash制作跳動(dòng)的小球 制作一個(gè)簡(jiǎn)單的“小球運(yùn)動(dòng)”實(shí)例，添加按鈕，控制小球的跳動(dòng)。
啟動(dòng)Flash CS5，創(chuàng)建一個(gè)新空白文檔?！ ?/p>
圖10-2-1
圖10-2-2 2、進(jìn)入元件編輯窗口，執(zhí)行【文件】菜單→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，找到蝴蝶飛的GIF圖片選中，單擊“打開”按鈕，圖片即導(dǎo)入，我們發(fā)現(xiàn)時(shí)間軸上已有多幀。如圖10-2-3所示。
圖10-2-4
圖10-2-5 1、執(zhí)行【插入】菜單→【新建元件】命令，打開“創(chuàng)建元件”對(duì)話框，名稱框中輸入“蝴蝶飛隱”，“行為”選擇“影片剪輯”，單擊“確定”，進(jìn)入元件編輯窗口。 打開庫窗口，從庫中把“按鈕”元件拖動(dòng)到元件編輯工作區(qū)，與工作區(qū)中的“+”號(hào)對(duì)齊，并將此層命名為“圓形”，并將此層延伸到15幀。 2、單擊時(shí)間軸上“添加圖層”按鈕，添加新圖層，并命名為“蝴蝶”。 3、選取“蝴蝶”層第2幀，插入關(guān)鍵幀，將“蝴蝶飛“元件，從庫中拖到工作區(qū)，并且調(diào)整“蝴蝶”元件大小，且與“圓形”按鈕重合。 圖10-2-6
單擊“圓形“按鈕，添加對(duì)象腳本：圖10-2-8 on(rollover)﹛gotoAndplay(2)﹜
單擊“蝴蝶”層的第一幀，添加幀腳本： stop( )
單擊“場(chǎng)景1”回到場(chǎng)景，單擊時(shí)間軸上“添加圖層”按鈕，添加新圖層，并命名為“蝴蝶飛隱”。在此圖層將庫中的“蝴蝶飛隱”影片剪輯，拖到舞臺(tái)上，一個(gè)挨一個(gè)的緊密排在一起，直到布滿整個(gè)舞臺(tái)。如圖10-2-9所示。
六、按【Ctrl】+【Enter】鍵測(cè)試影片，并保存文件。
如果使蝴蝶飛向遠(yuǎn)方，越來越小，并漸漸隱去，你如何修改此動(dòng)畫？
任務(wù)三 用Flash制作生日賀卡 制作生日賀卡動(dòng)畫。共分五個(gè)場(chǎng)景。 片頭：點(diǎn)明主題，標(biāo)出制作者 主體（3個(gè)場(chǎng)景）：制作生日賀卡 片尾：祝詞
一、制作場(chǎng)景1。 1、修改文檔屬性，設(shè)置背景色為黑色。 打開【修改】菜單→【文檔】，在“文檔屬性”對(duì)話框中設(shè)置背景顏色為“黑色”，單擊【確定】 2、導(dǎo)入背景圖片：執(zhí)行【文件】菜單→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令項(xiàng)，找到圖片文件，單擊【打開】，圖片導(dǎo)入到舞臺(tái)，調(diào)整圖片位置、大小，在舞臺(tái)右側(cè)留出一塊，準(zhǔn)備寫字。延伸此層到100幀，重命名此圖層為“背景”，鎖定此層。 3、單擊時(shí)間軸上的“插入圖層”按鈕，新建一個(gè)圖層，命名為“文字”。利用文字工具A，輸入兩文本框，右側(cè)為“朋友”：華文行楷，70磅，紅色，加粗，左側(cè)為：“記得今天是什么日子嗎？”：華文行楷，40磅，紅色，加粗，注意把文本框變窄，就會(huì)成豎排文字，單擊“選擇工具”，按下【shift】鍵，同時(shí)單擊兩文本框，選中兩文本框，執(zhí)行【修改】菜單→【轉(zhuǎn)換為元件】命令?！懊Q”欄，輸入“文字”“行為”選擇“影片剪輯”，單擊【確定】，文字周圍出現(xiàn)藍(lán)線，說明轉(zhuǎn)換成了元件，雙擊此元件，進(jìn)入元件編輯界面，此時(shí)背景圖片為灰色，在元件編輯時(shí)間軸上把圖層1延伸到100幀，插入新圖層，命名為“遮罩”，單擊“矩形”工具，筆觸顏色選擇無，在工作區(qū)拖動(dòng)出一矩形，把“朋友”兩字正好蓋住，在40幀處，插入關(guān)鍵幀，選中第1幀，利用任意變形工具，把矩形變形成一個(gè)扁矩形，在“朋友”字的上方，不能遮住文字，選中第一幀，打開“屬性”面板，“補(bǔ)間”欄，選擇“形狀”。如圖10-3-1
右擊圖層名稱，在快捷菜單中選擇“遮罩層”。如圖10-3-2所示。
圖10-3-2 4、修改“文字”元件。 新建小狗元件：執(zhí)行【插入】菜單→【新建元件】，名稱框輸入“小狗”，行為選“影片剪輯”，單擊確定，進(jìn)入元件編輯區(qū)，執(zhí)行【文件】菜單→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】打開對(duì)話框，把小狗.GIF圖片，導(dǎo)入到舞臺(tái)。如圖10-3-3
圖10-3-4 單擊“場(chǎng)景”標(biāo)簽，回到場(chǎng)景，插入一個(gè)新圖層，命名為“按鈕“，然后，執(zhí)行【窗口】菜單→【其它面板】→【公用庫】→【按鈕】，在場(chǎng)景右側(cè)面板中出現(xiàn)【庫－按鈕】面板，展開此面板打開【Playback】項(xiàng)，找到【gel Right】按鈕如圖10-3-5所示，把它拖到場(chǎng)景的左下角，適當(dāng)調(diào)整大小，單擊選中此按鈕，打開“動(dòng)作－按鈕”面板添加如下命令： on(release){gotoAnd play(“場(chǎng)景2”，1)} 請(qǐng)注意引號(hào)和逗號(hào)均用英文半角字符， 單擊第一幀，添加“stop()”命令。
二、制作場(chǎng)景2 執(zhí)行【插入】菜單→【場(chǎng)景】，進(jìn)入新場(chǎng)景編輯區(qū)。 1、制作幾個(gè)元件 執(zhí)行【插入】→【新建元件】命令，打開“新建元件”對(duì)話框，“名稱”輸入“小精靈”， “確定”，進(jìn)入文件編輯窗口，導(dǎo)入小精靈.GIF 圖片，執(zhí)行【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】，打開導(dǎo)入時(shí)對(duì)話框，找到“小精靈”圖片，單擊【打開】。圖10-3-6
同樣利用“女孩.gif”圖片，制作“跳舞”影片剪輯元件。 利用“唱歌.gif”圖片制作“唱歌”影片剪輯元件。 利用“一桌飯菜.jpg”圖片制作“飯菜”圖形元件。
利用“生日蛋糕.jpg”圖片制作“生日蛋糕”圖形元件。如圖10-3-6 利用“吹蠟燭.jpg”圖片制作“吹蠟燭”圖形元件。 插入新圖層，命名為“文字”。執(zhí)行【插入】→【新建元件】，名稱框輸入“文字2”，“行為”選擇“影片剪輯”，單擊【確定】，進(jìn)入元件編輯區(qū)。單擊文本工具“A”，在工具區(qū)輸入：“今天是你的生日”，設(shè)置成隸書、40磅、紅色、加粗，在40幀插入幀（F5鍵），插入新圖層，命名為：“遮罩”，利用矩形工具，在文字左側(cè)畫一窄矩形、高度比文字略高，在40幀插入關(guān)鍵幀，利用“任意變形工具”，使矩形完全覆蓋住文字，單擊第一幀，打開“屬性”面板，補(bǔ)間欄選擇“形狀”。右擊圖層名稱，從快捷菜單中選擇“遮罩層”命令。 單擊場(chǎng)景標(biāo)簽，回到場(chǎng)景，把剛創(chuàng)建的“文字2”元件拖動(dòng)到“女孩”頭部。 插入新圖層，命名為“腳本”。在第一幀添加腳本：stop()
on(release){gotoAnd play(“場(chǎng)景3”，1)} 請(qǐng)注意引號(hào)和逗號(hào)均用英文半角字符。 圖10-3-7 三、制作場(chǎng)景3 執(zhí)行【插入】菜單→【場(chǎng)景】，進(jìn)入新場(chǎng)景編輯區(qū)。 重命名圖層1為“圖片”，把庫中的“飯菜”，拖到舞臺(tái)中部，縮小圖片，利用“屬性”面板，顏色的Alpha值設(shè)為10% ，在50幀處插入關(guān)鍵幀，并放大圖片，Alpha值設(shè)為100%。 插入新圖層，重命名為“文字”，在舞臺(tái)右側(cè)，插入豎排文字：“給你準(zhǔn)備了一桌酒席”。 插入新圖層，重命名為“遮罩”，在文字正上方，用矩形工具畫一個(gè)矩形，在50幀處插入關(guān)鍵幀，利用“任意變形工具”，使矩形完全覆蓋住文字，單擊第一幀，打開“屬性”面板，補(bǔ)間欄選擇“形狀”。右擊圖層名稱，從快捷菜單中選擇“遮罩層”命令。如圖10-3-8所示：
圖10-3-8 在“圖片”圖層51幀處插入空白關(guān)鍵幀，把庫中的“生日蛋糕”元件拖動(dòng)到舞臺(tái)外左側(cè)，利用“任意變形工具”縮小圖片，在100幀處插入關(guān)鍵幀，放大圖片至整個(gè)舞臺(tái)。 在“文字”圖層51幀處插入空白關(guān)鍵幀，利用文本工具輸入一橫排文字：“送上一盒蛋糕，送上一份祝?！保O(shè)置成隸書、30磅、綠色、加粗。在100幀處插入幀。 在“遮罩” 圖層51幀處插入空白關(guān)鍵幀，在文字左方，用矩形工具畫一個(gè)矩形，在100幀處插入關(guān)鍵幀，利用“任意變形工具”，使矩形完全覆蓋住文字，單擊第51幀，打開“屬性”面板，補(bǔ)間欄選擇“形狀”。
圖10-3-9 制作“生日快樂”元件：執(zhí)行【插入】→【新建元件】命令，打開“新建元件”對(duì)話框，“名稱”輸入“生日快樂”，行為選“影片剪輯”，單擊確定，進(jìn)入元件編輯區(qū)，新建三個(gè)層共四個(gè)層，由下到上分別命名為：“生”、“日”、“快”、“樂”；分別在1、3、5、7幀插入關(guān)鍵幀，用 “文本工具”分別輸入“生”、“日”、“快”、“樂”，各層分別在17、25幀插入關(guān)鍵幀，調(diào)整各層各關(guān)鍵幀文字位置，使每個(gè)字上下跳動(dòng)。分別在起始幀和17幀設(shè)置“動(dòng)作”補(bǔ)間。如圖10-3-10所示。
回到場(chǎng)景，在“文字”圖層101幀處插入空白關(guān)鍵幀，把庫中的剛制作“生日快樂”元件拖到舞臺(tái)的右側(cè)中部，調(diào)整位置大小。 導(dǎo)入聲音“祝你生日快樂”（同導(dǎo)入圖片文件），打開“屬性”面板，在“聲音”框選中剛導(dǎo)入的聲音文件“祝你生日快樂”，“同步”框選擇“事件”、“循環(huán)”。
圖10-3-11 四、制作片頭——場(chǎng)景4 1、打開【插入】菜單→【場(chǎng)景】，進(jìn)入新場(chǎng)景編輯區(qū)，重命名圖層為“文字”，單擊工具欄文本工具A，在舞臺(tái)中部單擊，輸入“生日快樂”，單擊箭頭工具，退出編輯狀態(tài)，打開“屬性”面板，文本欄一定為“靜態(tài)文本”，選擇“顏色”為紅色，字體為“華文行楷”字號(hào)為“72磅”，然后，鼠標(biāo)拖動(dòng)文字到舞臺(tái)中部合適位置。在此層60 幀處插入“幀”。 2、單擊時(shí)間軸上的“插入圖層”按鈕，插入新圖層，并命名為“遮罩”，單擊第一幀，選擇矩形工具，設(shè)筆觸顏色為“無”。在“生日快樂”左邊開始，畫一矩形，使之正好完全遮住文字為準(zhǔn)，單擊任意變形工具，在60幀插入“關(guān)鍵幀”（可用F6鍵），單擊第一幀，利用任意變形工具，把矩行縮到文字的左邊，注意不能遮住文字。 選中此圖層第一幀，打開屬性面板，“補(bǔ)間”欄選擇“形狀”。
圖10-3-12 3、 單擊時(shí)間軸上“插入圖層”按鈕，命名此圖層為“作者”，在60幀插入關(guān)鍵幀，在舞臺(tái)下方插入靜態(tài)文本框，輸入文字“制作者：XXX”，XXX是自己姓名，（具體過程參照文字層制作），設(shè)置文字顏色、大小，選中“制作者：XXX”，打開【修改】菜單→【轉(zhuǎn)化為元件】，打開“轉(zhuǎn)化為元件”對(duì)話框，名稱欄輸入“作者”，行為選擇“圖形”，單擊【確定】，在100幀處插入“關(guān)鍵幀”，再次單擊第60幀，打開屬性面板，單擊“制作者”，從“顏色”框中選擇Alpha，設(shè)置Alpha值為10%，單擊第60幀，在屬性面板“補(bǔ)間”欄，選擇“動(dòng)作”單擊，制作出“作者”顏色由淡變深到完全顯示的過程。把下面兩層延伸到100幀。 4、 單擊時(shí)間軸“插入圖層”按鈕，插入新圖層，雙擊圖層名稱，輸入“按鈕”，命名此圖層。 執(zhí)行【插入】菜單→【新建元件】命令項(xiàng)，制作出一個(gè)“play”按鈕（過程略） 回到場(chǎng)景，打開庫面板，把“play”按鈕拖到舞臺(tái)左下方，調(diào)整大小、位置。單擊此按鈕，打開動(dòng)作面板，添加如下命令： on（release）{play()} 在此層的100幀處插入關(guān)鍵幀，打開動(dòng)作面板，添加命令： stop（）//在此幀處停止播放動(dòng)畫片
圖10-3-13 五、制作場(chǎng)景5——片尾 1、執(zhí)行【插入】菜單→【場(chǎng)景】命令,進(jìn)入場(chǎng)景編輯區(qū). 2、雙擊圖層名稱修改為“文字”，在工作區(qū)中輸入文字： “送你一份祝福： 開心每一秒， 快樂每一天， 幸福每一年， 健康到永遠(yuǎn)！ 送你一件禮物， 我自做的外套: 前面是平安， 后面是幸福， 吉祥是領(lǐng)子， 如意是袖子， 快樂是扣子， 口袋里滿是溫暖， 穿上吧， 讓它相伴你的每一天！ 生日快樂” 在200幀處插入關(guān)鍵幀，把文本移到舞臺(tái)上方。 3、單擊時(shí)間軸“插入圖層”按鈕，插入新圖層，雙擊圖層名稱，輸入“遮罩”，命名此圖層。在舞臺(tái)中部畫一個(gè)大橢圓，寬度大于文本框?qū)挾取Ｓ覔魣D層名稱，在打開的快捷菜單，單擊“遮罩層”命令，把此層設(shè)為遮罩層。 4、單擊時(shí)間軸“插入圖層”按鈕，插入新圖層，雙擊圖層名稱，輸入“生日快樂”，重命名此圖層。打開庫面板，把“生日快樂”元件拖到橢圓上方。按【Ctrl】+【Alt】+【Enter】組合鍵，測(cè)試本場(chǎng)景，回到文檔編輯窗口，調(diào)整各對(duì)象位置，直到滿意為止。
圖10-3-14 最后，在200幀添加腳本：stop()。場(chǎng)景5如圖10-3-15所示：
六、調(diào)整場(chǎng)景順序： 執(zhí)行【窗口】菜單→【設(shè)計(jì)面板】→【場(chǎng)景】命令項(xiàng)，打開如下對(duì)話框：如圖10-3-16
圖10-3-16 利用此面板可進(jìn)行場(chǎng)景的排序、復(fù)制、添加、刪除操作。最下面三個(gè)按鈕從左到右分別是“復(fù)制、添加、刪除”場(chǎng)景按鈕，影片的播放是按場(chǎng)景的前后順序播放的，我們想先播放“場(chǎng)景4”即片頭，就應(yīng)把“場(chǎng)景4”即片頭拖到場(chǎng)景1前。
充分發(fā)揮你的想象，制作一賀卡
|
||
