- Flash CS3動(dòng)畫制作完全自學(xué)手冊(cè)
- 《Flash CS3動(dòng)畫制作完全自學(xué)手冊(cè)》編委會(huì)編著
- 1402字
- 2018-12-29 18:29:24
Part 1 技能入門篇
從零開始——一點(diǎn)不懂先入門
學(xué)習(xí)導(dǎo)航
如果您是Flash的初學(xué)者,或?qū)lash動(dòng)畫制作有點(diǎn)了解,但基礎(chǔ)不太好的讀者,請(qǐng)您靜下心來,認(rèn)真系統(tǒng)地學(xué)習(xí)本書的入門篇內(nèi)容。
通過本篇內(nèi)容的學(xué)習(xí),您會(huì)快速掌握Flash動(dòng)畫制作的相關(guān)知識(shí)。將讓您學(xué)會(huì)Flash CS3動(dòng)畫制作的基本操作、動(dòng)畫對(duì)象的繪制與編輯、幀與圖層的編輯、元件與庫的應(yīng)用、行為與組件的應(yīng)用、ActionScript腳本應(yīng)用、影片優(yōu)化與輸出等內(nèi)容。
第1章 Flash CS3動(dòng)畫制作入門
(主要介紹Flash CS3的安裝與刪除、Flash CS3的基本操作、動(dòng)畫制作的方法及步驟等知識(shí))
第2章 繪制動(dòng)畫對(duì)象
(主要介紹Flash CS3繪圖工具、顏色工具、圖形編輯工具的使用方法等知識(shí))
第3章 設(shè)置與編輯動(dòng)畫對(duì)象
(主要介紹在Flash CS3中,如何對(duì)動(dòng)畫對(duì)象進(jìn)行編輯與組織、對(duì)象形狀的編輯等知識(shí))
第4章 使用動(dòng)畫素材與編輯文字
(主要介紹如何導(dǎo)入與使用外部動(dòng)畫素材文件、動(dòng)畫文字的錄入與編輯、特效字的制作等知識(shí))
第5章 幀與圖層
(主要介紹Flash動(dòng)畫制作中幀的應(yīng)用與編輯、圖層的創(chuàng)建與編輯、場(chǎng)景的使用等知識(shí))
第6章 基本動(dòng)畫的編輯與制作
(主要介紹Flash動(dòng)畫的類型、以及各種類型動(dòng)畫的制作方法等知識(shí))
第7章 元件與庫
(主要介紹Flash動(dòng)畫元件的種類、各種元件的創(chuàng)建與編輯,以及庫的使用等知識(shí))
第8章 在動(dòng)畫中插入多媒體
(主要介紹Flash動(dòng)畫中的多媒體文件格式,以及如何導(dǎo)入和編輯多媒體對(duì)象等知識(shí))
第9章 ActionScript的應(yīng)用基礎(chǔ)
(主要介紹ActionScript的基礎(chǔ)知識(shí)、動(dòng)作腳本的使用方法、了解數(shù)據(jù)類型、常量、變量、運(yùn)算符、函數(shù)的概念,認(rèn)識(shí)腳本語句的語法規(guī)則等知識(shí))
第10章 編輯與使用ActionScript
(主要介紹常用腳本類型ActionScript語句的編輯與使用方法等知識(shí))
第11章 行為與組件的使用
(主要介紹行為與組件的功能作用,以及行為與組件的使用方法等知識(shí))
第12章 優(yōu)化與輸出影片
(主要介紹Flash動(dòng)畫的測(cè)試與調(diào)試方法、影片的優(yōu)化與輸出方法等知識(shí))
第1章 Flash CS3動(dòng)畫制作入門
本章導(dǎo)讀:
Flash CS3是目前最流行的Flash動(dòng)畫制作軟件,使用它可以制作各種精美的網(wǎng)絡(luò)動(dòng)畫、電視動(dòng)畫、廣告動(dòng)畫、音樂動(dòng)畫等。
本章主要向讀者介紹Flash CS3軟件的安裝和基本操作,以及動(dòng)畫文件的建立操作方法。
技能提要:
λ 了解Flash動(dòng)畫的基礎(chǔ)知識(shí)
λ 掌握Flash CS3的安裝和卸載
λ 熟悉Flash CS3軟件的操作界面
λ 掌握Flash CS3中動(dòng)畫文件的建立、保存、打開操作
λ 掌握舞臺(tái)的設(shè)置方法
λ 了解Flash CS3中建立動(dòng)畫的操作步驟
1.1 Flash動(dòng)畫制作基礎(chǔ)
1.1.1 認(rèn)識(shí)Flash動(dòng)畫
使用Flash軟件制作出的動(dòng)畫我們稱為Flash動(dòng)畫,或稱為Flash影片。隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展和進(jìn)步,互聯(lián)網(wǎng)的日益普及,最初只是在網(wǎng)頁中使用的Flash動(dòng)畫已經(jīng)逐步應(yīng)用到各行各業(yè),F(xiàn)lash已經(jīng)成為使用最廣泛、最受用戶青睞的平面動(dòng)畫制作軟件。Flash動(dòng)畫制作簡(jiǎn)單、畫面精美、圖形質(zhì)量高、播放流暢、支持多種多媒體元素,配合強(qiáng)大的ActionScript腳本語言,特別適合動(dòng)畫愛好者設(shè)計(jì)各種精美的動(dòng)畫廣告、MTV動(dòng)畫、電視廣告、動(dòng)畫小游戲等。
本章中,希望讀者對(duì)Flash動(dòng)畫有一定的認(rèn)識(shí),熟悉Flash CS3動(dòng)畫設(shè)計(jì)軟件的基本操作。
名師點(diǎn)撥:
Flash CS3和原來的Flash 8的使用方法基本相同。
1.1.2 Flash動(dòng)畫的特點(diǎn)
我們平常所提到的Flash包括兩方面的含義:一是指用該軟件制成的動(dòng)畫作品,即Flash動(dòng)畫;二是指Flash的制作、播放軟件及相關(guān)插件。
Flash動(dòng)畫的特點(diǎn)主要表現(xiàn)在以下幾個(gè)方面。
● 動(dòng)畫作品文件數(shù)據(jù)量非常小:Flash作品中的對(duì)象可以是“矢量圖形”,所以動(dòng)畫大小可以保持最小狀態(tài),即使動(dòng)畫內(nèi)容很豐富,其數(shù)據(jù)量也非常小。
● 下載時(shí)間短:Flash動(dòng)畫是一種流式動(dòng)畫,可以邊下載邊欣賞動(dòng)畫,而不必等待全部動(dòng)畫下載完畢后才開始播放,這一特點(diǎn)吸引了許多用戶。
● 交互性強(qiáng):Flash具有極強(qiáng)的交互功能,開發(fā)人員可以輕易地為動(dòng)畫添加交互效果。有些動(dòng)畫(如游戲)還可以讓用戶參與,可以極大地提高用戶興趣。
● 適用范圍廣:Flash動(dòng)畫適用范圍極廣。它可以應(yīng)用于MTV、小游戲、網(wǎng)頁制作、搞笑動(dòng)畫、情景劇和多媒體課件等領(lǐng)域,還可以將其制作成項(xiàng)目文件,運(yùn)用于多媒體光盤或展示,因此受到廣大用戶的青睞。
● 圖像質(zhì)量高:Flash動(dòng)畫大多由矢量圖形制作而成,由于矢量圖形可以真正無限制地放大而不影響其質(zhì)量,因此圖像的質(zhì)量很高。它不像一般的位圖,放大顯示時(shí)會(huì)形成鋸齒狀,因而顯得很模糊。
1.1.3 認(rèn)識(shí)Flash動(dòng)畫的應(yīng)用領(lǐng)域
目前,F(xiàn)lash動(dòng)畫已經(jīng)廣泛應(yīng)用到多個(gè)領(lǐng)域。
● 網(wǎng)絡(luò)動(dòng)畫廣告:因?yàn)镕lash對(duì)矢量圖的應(yīng)用及對(duì)視頻、聲音的良好支持,使它能在文件容量不大的情況下實(shí)現(xiàn)多媒體的播放;再加上Flash動(dòng)畫以“流媒體”的形式進(jìn)行播放等特點(diǎn),使Flash制作的作品適合網(wǎng)絡(luò)環(huán)境下的傳輸,也使Flash成為網(wǎng)絡(luò)動(dòng)畫的重要制作工具之一。
● 電視廣告:由于Flash動(dòng)畫制作簡(jiǎn)單、畫面精美,能抽象化地表現(xiàn)圖形,在電視節(jié)目中經(jīng)常可以看到用Flash制作的各種電視廣告。比如:手機(jī)鈴聲下載、短信廣告等。Flash動(dòng)畫廣告與傳統(tǒng)的廣告相比更加新穎、更加生動(dòng)、更加吸引人。
● 動(dòng)畫短片:比較優(yōu)秀的動(dòng)畫創(chuàng)作人員已經(jīng)可以使用Flash制作一些有趣的動(dòng)畫短片、電影等,可以預(yù)見在將來會(huì)出現(xiàn)更多的Flash動(dòng)畫短片。
● Flash游戲:使用Flash可以制作許多不同類型的休閑小游戲。游戲通常結(jié)合了Flash的動(dòng)畫功能和ActionScript的邏輯功能,使用鼠標(biāo)或者鍵盤達(dá)到與游戲交互的效果。
● Flash MTV:由于可以在Flash動(dòng)畫中加入聲音,生成包含多媒體的動(dòng)畫。因此可以將MP3等格式的歌曲導(dǎo)入Flash中,并為歌曲設(shè)計(jì)同步的動(dòng)畫,以MTV的形式表達(dá)出來,即可成為具有獨(dú)特魅力的Flash MTV。Flash MTV可以實(shí)現(xiàn)普通的MTV無法實(shí)現(xiàn)的效果,從而成為Flash的一個(gè)重要應(yīng)用領(lǐng)域。
● 簡(jiǎn)單的應(yīng)用系統(tǒng):隨著ActionScript功能的日益強(qiáng)大,F(xiàn)lash漸漸地走進(jìn)了實(shí)際應(yīng)用領(lǐng)域的前臺(tái)。Flash不同于其他普通的編程工具和動(dòng)畫制作軟件,它可以將圖形圖像、動(dòng)畫設(shè)計(jì)、ActionScript語言完美地結(jié)合在一起,生成生動(dòng)的交互應(yīng)用系統(tǒng)。
● 多媒體教學(xué):由于Flash素材的獲取方法多種多樣,為多媒體教學(xué)提供了一個(gè)更易操作的平臺(tái),配合動(dòng)畫直觀的演示方式,所以被越來越多的教師和學(xué)生喜愛。
● 其他應(yīng)用:Flash動(dòng)畫還越來越多地應(yīng)用到動(dòng)畫光盤、多媒體展示、幻燈片演示等多個(gè)領(lǐng)域,并且還在不斷地延伸。
1.2 認(rèn)識(shí)Flash CS3
1.2.1 Flash CS3的軟件基礎(chǔ)
Macromedia公司自2000年推出了Flash 5.0以后,F(xiàn)lash動(dòng)畫在國內(nèi)迅速流行起來。此后,Macromedia公司先后推出了Flash MX(6.0)、Flash MX 2004(7.0)、Flash CS3版。自2006年Adobe公司收購Macromedia公司后,整合了Photoshop以及網(wǎng)頁三劍客(Dreamweaver、Flash、Fireworks)等軟件,于2007年初推出了最新版的Adobe CS3系列,本書將向讀者介紹的是Flash CS3(9.0)版的使用。
1.2.2 認(rèn)識(shí)Flash CS3的新增功能
Flash在每個(gè)版本的基礎(chǔ)上又分別制作了Windows版和Mac版,用戶可以根據(jù)自己的操作系統(tǒng)安裝對(duì)應(yīng)的Flash版本。本書以Windows系統(tǒng)下的Flash CS3 Professional版本作為教學(xué)案例,Mac系統(tǒng)下的Flash CS3版使用是相同的。下面簡(jiǎn)略介紹一下Flash CS3的新增功能。
1. 標(biāo)準(zhǔn)的CS3界面
Flash CS3中對(duì)Flash用戶界面進(jìn)行了更新,使它和其他的Adobe Creative Suite CS3組件操作界面一致。Adobe CS3中所有軟件都具有一致的外觀,可以方便用戶更容易地使用其他組件,如Photoshop CS3。
2. 與Photoshop和Illustrator軟件的集成
在Flash CS3中,用戶可以導(dǎo)入Photoshop制作的PSD源文件,并保留PSD文件中的圖層等內(nèi)部信息,在Photoshop中輸入的文本在Flash CS3中仍然可以編輯修改。在Flash CS3中導(dǎo)入Illustrator文件時(shí),可以決定導(dǎo)入Illustrator文件中的哪些層、組或?qū)ο螅约叭绾螌?dǎo)入它們,可以選擇導(dǎo)入的Illustrator圖層是分別作為Flash的獨(dú)立圖層,還是合成一個(gè)圖層。
3. ActionScript 3.0腳本語言
在Flash CS3中推出了新的ActionScript 3.0腳本語言,同時(shí)也保留了原Flash CS3中的ActionScript 2.0腳本語言,老用戶也可以使用原來的ActionScript 2.0腳本語言在Flash CS3中制作出相同的動(dòng)畫效果。
全新的ActionScript 3.0腳本語言既可以使新手輕松入門,又具有強(qiáng)大的功能滿足專業(yè)程序員的需要。使用內(nèi)置的ActionScript 3.0用戶界面和視頻組件,如按鈕、滾動(dòng)條、滑塊等,專業(yè)人士可以大大提升開發(fā)速度、節(jié)約寶貴的時(shí)間。新增的可以編輯的組件屬性使用戶方便地定制組件外觀,從而適應(yīng)不同界面的需求。
4. 動(dòng)畫與代碼的轉(zhuǎn)換支持
在Flash CS3中,用戶可以使用可視化的方式制作動(dòng)畫,然后將動(dòng)畫轉(zhuǎn)換為可以重用、易于編輯的ActionScript代碼。如時(shí)間軸補(bǔ)間動(dòng)畫可以即時(shí)轉(zhuǎn)換為ActionScript 3.0代碼,并可應(yīng)用于其他的元件,該新功能還可以支持縮放、旋轉(zhuǎn)、傾斜、顏色、濾鏡等多種屬性。
5. 增強(qiáng)的繪圖工具
在Flash CS3中對(duì)繪圖工具進(jìn)行了增強(qiáng),新的鋼筆工具分為鋼筆工具、添加錨點(diǎn)工具、刪除錨點(diǎn)工具、轉(zhuǎn)換錨點(diǎn)工具,使用方法和Photoshop軟件相同,便于對(duì)圖形進(jìn)行更細(xì)致地調(diào)整。新的基本矩形工具使用戶可以可視化地在舞臺(tái)上調(diào)整形狀的屬性,還可以更容易地調(diào)整矩形的圓角或者創(chuàng)建餅圖等。
6. Adobe設(shè)備中心
Adobe CS3設(shè)備中心已經(jīng)包括在Flash CS3中,借助于內(nèi)置的設(shè)備模板和不斷更新的設(shè)備參數(shù)文件,可以大大簡(jiǎn)化移動(dòng)內(nèi)容的創(chuàng)建過程。現(xiàn)在用戶可以方便地設(shè)計(jì)、預(yù)覽以及測(cè)試移動(dòng)內(nèi)容,例如交互的Flash應(yīng)用程序和豐富的用戶界面。
7. 增強(qiáng)的Quicktime視頻支持
QuickTime導(dǎo)出功能針對(duì)想要以Quicktime視頻格式發(fā)布Flash內(nèi)容(例如動(dòng)畫)的用戶而設(shè)計(jì)。Flash CS3版本提高了導(dǎo)出的QuickTime視頻文件的質(zhì)量,用戶可以將這些視頻文件作為視頻流或通過DVD進(jìn)行分發(fā),或者將其導(dǎo)入到其他視頻編輯軟件中。
1.3 Flash CS3安裝與卸載
本書以在Windows XP系統(tǒng)下安裝Flash Professional CS3為例,在其他Windows或MacOS系統(tǒng)上的安裝方法相同。
1.3.1 軟件安裝環(huán)境
要在電腦中安裝Flash Professional CS3軟件,對(duì)系統(tǒng)環(huán)境的最低要求如下。
● 800 MHz Intel Pentium III級(jí)別以上的處理器。
● Windows2000以上操作系統(tǒng)。
● 256 MB以上內(nèi)存。
● 710 MB以上可用磁盤空間。
● 1024×768,16位以上彩色顯示器。
● CD-ROM光驅(qū)等。
1.3.2 安裝Flash CS3
在電腦中安裝Flash Professional CS3軟件,其具體操作方法如下。
01 將安裝光盤放入到光驅(qū),然后打開“我的電腦”窗口,從光盤中找到安裝程序文件“setup.EXE”并雙擊運(yùn)行,系統(tǒng)開始讀取軟件包中的內(nèi)容并進(jìn)行系統(tǒng)檢查。
02 進(jìn)入“許可協(xié)議”對(duì)話框,選擇使用的語言閱讀許可協(xié)議
單擊“接受”按鈕同意軟件使用許可協(xié)議,如圖1-1所示。

