網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)_05利用FLASHCS5美化網(wǎng)頁(yè)_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)_05利用FLASHCS5美化網(wǎng)頁(yè)_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)_05利用FLASHCS5美化網(wǎng)頁(yè)_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)_05利用FLASHCS5美化網(wǎng)頁(yè)_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)_05利用FLASHCS5美化網(wǎng)頁(yè)_第5頁(yè)
已閱讀5頁(yè),還剩29頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)與網(wǎng)站建設(shè) 第第5 5章章 利用利用FlashFlash CS5 CS5美化網(wǎng)頁(yè)美化網(wǎng)頁(yè)5.25.35.45.1Flash cs5Flash cs5簡(jiǎn)介簡(jiǎn)介FlashFlash的基本功能的基本功能FlashFlash CS5CS5設(shè)計(jì)動(dòng)畫設(shè)計(jì)動(dòng)畫的的應(yīng)用應(yīng)用基礎(chǔ)基礎(chǔ)利用利用FlashFlash CS5 CS5設(shè)計(jì)網(wǎng)站起始頁(yè)設(shè)計(jì)網(wǎng)站起始頁(yè) 本章主要講解了利用Flash可以制作導(dǎo)航按鈕、具有聲音效果的動(dòng)畫、MTV及整個(gè)Flash站點(diǎn)。本章學(xué)習(xí)目的通過(guò)本章學(xué)習(xí),讀者能夠:1.了解Flash的工作界面和基本操作2.掌握Flash中繪圖技巧、位圖操作與文本的處理3.掌握Flas

2、h中場(chǎng)景、元件與實(shí)例操作以及圖層的管理4.了解Flash動(dòng)畫的類型5.掌握如何創(chuàng)建動(dòng)畫,實(shí)現(xiàn)動(dòng)畫的交互控制6.學(xué)會(huì)Flash作品的設(shè)計(jì)與制作案例導(dǎo)入: FlashFlash是當(dāng)前最流行的交互式矢量制作軟件,用它制作出來(lái)的是當(dāng)前最流行的交互式矢量制作軟件,用它制作出來(lái)的FlashFlash動(dòng)畫具有極豐富的表現(xiàn)力,動(dòng)畫具有極豐富的表現(xiàn)力,F(xiàn)lashFlash可以制作導(dǎo)航按鈕、具有聲音可以制作導(dǎo)航按鈕、具有聲音效果的動(dòng)畫、效果的動(dòng)畫、MTVMTV及整個(gè)及整個(gè)FlashFlash站點(diǎn)。站點(diǎn)。 利用利用FLASHFLASH技術(shù)制作西京食府技術(shù)制作西京食府網(wǎng)站網(wǎng)站(名稱為虛擬)動(dòng)畫效果(名稱為虛擬)動(dòng)畫效

3、果的起的起始頁(yè)始頁(yè)。 本例主要涉及以下知識(shí)點(diǎn):本例主要涉及以下知識(shí)點(diǎn):進(jìn)行畫面布局進(jìn)行畫面布局、補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫和和按鈕按鈕的的制制作作、簡(jiǎn)單的簡(jiǎn)單的ActionScriptActionScript腳本語(yǔ)言創(chuàng)建交互界面腳本語(yǔ)言創(chuàng)建交互界面和和集成集成FlashFlash影片。影片。5.1 Flash cs5簡(jiǎn)介5.1.1 Flash的工作界面1“啟動(dòng)”界面在啟動(dòng)Flash cs5時(shí),出現(xiàn)“啟動(dòng)”界面,使用“啟動(dòng)”界面用戶可以快速完成最常用的操作,如圖所示。2操作界面主要由“菜單”欄、工具箱、時(shí)間軸、舞臺(tái)、“屬性”面板、集成工作面板等構(gòu)成。5.1.2 Flash的基本操作1新建文檔方法一:選擇“

4、文件”菜單“新建”命令,或按下快捷鍵Ctrl+N,彈出一個(gè)對(duì)話框,單擊常規(guī)選項(xiàng)或是模板選項(xiàng),選擇其中一項(xiàng)后,單擊“確定”按鈕,即創(chuàng)建一個(gè)文件,如圖所示,右側(cè)出現(xiàn)文檔的屬性,寬度和高度的尺寸,幀頻,設(shè)置背景顏色等。方法二:?jiǎn)螕簟皢?dòng)”界面中“新建”選項(xiàng)中的某一項(xiàng),或是“從模板創(chuàng)建”選項(xiàng)中的某一項(xiàng),如圖所示,例如選擇“新建”選項(xiàng)“ActionScript 2.0”,即創(chuàng)建了一個(gè)新的FLASH文檔。2打開(kāi)文檔選擇“文件”菜單“打開(kāi)”命令,或使用快捷鍵Ctrl+O,或單擊啟動(dòng)界面中打開(kāi)最近項(xiàng)目中的某個(gè)文檔或“打開(kāi)”項(xiàng)。3保存文檔選擇“文件”菜單“保存”命令,或使用快捷鍵Ctrl+S。文檔在編輯過(guò)程中要