圖1-1
03 進(jìn)入“選項(xiàng)”對(duì)話框,選擇是否安裝Flash CS3的可選組件,選擇表示安裝單擊“下一步”按鈕,如圖1-2所示。

圖1-2
04 進(jìn)入“安裝位置”對(duì)話框,指定軟件安裝磁盤單擊“瀏覽”按鈕可以選擇安裝的文件夾,建議不要更改,軟件將安裝到Program Files\Adobe文件夾中
單擊“下一步”按鈕,如圖1-3所示。

圖1-3
05 進(jìn)入“摘要”對(duì)話框,查看安裝信息摘要,檢查是否正確,如需要修改單擊“上一步”按鈕依次返回到上一步操作重新設(shè)置。單擊“安裝”按鈕,如圖1-4所示。

圖1-4
06 系統(tǒng)開始復(fù)制安裝文件并顯示安裝進(jìn)度,軟件安裝完成后顯示“安裝完成”對(duì)話框。單擊“完成”按鈕。如圖1-5所示。

圖1-5
名師點(diǎn)撥:
選擇安裝“Adobe Flash Player 9 ActiveX”組件表示將Flash播放器插件安裝到電腦系統(tǒng)中,使瀏覽器能夠播放網(wǎng)頁中的Flash動(dòng)畫文件。
“Adobe Flash Player 9 Plugin”表示在系統(tǒng)中安裝Flash播放器軟件,可以脫離Flash軟件直接播放“SWF”的動(dòng)畫文件。建議選擇安裝這兩個(gè)組件。
1.3.3 卸載Flash CS3
在Windows的“控制面板”中雙擊“添加或刪除程序”圖標(biāo),打開“添加或刪除程序”窗口,并在已安裝的程序列表中找到Macromedia Flash CS3單擊并選擇“更改/刪除”按鈕,即可打開刪除對(duì)話框,然后根據(jù)提示逐步卸載該軟件,如圖1-6所示。