5、及時(shí)保存,F(xiàn)lash文檔的擴(kuò)展名為.fla。4發(fā)布影片制作好的Flash動(dòng)畫最終要發(fā)布出來(lái)或者嵌入到網(wǎng)頁(yè)中。Flash軟件支持多種能夠在網(wǎng)頁(yè)中播放的文件格式。發(fā)布和測(cè)試Flash文檔時(shí),常用的方法有以下二種。方法一:選擇“文件”菜單“導(dǎo)出”選項(xiàng)“導(dǎo)出影片”命令,出現(xiàn)“導(dǎo)出影片”對(duì)話框,選擇存儲(chǔ)路徑,單擊保存類型下拉列表,選擇文件格式,命名文件,單擊“保存”按鈕,如圖所示。方法二:選擇“文件”菜單“發(fā)布設(shè)置”命令,選擇發(fā)布文件的格式及存儲(chǔ)路徑,然后單擊“發(fā)布”按鈕,如圖所示。5.1.3 Flash CS5 的新功能FLASH CS5在以前版本的基礎(chǔ)上,增加了一些十分實(shí)用的新功能,下面將進(jìn)行簡(jiǎn)單介

6、紹。1. 基于對(duì)象的動(dòng)畫2. 3D變形3. 使用“骨骼”工具進(jìn)行反向運(yùn)動(dòng)4. 使用“Deco”工具裝飾性繪畫5. “動(dòng)畫編輯器”面板6. 補(bǔ)間動(dòng)畫預(yù)設(shè)5.2 Flash的基本功能5.2.1 繪圖和填充Flash提供了多種繪圖和填充工具,可以用來(lái)繪制直線、形狀和路徑及編輯操作。1筆觸與填充:“油漆桶油漆桶”工具、工具、“墨水瓶墨水瓶”工具工具2繪制基本幾何形狀繪制基本幾何形狀3繪制曲線繪制曲線4用用“鉛筆鉛筆”工具繪圖工具繪圖5用用“刷子刷子”工具繪圖工具繪圖6對(duì)象的操作對(duì)象的操作7縮放和旋轉(zhuǎn)對(duì)象縮放和旋轉(zhuǎn)對(duì)象8輔助工具的使用輔助工具的使用9排列、對(duì)齊、組合和取消組合排列、對(duì)齊、組合和取消組合5

7、 5. .2 2.2.2 位圖操作位圖操作 1. 1. 導(dǎo)入位圖導(dǎo)入位圖 FlashFlash不僅可以繪制各種形狀的矢量圖形,也可以導(dǎo)入多種格式的位圖,不僅可以繪制各種形狀的矢量圖形,也可以導(dǎo)入多種格式的位圖,如:如:JPGJPG、GIFGIF、PNGPNG格式等。格式等。 選擇選擇“文件文件”菜單菜單“導(dǎo)入導(dǎo)入”“導(dǎo)入到舞臺(tái)導(dǎo)入到舞臺(tái)”命令,直接將位圖導(dǎo)入到命令,直接將位圖導(dǎo)入到舞臺(tái)中,選擇舞臺(tái)中,選擇“導(dǎo)入到庫(kù)導(dǎo)入到庫(kù)”命令,則將位圖導(dǎo)入到命令,則將位圖導(dǎo)入到“庫(kù)庫(kù)”面板中,舞臺(tái)中并沒(méi)面板中,舞臺(tái)中并沒(méi)有出現(xiàn)。有出現(xiàn)。 2. 2. 使用位圖填充使用位圖填充 使用已導(dǎo)入的位圖可以對(duì)繪制好的圖

8、形進(jìn)行填充,在使用已導(dǎo)入的位圖可以對(duì)繪制好的圖形進(jìn)行填充,在“混色器混色器”面板中,面板中,單擊單擊“類型類型”下拉框,選擇位圖填充時(shí),已導(dǎo)入的位圖將顯示在下方的列表區(qū)下拉框,選擇位圖填充時(shí),已導(dǎo)入的位圖將顯示在下方的列表區(qū)域中,選擇某個(gè)位圖。如果列表區(qū)域中沒(méi)有所需的位圖,單擊域中,選擇某個(gè)位圖。如果列表區(qū)域中沒(méi)有所需的位圖,單擊“導(dǎo)入導(dǎo)入”按鈕,按鈕,彈出彈出“導(dǎo)入到庫(kù)導(dǎo)入到庫(kù)”對(duì)話框,選擇本地計(jì)算機(jī)上的位圖圖像,并將其添加到庫(kù)中對(duì)話框,選擇本地計(jì)算機(jī)上的位圖圖像,并將其添加到庫(kù)中。 3. 3. 分離位圖分離位圖 在舞臺(tái)中導(dǎo)入一幅位圖后,不能直接進(jìn)行編輯,例如用在舞臺(tái)中導(dǎo)入一幅位圖后,不能直