圖1-6
1.3.4 啟動(dòng)Flash CS3
單擊“開始”菜單選擇“所有程序”命令
在顯示的程序中,單擊 “Adobe Flash CS3 Professional”命令即可啟動(dòng)該軟件,如圖1-7所示。

圖1-7
名師點(diǎn)撥:
第一次啟動(dòng)軟件時(shí),需要激活軟件方可使用,用戶可以向銷售商索取軟件使用序列號(hào),填寫正確的信息后激活軟件。
1.3.5 退出Flash CS3
退出Flash CS3軟件的方法和其他軟件相同,單擊窗口右上角的“關(guān)閉”按鈕即可。也可以單擊“文件”菜單中的“退出”命令即可退出Flash CS3的程序。
1.4 熟悉Flash CS3的工作界面
1.4.1 熟悉工作區(qū)
啟動(dòng)Flash軟件后,出現(xiàn)啟動(dòng)對(duì)話框界面。在啟動(dòng)對(duì)話框中可以選擇創(chuàng)建新的文件、通過模板建立文件、打開已有的文件等,還可以打開“Flash快速入門”教程等幫助資料進(jìn)行學(xué)習(xí),如圖1-8所示。

圖1-8
新建“Flash文件(ActionScript 3.0)”和“Flash文件(ActionScript 2.0)”創(chuàng)建的文件的區(qū)別只在于使用的腳本語言不同,其他方面的操作是相同的。
選擇創(chuàng)建“Flash文件”選項(xiàng),進(jìn)入軟件工作主界面,創(chuàng)建一個(gè)新的Flash動(dòng)畫,如圖1-9所示,下面簡(jiǎn)略介紹軟件的各個(gè)區(qū)域及功能。
● “菜單欄”:包括了軟件的常用功能命令。
● “工具欄”:包括常用工具欄和控制器欄,可以通過窗口菜單打開或關(guān)閉。常用工具欄中包括一些基本的編輯按鈕,如新建、打開、保存、打印、剪切、復(fù)制、粘貼、撤消、重做、緊貼至對(duì)象、平滑、伸直、旋轉(zhuǎn)與傾斜、縮放、對(duì)齊。控制器欄中包括控制Flash動(dòng)畫播放的相關(guān)按鈕,如播放、停止、轉(zhuǎn)到第一幀、后退一幀、前進(jìn)一幀、轉(zhuǎn)到最后一幀。
● “繪圖工具欄”:列出了常用的圖形繪制工具、查看工具、顏色工具等。單擊工具欄頂端的“”按鈕可以使工具欄在“單列”與“兩列”間切換。

圖1-9
● “文件欄”:文件欄中顯示當(dāng)前正在編輯和其他已經(jīng)打開的文檔名稱,可以單擊名稱切換到其他文檔,或在文檔名稱上點(diǎn)右鍵選擇文件操作命令。編輯欄右上方的三個(gè)圖標(biāo)分別是最小化當(dāng)前文檔、還原文檔界面、關(guān)閉當(dāng)前文檔。
● “時(shí)間軸”:時(shí)間軸主要用于創(chuàng)建動(dòng)畫和播放動(dòng)畫。左側(cè)為圖層區(qū),可以建立、刪除、顯示/隱藏、鎖定圖層等。右側(cè)為時(shí)間軸控制區(qū),包括播放指針、幀格、時(shí)間軸狀態(tài)欄。
● “導(dǎo)航欄”:編輯欄左方的“”按鈕可以隱藏時(shí)間軸,在編輯欄左方還顯示了當(dāng)前編輯的場(chǎng)景名,單擊右方的場(chǎng)景切換按鈕“
”可以轉(zhuǎn)到相應(yīng)的場(chǎng)景中,編輯元件按鈕“
”可以打開元件進(jìn)行編輯,在視圖調(diào)整框中
選擇顯示比例,可以改變工作區(qū)中內(nèi)容的顯示大小。單擊“工作區(qū)”按鈕可以選擇工作區(qū)的布局樣式。
● “舞臺(tái)”:舞臺(tái)是Flash動(dòng)畫創(chuàng)建和編輯的區(qū)域,用戶繪制的Flash動(dòng)畫對(duì)象都是存放到舞臺(tái)上,如繪制的圖形,輸入的文字,導(dǎo)入的圖片和視頻等。
● “面板”:面板是Flash CS3中編輯對(duì)象的一些小窗口。舞臺(tái)下方的“屬性面板”主要用于設(shè)置整個(gè)文檔的屬性,當(dāng)選擇了屬臺(tái)上的對(duì)象后屬性面板用于設(shè)置已選對(duì)象的屬性。舞臺(tái)右側(cè)的稱為“浮動(dòng)面板”,包括了各方面的設(shè)置窗口。可以通過“窗口菜單”打開,可以展開、層疊、關(guān)閉,移動(dòng)其位置,組合成面板組。
名師點(diǎn)撥:
Flash舞臺(tái)外存放的內(nèi)容在播放動(dòng)畫時(shí)是不可見的,要使內(nèi)容在播放時(shí)可見,必須將其放置到舞臺(tái)內(nèi)。但在制作動(dòng)畫時(shí),有時(shí)也需要將某個(gè)內(nèi)容從舞臺(tái)外運(yùn)動(dòng)到舞臺(tái)上。
排解疑難
問:什么是場(chǎng)景?為什么需要多個(gè)場(chǎng)景呢?
答:場(chǎng)景是一段連續(xù)的時(shí)間軸,可以包含一段完整的動(dòng)畫片斷,相當(dāng)于電影的“一卷膠片”。有時(shí)在制作復(fù)雜的動(dòng)畫時(shí),為了便于編輯,可以將動(dòng)畫分解成幾段片斷,即建立多個(gè)場(chǎng)景。每個(gè)場(chǎng)景既是獨(dú)立的,有自己的時(shí)間軸;又是相互聯(lián)系的,多個(gè)場(chǎng)景構(gòu)成了一個(gè)完整的Flash文件。相當(dāng)于一部電影包括了幾卷“膠片”。一個(gè)Flash文件至少有一個(gè)場(chǎng)景。
1.4.2 熟悉面板
在Flash中將各種工具分類放到一些可折疊的小窗口中,稱為面板。下面列出一些常用的面板。
1. 屬性面板
組合鍵<Ctrl+F3>,用于顯示當(dāng)前所選對(duì)象的相關(guān)信息,并可以在屬性面板中修改這些信息,是編輯對(duì)象時(shí)最常用的面板。
2. 幫助面板
組合鍵<F1>,幫助面板中可以學(xué)習(xí)“Flash入門教程”、“使用幫助”,以及一些“Flash制作范例”、“組件和腳本的使用幫助”。建議讀者經(jīng)常查看,遇到問題時(shí),也可以在幫助中搜索相關(guān)的資料。
3. 動(dòng)作面板
組合鍵<F9>,在制作交互動(dòng)畫效果時(shí),需要給動(dòng)畫添加ActionScript語言,在動(dòng)作面板中可以直接輸入腳本語句,也可以在導(dǎo)航器中選擇腳本。
4. 混色器面板
組合鍵<Shift+F9>,用于創(chuàng)建和編輯純色以及漸變顏色效果,可以調(diào)制出大量的顏色,以及設(shè)置筆觸、填充色、透明度。
5. 顏色樣本面板
除了可以直接選擇筆觸和填充色外,還可以添加和刪除顏色。
6. 庫和公用庫面板
組合鍵<Ctrl+L>,在庫面板中可以方便地查找和調(diào)用資源。這些資源包括:制作的元件、導(dǎo)入的圖片、聲音、視頻等。公用庫中包含了Flash提供的一些學(xué)習(xí)交互、按鈕、類資源。
7. 對(duì)齊面板
組合鍵<Ctrl+K>,用于快速將多個(gè)內(nèi)容以及內(nèi)容和舞臺(tái)之間排列整齊,包括對(duì)齊、分布、大小匹配、間隔等功能。
8. 變形面板
組合鍵<Ctrl+T>,通過變形面板,可以輸入數(shù)值對(duì)某個(gè)對(duì)象進(jìn)行縮放、旋轉(zhuǎn)、傾斜,也可以將內(nèi)容進(jìn)行變形并復(fù)制。
9. 信息面板
組合鍵<Ctrl+I>,信息面板主要顯示當(dāng)前所選定對(duì)象的一些基本信息,如大小、位置、注冊(cè)點(diǎn)的位置,也可以在面板中更改這些信息。
10. 行為面板
組合鍵<Shift+F3>,如果使用者對(duì)Flash的ActionScript腳本不太熟悉,可以通過行為面板將某些動(dòng)作直接添加到某個(gè)對(duì)象中,就可以控制該對(duì)象了。
11. 影片瀏覽器面板
組合鍵<Alt+F3>,面板中以分層結(jié)構(gòu)的形式顯示出當(dāng)前使用的元素,以及當(dāng)前影片中所包含的所有信息,如:文字、元件、腳本、聲音視頻、圖片、幀和層等,可以通過該面板快速地找到某個(gè)內(nèi)容。
12. 輸出面板
組合鍵<F2>,面板的作用是在測(cè)試影片時(shí)顯示文檔中的錯(cuò)誤信息,如ActionScript錯(cuò)誤,幫助用戶排除文件中的錯(cuò)誤。
13. 組件和組件檢查器面板
組合鍵<Ctrl+F7>或<Alt+F7>,組件中包括了一些具有交互功能的元件,可以使用組件來建立簡(jiǎn)單的應(yīng)用程序。組件檢查器用于設(shè)置組件的相關(guān)參數(shù)值。
14. 歷史記錄面板
組合鍵<Ctrl+F10>,面板中記錄了在文檔中逐步執(zhí)行的操作步驟,可以一步步撤消這些操作。
15. 場(chǎng)景面板
組合鍵<Shift+F2>,在場(chǎng)景面板中可以創(chuàng)建、刪除和重新組織場(chǎng)景,或在不同的場(chǎng)景間切換。
1.4.3 面板的基本操作
了解這些常用面板的功能后,接下來熟悉面板的基本操作,如圖1-10所示。