9、接進(jìn)行編輯,例如用“套索套索”工具去除工具去除位圖的背景是無(wú)法操作的,只有分離位圖后才能操作。位圖的背景是無(wú)法操作的,只有分離位圖后才能操作。 4. 4. 將位圖轉(zhuǎn)換為矢量圖將位圖轉(zhuǎn)換為矢量圖 將位圖轉(zhuǎn)換為矢量圖后,就可以將圖像當(dāng)作矢量進(jìn)行處理。與位圖相比,將位圖轉(zhuǎn)換為矢量圖后,就可以將圖像當(dāng)作矢量進(jìn)行處理。與位圖相比,一般矢量圖文件較小,因此有利于減少一般矢量圖文件較小,因此有利于減少FlashFlash文件的大小。文件的大小。 5 5. .2 2.3.3 處理文本處理文本 在在FlashFlash中,文本和矢量圖形一樣是必不可少的。中,文本和矢量圖形一樣是必不可少的。FlashFlash文

10、本的特效設(shè)文本的特效設(shè)計(jì)會(huì)為計(jì)會(huì)為FlashFlash動(dòng)畫增色不少。動(dòng)畫增色不少。 FlashFlash文本的類型分為三種:靜態(tài)文本字段、動(dòng)態(tài)文本字段和輸入文文本的類型分為三種:靜態(tài)文本字段、動(dòng)態(tài)文本字段和輸入文本字段。在本字段。在FlashFlash動(dòng)畫即可創(chuàng)建包含靜態(tài)文本的文本塊,即在創(chuàng)作文檔時(shí)動(dòng)畫即可創(chuàng)建包含靜態(tài)文本的文本塊,即在創(chuàng)作文檔時(shí)確定其內(nèi)容和外觀的文本;也可創(chuàng)建動(dòng)態(tài)或輸入文本字段。動(dòng)態(tài)文本字段確定其內(nèi)容和外觀的文本;也可創(chuàng)建動(dòng)態(tài)或輸入文本字段。動(dòng)態(tài)文本字段顯示動(dòng)態(tài)更新的文本,如體育得分或股票報(bào)價(jià)等;另外還可創(chuàng)建輸入文本顯示動(dòng)態(tài)更新的文本,如體育得分或股票報(bào)價(jià)等;另外還可創(chuàng)建輸入

11、文本字段允許用戶為表單、調(diào)查表或其他目的輸入文本。本小節(jié)內(nèi)容主要介紹字段允許用戶為表單、調(diào)查表或其他目的輸入文本。本小節(jié)內(nèi)容主要介紹靜態(tài)文本的處理。靜態(tài)文本的處理。1.1.輸入文本輸入文本 單擊單擊“文本文本”工具工具 ,在,在“屬性屬性”面板中設(shè)置文本屬性,將鼠標(biāo)移動(dòng)面板中設(shè)置文本屬性,將鼠標(biāo)移動(dòng)到舞臺(tái)上單擊,出現(xiàn)一個(gè)文本框,光標(biāo)在文本框中閃爍,輸入文本,如果到舞臺(tái)上單擊,出現(xiàn)一個(gè)文本框,光標(biāo)在文本框中閃爍,輸入文本,如果換行,按回車鍵。文本輸入完成,將鼠標(biāo)在文本框以外任意處單擊,完成換行,按回車鍵。文本輸入完成,將鼠標(biāo)在文本框以外任意處單擊,完成文本輸入。文本輸入。2.2.設(shè)置文本屬性設(shè)置

12、文本屬性 在輸入文本前,單擊在輸入文本前,單擊“文本文本”工具,在工具,在“屬性屬性”面板中設(shè)置文本屬性,然后再輸入文本,或輸入文面板中設(shè)置文本屬性,然后再輸入文本,或輸入文本后,單擊本后,單擊“選擇選擇”工具,選中文本,在工具,選中文本,在“屬性屬性”面面板中設(shè)置文本屬性??稍O(shè)置文本的字體、字號(hào)、樣式板中設(shè)置文本屬性。可設(shè)置文本的字體、字號(hào)、樣式、顏色以及段落的對(duì)齊方式、邊距、縮進(jìn)和行間距,、顏色以及段落的對(duì)齊方式、邊距、縮進(jìn)和行間距,還可為橫排文本添加鏈接路徑。還可為橫排文本添加鏈接路徑。3 3將文本轉(zhuǎn)換為矢量圖形將文本轉(zhuǎn)換為矢量圖形在文本框中輸入文本后,文本是一個(gè)整體的文本塊,要在文本框