圖1-10
● 面板組:有時(shí)多個(gè)面板并排在一起,稱為面板組。可以拖動(dòng)面板圖標(biāo)任意組合成面板組。
● 打開面板:所有的面板都可以通過“窗口”菜單打開或關(guān)閉。
● 展開面板:當(dāng)面板折疊時(shí)只能看到面板標(biāo)題,面板右上角圖標(biāo)是“”,單擊該圖標(biāo)或圖標(biāo)旁空白區(qū)域可以展開面板,這時(shí)圖標(biāo)變?yōu)椤?img alt="" class="h-pic" src="https://epubservercos.yuewen.com/8A530C/3590498003474001/epubprivate/OEBPS/Images/figure_0024_0003.jpg?sign=1748747080-AemUlHWJYwUFlpJxuX8DH2lOXFG527hR-0-de8ec67d95f99df0f1a27c8cb6c717a1">”。
● 折疊面板:面板使用后可以折疊起來。單擊面板右上角的圖標(biāo)“”或空白區(qū)域即可。
● 切換面板:?jiǎn)螕裘姘褰M頂端的面板名稱圖標(biāo)可切換到該面板。
● 關(guān)閉面板:?jiǎn)螕裘Q旁邊的圖標(biāo)“”可以關(guān)閉該面板。
● 移動(dòng)面板:按住面板標(biāo)題欄空白區(qū)域,可以拖動(dòng)面板到窗口其他位置。
● 面板菜單:?jiǎn)螕裘姘褰M最右側(cè)的圖標(biāo)“”可以打開面板菜單,在面板菜單中列出了當(dāng)前面板的相關(guān)命令。
● 隱藏面板:?jiǎn)螕裘姘褰M最頂端的“”按鈕,可以將所有面板折疊為圖標(biāo),然后單擊圖標(biāo)名稱可打開對(duì)應(yīng)的面板。再次單擊該按鈕可切換到標(biāo)準(zhǔn)樣式。使用快捷鍵<F4>,可以隱藏所有的面板、工具欄,只保留菜單、時(shí)間軸和舞臺(tái)區(qū)域。
● 恢復(fù)到默認(rèn)外觀:選擇窗口菜單中工作區(qū)布局的默認(rèn)項(xiàng),可以將軟件工作界面恢復(fù)到安裝時(shí)的默認(rèn)樣式。
1.5 Flash CS3文件操作
1.5.1 新建文件
在Flash中可以建立普通的動(dòng)畫文件,還可以建立Flash幻燈片、應(yīng)用程序、腳本文件以及Flash項(xiàng)目。在一般情況下用戶制作Flash動(dòng)畫選擇建立普通的動(dòng)畫文件即可。
(1)建立新的空白Flash文件。單擊“文件”菜單,選擇“新建”命令,然后單擊“Flash文件(ActionScript 2.0)”命令,打開“新建文檔”對(duì)話框,再選擇新建的文件類型單擊“確定”按鈕即可,如圖1-11所示。

圖1-11
名師點(diǎn)撥:
Flash CS3既可以創(chuàng)建普通的動(dòng)畫文件,用于屏幕、網(wǎng)絡(luò)、移動(dòng)設(shè)備上播放;也可以創(chuàng)建幻燈片演示文稿,用于現(xiàn)場(chǎng)演示;還可以創(chuàng)建表單應(yīng)用程序,用于交互式動(dòng)畫或網(wǎng)頁表單設(shè)計(jì);Flash CS3還可以建立獨(dú)立的動(dòng)作腳本文件(.AS)和JS通信文件,并在Flash文件中調(diào)入使用。
排解疑難
問:什么是Flash項(xiàng)目?
答:Flash項(xiàng)目文件(.FLP)用于組合一個(gè)完整項(xiàng)目中用到的所有Flash相關(guān)文件,包括FLA動(dòng)畫文件、AS腳本文件、JSFL通信文件等,為這些文件建立發(fā)布設(shè)置,并實(shí)施版本控制選項(xiàng),統(tǒng)一進(jìn)行處理。
(2)通過模板建立Flash文件。在“文件菜單”的“新建”命令中選擇“模板”選項(xiàng)卡,選擇Flash提供的幾種模板類型,可以建立Flash廣告、手機(jī)、幻燈片放映、測(cè)試等類型的模板文件。
1.5.2 保存文件
新建或打開一個(gè)Flash動(dòng)畫文件制作完成后,應(yīng)該保存文件并測(cè)試動(dòng)畫播放效果。單擊“文件”菜單,選擇“保存”或“另存為”命令,打開“另存為”對(duì)話框。選擇保存位置輸入保存的文件名
然后單擊“保存”按鈕即可,如圖1-12所示。