13、中輸入文本后,文本是一個(gè)整體的文本塊,要想對(duì)單個(gè)文字進(jìn)行處理,可以將文本塊中的文本分離想對(duì)單個(gè)文字進(jìn)行處理,可以將文本塊中的文本分離成單獨(dú)的文本塊,并可以將這些單獨(dú)的文本塊分布到成單獨(dú)的文本塊,并可以將這些單獨(dú)的文本塊分布到各個(gè)獨(dú)立的層中,從而輕松地為每個(gè)單獨(dú)的文本塊創(chuàng)各個(gè)獨(dú)立的層中,從而輕松地為每個(gè)單獨(dú)的文本塊創(chuàng)建動(dòng)畫。要重新調(diào)整文字的形狀,必須將其轉(zhuǎn)換為相建動(dòng)畫。要重新調(diào)整文字的形狀,必須將其轉(zhuǎn)換為相應(yīng)的線條和填充,即分離文本。應(yīng)的線條和填充,即分離文本。5 5. .3 3 Flash CS5 Flash CS5設(shè)計(jì)動(dòng)畫設(shè)計(jì)動(dòng)畫的的應(yīng)用應(yīng)用基礎(chǔ)基礎(chǔ)使用使用FlashFlash制作動(dòng)畫影片的

14、流程一般是先制作動(dòng)畫中所需要制作動(dòng)畫影片的流程一般是先制作動(dòng)畫中所需要的各種元件,然后在舞臺(tái)中使用(被稱為實(shí)例),進(jìn)行適當(dāng)?shù)母鞣N元件,然后在舞臺(tái)中使用(被稱為實(shí)例),進(jìn)行適當(dāng)?shù)慕M織編排,在這個(gè)過(guò)程中可以添加聲音,可以使用動(dòng)作使的組織編排,在這個(gè)過(guò)程中可以添加聲音,可以使用動(dòng)作使FlashFlash影片能夠響應(yīng)特定事件,從而獲得交互效果。影片制作影片能夠響應(yīng)特定事件,從而獲得交互效果。影片制作完成后,將其導(dǎo)出為一個(gè)可嵌入網(wǎng)頁(yè)的完成后,將其導(dǎo)出為一個(gè)可嵌入網(wǎng)頁(yè)的SWFSWF格式的文件。因此格式的文件。因此,元件是,元件是FlashFlash中用得最多的對(duì)象。本節(jié)將通過(guò)一系列的實(shí)例中用得最多的對(duì)象。

15、本節(jié)將通過(guò)一系列的實(shí)例介紹介紹FlashFlash動(dòng)畫的制作方法和技巧,能夠掌握動(dòng)畫的制作方法和技巧,能夠掌握FlashFlash動(dòng)畫制作動(dòng)畫制作的原理和方法,最主要的是培養(yǎng)創(chuàng)造性的設(shè)計(jì)能力。的原理和方法,最主要的是培養(yǎng)創(chuàng)造性的設(shè)計(jì)能力。5 5. .3 3.1.1場(chǎng)景、元件與實(shí)例場(chǎng)景、元件與實(shí)例1.1.使用場(chǎng)景使用場(chǎng)景 當(dāng)當(dāng)FlashFlash文件很復(fù)雜時(shí),需要很多場(chǎng)景,并且每個(gè)場(chǎng)景中的對(duì)象可能文件很復(fù)雜時(shí),需要很多場(chǎng)景,并且每個(gè)場(chǎng)景中的對(duì)象可能都不同,都不同,F(xiàn)lashFlash可以將多個(gè)場(chǎng)景中的動(dòng)作組合成一個(gè)連貫的電影??梢詫⒍鄠€(gè)場(chǎng)景中的動(dòng)作組合成一個(gè)連貫的電影。swfswf文文件中的場(chǎng)景

16、將按照電影在場(chǎng)景檢查器中所列出順序依次播放。件中的場(chǎng)景將按照電影在場(chǎng)景檢查器中所列出順序依次播放。 添加場(chǎng)景:添加場(chǎng)景:“插入插入”菜單菜單“場(chǎng)景場(chǎng)景”命令。命令。 刪除場(chǎng)景:刪除場(chǎng)景:“插入插入”菜單菜單“刪除場(chǎng)景刪除場(chǎng)景”命令。命令。2.2.元件和實(shí)例元件和實(shí)例 元件是存放在庫(kù)中的可反復(fù)取用的圖形、動(dòng)畫、按鈕和音頻。當(dāng)用元件是存放在庫(kù)中的可反復(fù)取用的圖形、動(dòng)畫、按鈕和音頻。當(dāng)用戶創(chuàng)建一個(gè)元件時(shí),元件就存儲(chǔ)在文件的戶創(chuàng)建一個(gè)元件時(shí),元件就存儲(chǔ)在文件的“庫(kù)庫(kù)”面板中,面板中,“庫(kù)庫(kù)”面板對(duì)面板對(duì)元件進(jìn)行有效地組織和管理,還可建立文件夾,將元件分類存放在文件元件進(jìn)行有效地組織和管理,還可建立文件

17、夾,將元件分類存放在文件夾中。將元件從庫(kù)拖入舞臺(tái),就生成了一個(gè)實(shí)例。元件的類型:圖形、夾中。將元件從庫(kù)拖入舞臺(tái),就生成了一個(gè)實(shí)例。元件的類型:圖形、影片、按鈕三種。影片、按鈕三種。圖形:可反復(fù)取用的圖片,用于構(gòu)建動(dòng)畫主時(shí)間軸上的內(nèi)容圖形:可反復(fù)取用的圖片,用于構(gòu)建動(dòng)畫主時(shí)間軸上的內(nèi)容。一般只含有一幀靜止圖片。不能對(duì)它添加交互行為和聲。一般只含有一幀靜止圖片。不能對(duì)它添加交互行為和聲音控制。音控制。影片剪輯:代表可反復(fù)取用的一段小動(dòng)畫。可獨(dú)立于主時(shí)間影片剪輯:代表可反復(fù)取用的一段小動(dòng)畫??瑟?dú)立于主時(shí)間軸進(jìn)行播放。不能添加相互控制。軸進(jìn)行播放。不能添加相互控制。按鈕;用于創(chuàng)建動(dòng)畫的交互控制按鈕。可

18、響應(yīng)事件,添加交按鈕;用于創(chuàng)建動(dòng)畫的交互控制按鈕??身憫?yīng)事件,添加交互動(dòng)作。互動(dòng)作。3.3.創(chuàng)建元件創(chuàng)建元件創(chuàng)建元件的方法比較多,下面介紹常用的三種方法。創(chuàng)建元件的方法比較多,下面介紹常用的三種方法。方法一:選中場(chǎng)景中的對(duì)象,選擇方法一:選中場(chǎng)景中的對(duì)象,選擇“修改修改”菜單菜單“轉(zhuǎn)換為元轉(zhuǎn)換為元件件”命令,或按下快捷鍵命令,或按下快捷鍵F8F8,彈出,彈出“轉(zhuǎn)換為元件轉(zhuǎn)換為元件”對(duì)話框,輸對(duì)話框,輸入名稱,選擇類型,單擊入名稱,選擇類型,單擊“確定確定”按鈕。按鈕。方法二:選擇方法二:選擇“插入插入”菜單菜單“新建元件新建元件”命令,或單擊命令,或單擊“庫(kù)庫(kù)”面板面板下方的下方的“新建元件新

19、建元件”按鈕,彈出按鈕,彈出“新建元件新建元件”對(duì)話框,輸入名稱對(duì)話框,輸入名稱和選擇類型,單擊和選擇類型,單擊“確定確定”按鈕,進(jìn)入到元件的編輯界面。按鈕,進(jìn)入到元件的編輯界面。方法三:方法三:FlashFlash有一個(gè)公用庫(kù)。選擇有一個(gè)公用庫(kù)。選擇“窗口窗口”菜單菜單“公用庫(kù)公用庫(kù)”選項(xiàng)選項(xiàng)“學(xué)習(xí)交互或按鈕或類學(xué)習(xí)交互或按鈕或類”命令,打開(kāi)命令,打開(kāi)“公用庫(kù)公用庫(kù)”面板后,選中面板后,選中元件,拖入到當(dāng)前文檔的元件,拖入到當(dāng)前文檔的“庫(kù)庫(kù)”面板中。面板中。4. 4. 編輯和使用元件編輯和使用元件 編輯元件:打開(kāi)編輯元件:打開(kāi)“庫(kù)庫(kù)”面板,選中某個(gè)元件,雙擊鼠面板,選中某個(gè)元件,雙擊鼠標(biāo)左鍵