圖1-12
名師點(diǎn)撥:
在保存Flash文件時(shí),可以選擇保存的文件類型:“Flash 8文檔”表示保存為Flash8兼容模式,即該文件向下兼容Flash 8版,可在Flash 8版軟件中打開編輯。“Flash CS3文檔”表示保存為CS3版格式。
作為一種好的習(xí)慣,在制作Flash動(dòng)畫時(shí)應(yīng)該經(jīng)常保存文件。Flash動(dòng)畫保存的文件擴(kuò)展名為“FLA”,這類文件可以稱為源文件,即原始文件。但“FLA”文件是不能播放的,必須將它發(fā)布為“SWF”的影片文件才可以播放。以下重點(diǎn)介紹這兩種文件的區(qū)別,很多初學(xué)者容易混淆。
● “Fla”文件:是制作動(dòng)畫時(shí)的原始文件,其中包含了制作過程中繪制的圖形、導(dǎo)入的素材、制作的動(dòng)畫、添加的圖層和各種腳本語句。以后可以使用Flash軟件打開它進(jìn)行編輯修改,但它不能脫離Flash軟件播放。
● “SWF”文件:Flash影片文件,即最終的作品。它可以在操作系統(tǒng)的瀏覽器中播放、或者使用Flash Player(播放器)播放。用戶在網(wǎng)頁中看到的各種Flash動(dòng)畫廣告、MTV等都是這種格式,但“SWF”文件是不可用Flash軟件修改的。
要將“FLA”原文件發(fā)布為“SWF”影片文件,方法是將動(dòng)畫文件保存為“FLA”文件后,按組合鍵<Ctrl+Enter>命令可以測(cè)試動(dòng)畫,這時(shí)候軟件會(huì)自動(dòng)在原“FLA”文件保存位置發(fā)布一份同名的“SWF”文件,打開后可以看到動(dòng)畫效果。
1.5.3 打開和關(guān)閉文件
1. 打開文件
如果要對(duì)有的文件打開進(jìn)行編輯,可以按以下方法進(jìn)行操作。
單擊“文件”菜單中的“打開”命令,打開“打開”對(duì)話框,然后選擇需要打開的文件,單擊“打開”按鈕即可。在Flash CS3中,可以打開各種類型的Flash文件,如Flash文檔(*.FLA)、Flash項(xiàng)目(*.FLP)、ActionScript文件(*.AS)、Flash影片(*.SWF)。
2. 關(guān)閉文件
關(guān)閉Flash文件的方法有很多,可以單擊文件窗口右上角的“關(guān)閉”按鈕,或按組合鍵<Ctrl+W>關(guān)閉當(dāng)前文件,也可以使用組合鍵<Ctrl+Alt+W>關(guān)閉當(dāng)前打開的所有文件。
1.5.4 播放動(dòng)畫文件
Flash動(dòng)畫制作完成后,按Enter鍵或單擊“控制”菜單中的“播放”命令,可以播放動(dòng)畫影片。在播放影片的過程中,會(huì)發(fā)現(xiàn)在時(shí)間軸面板上有一個(gè)紅色的播放頭從左向右移動(dòng),表示當(dāng)前播放的位置。
有的Flash動(dòng)畫效果,如按鈕、影片剪輯、動(dòng)作腳本在直接播放動(dòng)畫時(shí)無法表現(xiàn)出來,應(yīng)該使用“控制”菜單中的“測(cè)試影片”命令,或按組合鍵<Ctrl+Enter>。這時(shí)Flash CS3將調(diào)用Flash播放器來測(cè)試整個(gè)影片,在測(cè)試時(shí)所看到的效果即是動(dòng)畫最終的播放效果。
1.6 Flash動(dòng)畫制作基礎(chǔ)
下面,針對(duì)制作Flash動(dòng)畫,給讀者介紹動(dòng)畫制作的步驟與相關(guān)的要素。
1.6.1 關(guān)于Flash Player
Flash Player稱為Flash影片播放器,如圖1-13所示,它是用來播放“SWF”動(dòng)畫文件的軟件。當(dāng)用戶雙擊磁盤上的一個(gè)“SWF”文件觀看時(shí),其實(shí)是打開了該軟件來播放動(dòng)畫文件。

圖1-13
名師點(diǎn)撥:
如果用戶的電腦中沒有安裝Flash播放器軟件,是不能觀看SWF動(dòng)畫文件的。要安裝Flash Player可以在安裝Flash組件時(shí)選擇安裝,詳見前文提到的安裝步驟。
1.6.2 舞臺(tái)的設(shè)置
正如繪畫時(shí)要先準(zhǔn)備一張大小合適的紙一樣,制作Flash動(dòng)畫應(yīng)該先確定動(dòng)畫的大小。在舞臺(tái)“屬性”面板中,單擊圖標(biāo),或使用組合鍵<Ctrl+J>,打開“文檔屬性”設(shè)置對(duì)話框,如圖1-14所示。

圖1-14
● 在文檔屬性框中,可以設(shè)置文檔的標(biāo)題和描述信息,便于以后識(shí)別。
● 設(shè)置舞臺(tái)的“尺寸”,輸入以像素值(px)為單位的寬度和高度值。舞臺(tái)的最小尺寸是18 px×18 px,最大尺寸是2880 px×2880 px。
● “匹配”選項(xiàng)可以自動(dòng)設(shè)置舞臺(tái)大小。匹配打印機(jī)表示設(shè)置大小和打印紙大小一致,匹配內(nèi)容表示設(shè)置大小和舞臺(tái)上的內(nèi)容大小一致,默認(rèn)表示恢復(fù)大小為默認(rèn)值500*400。
● 在文檔屬性中還可以設(shè)置舞臺(tái)的“背景顏色”。
● “幀頻”:用于設(shè)置動(dòng)畫的播放速度,單位fps,即每秒鐘要播放的幀的數(shù)目,默認(rèn)為12 fps,最小值0.01 fps,最大值120 fps。
● “標(biāo)尺單位”:選擇標(biāo)尺的顯示單位。
● 設(shè)為默認(rèn)值:表示將當(dāng)前的舞臺(tái)設(shè)置參數(shù)保存為默認(rèn)值。
1.6.3 動(dòng)畫制作的步驟
通過前面的學(xué)習(xí),讀者應(yīng)該對(duì)Flash軟件的基本操作有了一定的認(rèn)識(shí)。接下來談?wù)勅绾沃谱饕粋€(gè)完整的Flash動(dòng)畫。
01 首先,啟動(dòng)軟件后新建一個(gè)空白的Flash文檔。
02 第二步,設(shè)置舞臺(tái)的大小和背景色,即影片的大小。
03 然后在舞臺(tái)中繪制圖形、輸入文字或者導(dǎo)入圖片素材等。
04 對(duì)舞臺(tái)中的對(duì)象進(jìn)行編輯,設(shè)置格式。
05 通過時(shí)間軸的“幀”制作各種動(dòng)畫,如逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、遮罩動(dòng)畫、引導(dǎo)動(dòng)畫等動(dòng)畫類型。
06 保存文件。
07 按組合鍵<Ctrl+Enter>測(cè)試動(dòng)畫文件。
08 最后發(fā)布動(dòng)畫,得到擴(kuò)展名是“SWF”的影片文件作品。
1.6.4 使用圖片瀏覽器
以下通過一個(gè)實(shí)例“圖片瀏覽器”介紹通過模板建立一個(gè)可以前后瀏覽圖片的Flash動(dòng)畫文件,掌握Flash中建立動(dòng)畫的方法及操作步驟。
01 啟動(dòng)Flash軟件后,使用“文件”菜單下“新建”命令,打開“新建文檔”對(duì)話框,選擇“模板”選項(xiàng)卡中的“照片幻燈片放映”類,選擇現(xiàn)代照片幻燈片放映模板,然后單擊“確定”按鈕后會(huì)自動(dòng)生成一個(gè)動(dòng)畫文件,如圖1-15所示。