20、,進(jìn)入到元件的編輯狀態(tài),或在舞臺(tái)上雙擊實(shí)例,標(biāo)左鍵,進(jìn)入到元件的編輯狀態(tài),或在舞臺(tái)上雙擊實(shí)例,進(jìn)入到元件的編輯狀態(tài)。進(jìn)入到元件的編輯狀態(tài)。 使用元件:創(chuàng)建元件后,就會(huì)保存在使用元件:創(chuàng)建元件后,就會(huì)保存在“庫(kù)庫(kù)”面板中,面板中,選擇選擇“窗口窗口”菜單菜單“庫(kù)庫(kù)”命令,或按下命令,或按下Ctrl+LCtrl+L組合鍵或組合鍵或F11F11鍵,打開(kāi)鍵,打開(kāi)“庫(kù)庫(kù)”面板,選中元件拖至舞臺(tái)中。面板,選中元件拖至舞臺(tái)中。 實(shí)例的應(yīng)用:元件拖放到舞臺(tái)中,即稱為實(shí)例,在實(shí)例的應(yīng)用:元件拖放到舞臺(tái)中,即稱為實(shí)例,在“屬屬性性”面板中,可對(duì)實(shí)例進(jìn)行相應(yīng)的屬性設(shè)置,例如:實(shí)例行面板中,可對(duì)實(shí)例進(jìn)行相應(yīng)的屬性設(shè)置

21、,例如:實(shí)例行為、大小、名稱、動(dòng)畫播放方式、顏色等,如圖所示。為、大小、名稱、動(dòng)畫播放方式、顏色等,如圖所示。5 5. .3 3.2.2幀與關(guān)鍵幀幀與關(guān)鍵幀 Flash Flash動(dòng)畫是由多幀組成的。幀就是動(dòng)畫在播放動(dòng)畫是由多幀組成的。幀就是動(dòng)畫在播放過(guò)程中,不同時(shí)間內(nèi)動(dòng)畫內(nèi)容的載體。幀分為普通過(guò)程中,不同時(shí)間內(nèi)動(dòng)畫內(nèi)容的載體。幀分為普通幀、關(guān)鍵幀、空白關(guān)鍵幀。如圖所示。幀、關(guān)鍵幀、空白關(guān)鍵幀。如圖所示。 關(guān)鍵幀:定義了動(dòng)畫變化的幀,也可以說(shuō)是包含了關(guān)鍵幀:定義了動(dòng)畫變化的幀,也可以說(shuō)是包含了幀動(dòng)作的幀。在時(shí)間軸中是一個(gè)實(shí)心的小黑點(diǎn)。幀動(dòng)作的幀。在時(shí)間軸中是一個(gè)實(shí)心的小黑點(diǎn)。 空白關(guān)鍵幀:沒(méi)有

22、內(nèi)容的關(guān)鍵幀。在時(shí)間軸上是一空白關(guān)鍵幀:沒(méi)有內(nèi)容的關(guān)鍵幀。在時(shí)間軸上是一個(gè)空心的小圓圈。個(gè)空心的小圓圈。 普通幀:又稱為相同幀,與前一個(gè)關(guān)鍵幀的內(nèi)容相普通幀:又稱為相同幀,與前一個(gè)關(guān)鍵幀的內(nèi)容相同,是灰色的幀。相同幀空白關(guān)鍵幀關(guān)鍵幀過(guò)渡幀同,是灰色的幀。相同幀空白關(guān)鍵幀關(guān)鍵幀過(guò)渡幀 過(guò)渡幀:兩個(gè)關(guān)鍵幀之間定義了動(dòng)畫的紫藍(lán)色的幀過(guò)渡幀:兩個(gè)關(guān)鍵幀之間定義了動(dòng)畫的紫藍(lán)色的幀,它使得動(dòng)畫過(guò)程更流暢。,它使得動(dòng)畫過(guò)程更流暢。5 5. .3 3.3.3圖層圖層 圖層用于有效地組織電影圖層用于有效地組織電影元素,使元素之間不至于相元素,使元素之間不至于相互干擾,如圖所示。互干擾,如圖所示。 1. 1. 圖

23、層的分類圖層的分類普通層:當(dāng)創(chuàng)建一個(gè)新的普通層:當(dāng)創(chuàng)建一個(gè)新的FlashFlash文檔后,它就包含一個(gè)文檔后,它就包含一個(gè)普通層,它是普通層,它是FlashFlash中應(yīng)用最中應(yīng)用最多的圖層。多的圖層。引導(dǎo)層:利用引導(dǎo)層可以制引導(dǎo)層:利用引導(dǎo)層可以制作沿路徑運(yùn)動(dòng)的動(dòng)畫。作沿路徑運(yùn)動(dòng)的動(dòng)畫。遮罩層:遮住下面層的內(nèi)容遮罩層:遮住下面層的內(nèi)容,透過(guò)建立的矢量圖形可以,透過(guò)建立的矢量圖形可以看見(jiàn)下面圖層的內(nèi)容??匆?jiàn)下面圖層的內(nèi)容。 2. 2. 圖層的操作圖層的操作插入圖層:在時(shí)間軸左下方單擊插入圖層:在時(shí)間軸左下方單擊“插入圖層插入圖層”按鈕,就按鈕,就添加了一個(gè)普通層,單擊添加引導(dǎo)層則添加一個(gè)引導(dǎo)層

24、添加了一個(gè)普通層,單擊添加引導(dǎo)層則添加一個(gè)引導(dǎo)層。改變圖層的屬性:選中圖層,單擊鼠標(biāo)右鍵,在彈出菜改變圖層的屬性:選中圖層,單擊鼠標(biāo)右鍵,在彈出菜單中選擇單中選擇“屬性屬性”命令,彈出命令,彈出“屬性屬性”對(duì)話框,設(shè)置圖對(duì)話框,設(shè)置圖層的屬性。層的屬性。插入圖文件夾:將圖層分類放在文件夾進(jìn)行組織管理。插入圖文件夾:將圖層分類放在文件夾進(jìn)行組織管理。刪除圖層:不需要的圖層時(shí),單擊刪除圖層:不需要的圖層時(shí),單擊“刪除圖層刪除圖層”按鈕。按鈕。圖層的顯示或隱藏,單擊層,單擊眼睛圖標(biāo)位置,出現(xiàn)圖層的顯示或隱藏,單擊層,單擊眼睛圖標(biāo)位置,出現(xiàn)紅叉,表示隱藏,黑色圓點(diǎn)表示顯示。紅叉,表示隱藏,黑色圓點(diǎn)表示

25、顯示。圖層的鎖定:?jiǎn)螕魧?,單擊鎖定層下方,出現(xiàn)鎖的標(biāo)志圖層的鎖定:?jiǎn)螕魧?,單擊鎖定層下方,出現(xiàn)鎖的標(biāo)志,表示鎖定層,黑色圓點(diǎn)表示解鎖。,表示鎖定層,黑色圓點(diǎn)表示解鎖。5 5. .3.3.4 4 創(chuàng)建動(dòng)畫創(chuàng)建動(dòng)畫 用戶通過(guò)改變連續(xù)幀的內(nèi)容來(lái)實(shí)現(xiàn)動(dòng)畫,例如穿梭移用戶通過(guò)改變連續(xù)幀的內(nèi)容來(lái)實(shí)現(xiàn)動(dòng)畫,例如穿梭移動(dòng)、放大或縮小、旋轉(zhuǎn)、變色、淡入淡出以及改變形狀等動(dòng)、放大或縮小、旋轉(zhuǎn)、變色、淡入淡出以及改變形狀等。有三種方法可以在有三種方法可以在FlashFlash中創(chuàng)建動(dòng)畫序列,分別是創(chuàng)建補(bǔ)間動(dòng)中創(chuàng)建動(dòng)畫序列,分別是創(chuàng)建補(bǔ)間動(dòng)畫、創(chuàng)建補(bǔ)間形狀、創(chuàng)建傳統(tǒng)補(bǔ)間。畫、創(chuàng)建補(bǔ)間形狀、創(chuàng)建傳統(tǒng)補(bǔ)間。1 1創(chuàng)建遮照

26、動(dòng)畫創(chuàng)建遮照動(dòng)畫遮罩層就是將下面的層全部遮住,通過(guò)在遮罩層中添加形狀遮罩層就是將下面的層全部遮住,通過(guò)在遮罩層中添加形狀,形狀類似于洞,透過(guò)洞看到下面層的內(nèi)容,鏈接到遮罩,形狀類似于洞,透過(guò)洞看到下面層的內(nèi)容,鏈接到遮罩層的普通層就是被遮罩層。利用層的普通層就是被遮罩層。利用“遮罩遮罩”效果,可以制作效果,可以制作許多特效,如水波、萬(wàn)花筒、放大鏡、望遠(yuǎn)鏡、探照燈等許多特效,如水波、萬(wàn)花筒、放大鏡、望遠(yuǎn)鏡、探照燈等。2. 2. 動(dòng)畫按鈕的制作動(dòng)畫按鈕的制作按鈕可以顯示為圖像或動(dòng)畫,分別響應(yīng)不同的鼠標(biāo)狀態(tài),當(dāng)按鈕可以顯示為圖像或動(dòng)畫,分別響應(yīng)不同的鼠標(biāo)狀態(tài),當(dāng)用戶使用鼠標(biāo)時(shí)產(chǎn)生單擊、按下或懸停在按

27、鈕之上等動(dòng)作用戶使用鼠標(biāo)時(shí)產(chǎn)生單擊、按下或懸停在按鈕之上等動(dòng)作時(shí),按鈕都會(huì)有不同的顯示效果。要使按鈕在電影中產(chǎn)生時(shí),按鈕都會(huì)有不同的顯示效果。要使按鈕在電影中產(chǎn)生交互,可將按鈕符號(hào)的實(shí)例放置在舞臺(tái)上,然后給實(shí)例分交互,可將按鈕符號(hào)的實(shí)例放置在舞臺(tái)上,然后給實(shí)例分配相應(yīng)的動(dòng)作。配相應(yīng)的動(dòng)作。3 3為動(dòng)畫添加聲音為動(dòng)畫添加聲音在在FlashFlash中有兩種類型的聲音:事件聲音和音頻流。事件聲中有兩種類型的聲音:事件聲音和音頻流。事件聲音必須完全下載后才能開(kāi)始播放,除非明確停止,它將一音必須完全下載后才能開(kāi)始播放,除非明確停止,它將一直連續(xù)播放。音頻流在前幾幀下載了足夠的數(shù)據(jù)后就開(kāi)始直連續(xù)播放。音