圖1-15
02 修改動(dòng)畫文件。在“時(shí)間軸”中左邊圖層欄選擇最下方的“picture”圖層,在右方選擇“幀格”的第一幀,然后單擊舞臺(tái)中的背景圖片,并按<Delete>鍵刪除,如圖1-16所示。

圖1-16
名師點(diǎn)撥:
選擇工作區(qū)顯示比例列表框的“顯示幀”命令可以將舞臺(tái)顯示比例自動(dòng)調(diào)整到正好容納工作區(qū)大小顯示。
03 按組合鍵<Ctrl+R>導(dǎo)入命令打開“導(dǎo)入”對(duì)話框,從磁盤中選擇一張大小640× 480以上的精美圖片,單擊“打開”按鈕導(dǎo)入該圖片到舞臺(tái)上,如圖1-17所示。

圖1-17
04 選擇導(dǎo)入到舞臺(tái)上的圖片,在屬性面板中設(shè)置圖片大小為寬度640、高度480,注意取消鎖定比例按鈕,設(shè)置圖片X軸和Y軸坐標(biāo)均為0,如圖1-18所示。

圖1-18
05 選擇時(shí)間軸中第二個(gè)幀格,按上一步所述的方法,刪除原有的背景圖片,導(dǎo)入新的圖片,并設(shè)置大小和位置。繼續(xù)選擇第三個(gè)和第四個(gè)幀格,做同樣的處理。最終編輯結(jié)果如圖1-19所示。

圖1-19
06 動(dòng)畫修改完成后,保存文件到磁盤上。按組合<Ctrl+Enter>命令發(fā)布影片。
07 在磁盤上找到發(fā)布的“SWF”動(dòng)畫文件,雙擊打開播放,觀看動(dòng)畫效果。在該動(dòng)畫中可以單擊前進(jìn)和后退按鈕觀看不同的圖片,也可以單擊自動(dòng)循環(huán)播放按鈕從而自動(dòng)播放動(dòng)畫,如圖1-20所示。

圖1-20
本章小結(jié)
本章主要給初學(xué)讀者講解了Flash動(dòng)畫文件的特點(diǎn)和應(yīng)用領(lǐng)域,F(xiàn)lash CS3的新增功能,F(xiàn)lash CS3的安裝及卸載,F(xiàn)lash CS3軟件的工作界面以及面板的基本操作,F(xiàn)lash CS3中文件的建立、保存等操作,F(xiàn)lash文件中舞臺(tái)的設(shè)置,動(dòng)畫制作的一般步驟等。讀者在學(xué)習(xí)了本章后應(yīng)該多熟悉各個(gè)面板,了解各面板的作用和功能。
過關(guān)實(shí)戰(zhàn)
通過前面內(nèi)容的學(xué)習(xí),按要求完成以下練習(xí)題。
(1)在電腦中安裝好Flash CS3軟件,熟悉面板的基本操作,打開常用的面板,并放到合適的位置,最后使用“窗口菜單”→“工作區(qū)布局”→“保存當(dāng)前”命令,保存自定義的工作界面。
操作提示:安裝Flash CS3軟件后必須輸入正確的序列號(hào)激活軟件。
(2)通過模板建立Flash動(dòng)畫文件
操作提示:通過Flash CS3提供的“照片幻燈片放映”模板,建立一個(gè)“現(xiàn)代照片幻燈片放映”文件,并刪除已有的圖片,導(dǎo)入需要的圖片,最后保存并發(fā)布動(dòng)畫文件。
- 短視頻入門:80招精通拍攝與剪輯人像、旅行、風(fēng)光、美食、建筑、星空
- Illustrator CS6標(biāo)準(zhǔn)培訓(xùn)教程
- 視頻拍攝與制作:短視頻 商品視頻 直播視頻(第2版·全彩慕課版)
- Photoshop CS6 完美創(chuàng)意設(shè)計(jì):不一樣的圖像藝術(shù)處理
- AutoCAD 2016中文版電氣設(shè)計(jì)實(shí)例教程(附教學(xué)視頻)
- AutoCAD繪圖要義
- 手把手教你學(xué)微課制作:前期規(guī)劃+腳本撰寫+拍攝與后期制作
- Adobe Premiere Pro CS5經(jīng)典教程
- 中文版Maya 2013技術(shù)大全
- Photoshop CC+Illustrator CC平面設(shè)計(jì)實(shí)用教程
- 短視頻編導(dǎo)全能手:選題策劃+腳本文案+拍攝剪輯+包裝運(yùn)營
- 創(chuàng)意的Photoshop CS6設(shè)計(jì)之路
- 會(huì)聲會(huì)影X3權(quán)威指南
- Photoshop CS5從入門到精通
- Pro/ENGINEER野火版5.0零件設(shè)計(jì)入門與實(shí)戰(zhàn)