28、頻流在前幾幀下載了足夠的數(shù)據(jù)后就開(kāi)始播放;音頻流可以通過(guò)和時(shí)間軸同步以便在播放;音頻流可以通過(guò)和時(shí)間軸同步以便在WebWeb站點(diǎn)上播站點(diǎn)上播放。放。事件聲音一般用于按鈕或者是固定動(dòng)作中的聲音。而音頻流事件聲音一般用于按鈕或者是固定動(dòng)作中的聲音。而音頻流一般應(yīng)用于背景音樂(lè)、一般應(yīng)用于背景音樂(lè)、MTVMTV的制作。的制作。導(dǎo)入聲音文件的格式一般有:導(dǎo)入聲音文件的格式一般有:WAVWAV(僅限(僅限 WindowsWindows)、)、MidMid、AIFFAIFF(僅限(僅限 MacintoshMacintosh)、)、MP3MP3(Windows Windows 或或 MacintoshMaci

29、ntosh)等,還可設(shè)置聲音的效果屬性創(chuàng)造更優(yōu)美的音效。)等,還可設(shè)置聲音的效果屬性創(chuàng)造更優(yōu)美的音效。4 4FlashFlash動(dòng)畫中的交互控制動(dòng)畫中的交互控制在在Flash CS5Flash CS5中,借助于中,借助于ActionScriptActionScript來(lái)實(shí)現(xiàn)程序化的交互來(lái)實(shí)現(xiàn)程序化的交互動(dòng)畫,如網(wǎng)站廣告、網(wǎng)絡(luò)游戲、動(dòng)畫,如網(wǎng)站廣告、網(wǎng)絡(luò)游戲、Flash MtvFlash Mtv等。等。5 5動(dòng)作面板介紹動(dòng)作面板介紹用用ActionScriptActionScript進(jìn)行編程需要用到進(jìn)行編程需要用到“動(dòng)作動(dòng)作”面板,面板,“動(dòng)作動(dòng)作”面板面板是專業(yè)編寫腳本程序的開(kāi)發(fā)環(huán)境(本教材講

30、解是專業(yè)編寫腳本程序的開(kāi)發(fā)環(huán)境(本教材講解actionscript2.0actionscript2.0的的“動(dòng)作動(dòng)作”面板)。選擇面板)。選擇“窗口窗口”菜單菜單“動(dòng)動(dòng)作作”命令,或單擊快捷鍵命令,或單擊快捷鍵F9F9,打開(kāi),打開(kāi)“動(dòng)作動(dòng)作”面板,動(dòng)作面板面板,動(dòng)作面板由三部分組成:動(dòng)作工具箱(按類別對(duì)由三部分組成:動(dòng)作工具箱(按類別對(duì)ActionScriptActionScript元素元素進(jìn)行分組)、腳本導(dǎo)航器(可以快速地在進(jìn)行分組)、腳本導(dǎo)航器(可以快速地在FlashFlash文檔中的文檔中的腳本間導(dǎo)航)和腳本窗格(可以在其中輸入腳本間導(dǎo)航)和腳本窗格(可以在其中輸入ActionScriptActionScript代碼),如圖所示。單擊左側(cè)下方的箭頭,顯示腳本導(dǎo)航代碼),如圖所示。單擊左側(cè)下方的箭頭,顯示腳本導(dǎo)航器;單擊右側(cè)器;單擊右側(cè)“腳本助手腳本助手” 按鈕,顯示隱藏代碼提示。按鈕,顯示隱藏代碼提示。5 5. .4 4 利用利用Flash CS5Flash CS5設(shè)計(jì)網(wǎng)站起始頁(yè)的動(dòng)畫設(shè)計(jì)網(wǎng)站起始頁(yè)的動(dòng)畫效果效果本節(jié)講解本節(jié)講解案案例例導(dǎo)入導(dǎo)入1 1所舉西京食府網(wǎng)站起始頁(yè)動(dòng)畫效所舉西京食府網(wǎng)站起始頁(yè)動(dòng)畫效果的設(shè)計(jì)過(guò)程。本實(shí)例中綜合了圖形、文本動(dòng)畫的制果的設(shè)計(jì)過(guò)程。本實(shí)例中綜合了圖形、文本動(dòng)畫的制作 ,

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論