(一) Flash的工作界面
標(biāo)題欄
主工具欄
文檔選項(xiàng)卡
工具箱
舞臺(tái)
屬性面板
編輯欄
庫面板
舞臺(tái):進(jìn)行創(chuàng)作的主要工作區(qū)域。
標(biāo)尺、網(wǎng)格、編輯欄中設(shè)置顯示比例。
場景概念:
時(shí)間軸窗口:由一系列的幀組成,每一幀是一幅瞬時(shí)圖。分為:圖層控制區(qū)和時(shí)間軸控制區(qū)。時(shí)間線是通過時(shí)間變化精確控制圖層在每一秒的位置的工具。默認(rèn)12幀/秒。Fps(framepersecond)
工具箱:主要繪圖工具
動(dòng)畫播放控制器面板
屬性窗口:設(shè)置對(duì)象屬性
動(dòng)作窗口:編寫動(dòng)作腳本
浮動(dòng)面板:如:庫窗口:用于存放重復(fù)元素。
(二)Flash動(dòng)畫的制作原理
在時(shí)間軸的不同幀上放置不同的對(duì)象或設(shè)置同一對(duì)象的不同屬性,例如形狀、位置、大小、顏色和透明度等,當(dāng)播放指針在這些幀之間移動(dòng)時(shí),便形成了動(dòng)畫。
(三)重要概念
圖形:是組成Flash動(dòng)畫的基本元素。制作動(dòng)畫時(shí),可利用Flash的工具箱提供的工具繪制出動(dòng)畫需要的任何圖形。
元件:是指可以在動(dòng)畫場景中反復(fù)使用的一種動(dòng)畫元素。它可以是一個(gè)圖形,也可以是一個(gè)小動(dòng)畫,或者是一個(gè)按鈕。
圖層:圖層就像好多透明的紙,用戶可以在不同的紙上繪制各種圖畫,然后再將所有的紙疊在一起就構(gòu)成了一幅完整的圖畫。位于下層的圖形將在上層中空白或者透明的地方顯示出來。
幀:幀分為關(guān)鍵幀、空白關(guān)鍵幀和普通幀三種類型。
關(guān)鍵幀是可以直接在舞臺(tái)上編輯其內(nèi)容的幀, 記錄動(dòng)畫內(nèi)容發(fā)生根本性變化的畫面。只要關(guān)鍵幀才能進(jìn)行編輯。F6:插入關(guān)鍵幀。插入關(guān)鍵幀時(shí)將上一狀態(tài)的幀內(nèi)容完全復(fù)制。
空白關(guān)鍵幀幀內(nèi)沒有畫面,幀標(biāo)識(shí)是空心小圓圈;
普通幀的作用是延伸關(guān)鍵幀上的內(nèi)容。
幀頻:每秒鐘播放的幀數(shù),默認(rèn)12fps 一般認(rèn)為是網(wǎng)頁上最合適的速度。
(四)工具箱中各工具的用法:
(五)三種動(dòng)畫:逐幀動(dòng)畫、運(yùn)動(dòng)動(dòng)畫、形狀動(dòng)畫
(1)逐幀:就像電影院放電影,每秒鐘播放固定的膠片數(shù),每張膠片都單獨(dú)制作,最后連在一起播放,達(dá)到動(dòng)畫效果。
做法:F6插入關(guān)鍵幀,調(diào)整每幀圖像,使得每相鄰兩幀有所區(qū)別
(2)運(yùn)動(dòng)動(dòng)畫:
原理:通過設(shè)置首尾兩關(guān)鍵幀的對(duì)象屬性,讓系統(tǒng)自動(dòng)生成中間的“補(bǔ)間”。
適用的情況:
a.位置變化(小球運(yùn)動(dòng))
b.透明度變化(元件)
c.大小變化(文字)
d.角度變化-旋轉(zhuǎn)(文字)
e.色彩變化。(元件,通過色調(diào),亮度等設(shè)置)
做法:運(yùn)動(dòng)的起始幀作圖→起始幀時(shí)間軸處右鍵單擊并選擇“創(chuàng)建補(bǔ)間動(dòng)畫” →在運(yùn)動(dòng)的結(jié)束幀按F6鍵→調(diào)整結(jié)束幀或起始幀中的圖形的大小、位置、透明度、亮度、色調(diào)、旋轉(zhuǎn)角度等。
制作時(shí)注意事項(xiàng):
a.運(yùn)動(dòng)的對(duì)象必須為組合的圖形。
b.運(yùn)動(dòng)的對(duì)象必須單占一層。(例:小車運(yùn)動(dòng))
c.開始與結(jié)束狀態(tài)須為關(guān)鍵幀。
d. “緩動(dòng)”設(shè)置成大于0的值速度越來越慢,小于0越來越快。
(3)形狀動(dòng)畫:可以使整個(gè)對(duì)象的形狀都以動(dòng)畫的方式發(fā)生變化。
分為有提示點(diǎn),和無提示點(diǎn)。提示點(diǎn)最多26個(gè),即字母“a”到“z”。提示點(diǎn)必須位于對(duì)象的邊緣,才能起到暗示形變的作用。注意提示點(diǎn)顏色(紅、黃、綠)。字母盡量規(guī)則擺放。
做法:形變的起始幀作圖(必須為矢量圖,即打散的)→起始幀時(shí)間軸處單擊→打開“屬性”面板→把“補(bǔ)間”設(shè)置成“形狀” →在形變的結(jié)束幀按F6→調(diào)整結(jié)束幀和起始幀的圖形形狀、顏色等→如需要控制形變,可加入提示點(diǎn)(單擊形變的起始幀→“修改”菜單→形狀→添加形狀提示或按快捷鍵ctrl+shift+h添加形狀提示→調(diào)整起始幀和結(jié)束幀的提示,把它們拖動(dòng)到對(duì)象的邊緣,這時(shí)起始幀的提示點(diǎn)變成黃色,結(jié)束幀的提示點(diǎn)變成綠色,即可起到提示作用)
制作時(shí)注意事項(xiàng):
(1)開始與結(jié)束必須都為關(guān)鍵幀
(2)開始與結(jié)束必須為打散圖形。
和運(yùn)動(dòng)動(dòng)畫比較:
(1)運(yùn)動(dòng)的對(duì)象必須為組合的圖形。
(2)運(yùn)動(dòng)的對(duì)象必須單占一層。
(3)開始與結(jié)束狀態(tài)須為關(guān)鍵幀。
(六)圖層:引導(dǎo)層、遮罩層
圖層就像好多透明的紙,用戶可以在不同的紙上繪制各種圖畫,然后再將所有的紙疊在一起就構(gòu)成了一幅完整的圖畫。位于下層的圖形將在上層中空白或者透明的地方顯示出來。
使用圖層的優(yōu)點(diǎn):不同的圖形和動(dòng)畫放在不同圖層上,便于編輯整理。
兩種特殊圖層:
(1)引導(dǎo)層:
作用:使對(duì)象沿著變化的路徑運(yùn)動(dòng)。一個(gè)引導(dǎo)層只能引導(dǎo)當(dāng)前一層。引導(dǎo)層只對(duì)線條起作用。
做法:啟用自動(dòng)吸附功能,工具箱下方磁鐵圖標(biāo)→要運(yùn)動(dòng)的對(duì)象放在單獨(dú)一層,做運(yùn)動(dòng)動(dòng)畫→給他建立引導(dǎo)層(單擊被引導(dǎo)層→單擊時(shí)間軸左下角的“添加運(yùn)動(dòng)引導(dǎo)層按鈕”)→在引導(dǎo)層繪制路徑→拖動(dòng)對(duì)象附著在引導(dǎo)層路徑的兩端(可用任意變形工具改變運(yùn)動(dòng)對(duì)象的中心點(diǎn))→單擊動(dòng)畫中間任意一幀:展開“屬性面板”,選中復(fù)選框“調(diào)整到路徑”→用任意變形工具調(diào)整對(duì)象前進(jìn)的方向。
引導(dǎo)路徑的技巧:
? 引導(dǎo)線的繪制:平滑、圓潤、流暢的引導(dǎo)線有利于引導(dǎo)動(dòng)畫。如果引導(dǎo)線的轉(zhuǎn)折點(diǎn)過多、轉(zhuǎn)折處的線條轉(zhuǎn)彎過急、中間出現(xiàn)中斷的現(xiàn)象、出現(xiàn)交叉重疊現(xiàn)象,都可能導(dǎo)致Flash無法準(zhǔn)確判定對(duì)象的運(yùn)動(dòng)路徑,從而導(dǎo)致引導(dǎo)失敗。
? “調(diào)整到路徑”復(fù)選框:創(chuàng)建引導(dǎo)路徑動(dòng)畫后,選中被引導(dǎo)圖層的動(dòng)畫開始幀,然后打開“屬性”面板,即可看到“調(diào)整到路徑”復(fù)選框 ,勾選該復(fù)選框可使被引導(dǎo)圖層中的對(duì)象,沿引導(dǎo)線的走勢改變角度。
(2)遮罩層:透過遮罩層的形狀看到下一層。遮罩層就相當(dāng)于洞,遮罩層的對(duì)象形狀即為洞的形狀。所以被遮罩層不能為透明色。遮罩技術(shù)能讓用戶自己設(shè)置對(duì)象的可見區(qū)域,即用戶在遮罩層繪制出一塊范圍,那么在被遮罩的層中,只有位于該范圍內(nèi)的圖形才是可見的。
做法:編輯被遮罩層圖像→在被遮罩層上方加入圖層→在新加入的圖層上擊右鍵選中“遮罩層”→編輯遮罩形狀(可以提前先把遮罩做成圖形元件)
遮罩的技巧 :
? 無論遮罩使用何種填充顏色、透明度,以及何種圖形類型,遮罩效果都一樣。
? 線條不能作為遮罩。
? 要在Flash的舞臺(tái)中顯示遮罩效果,必須鎖定遮罩層和被遮罩層。
? 可以按下遮罩層右側(cè)的“只顯示圖層輪廓”按鈕 ,使遮罩層上的對(duì)象只顯示輪廓線。
? 在被遮罩層中不能放置動(dòng)態(tài)文本。
? 遮罩層默認(rèn)只能對(duì)其下一層起作用,一個(gè)“遮罩層”也可以有多個(gè)“被遮罩層”,而“被遮罩層”只能有一個(gè)“遮罩層”。
(七)元件:圖形、影片剪輯、按鈕、
元件:又稱符號(hào),是一種獨(dú)特的,可重復(fù)使用的對(duì)象,放在“庫”里,就象零件。Flash中,元件包括圖形、按鈕、影片剪輯三類。
使用元件的好處:動(dòng)畫文檔大小明顯減少,播放速度顯著提高。管理(庫面板)、修改動(dòng)畫容易。
? 圖形元件:
適用情況:1、當(dāng)靜態(tài)圖形或圖像需要重復(fù)使用,或用來制作動(dòng)畫補(bǔ)間動(dòng)畫時(shí)。
2.當(dāng)把做好的Flash動(dòng)畫導(dǎo)出成GIF等格式的圖像動(dòng)畫,或?qū)С龀蓤D像序列時(shí)。
3.制作大型動(dòng)畫時(shí),把每部分分解到元件。
4.在制作需要對(duì)播放進(jìn)行控制的動(dòng)畫時(shí),即只有點(diǎn)播放按鈕才開始動(dòng)畫時(shí)。
5.在為動(dòng)畫添加字幕時(shí),把字幕先做到圖形元件里。
圖形元件的特點(diǎn):
1.將帶有動(dòng)畫片斷的圖形元件實(shí)例放在主時(shí)間軸上時(shí),需要為其添加與動(dòng)畫片斷等長的幀,否則播放時(shí)無法完整播放。
2.當(dāng)按下【Enter】鍵在時(shí)間軸上預(yù)覽動(dòng)畫時(shí),可以預(yù)覽圖形元件實(shí)例內(nèi)的動(dòng)畫效果。
3.在“屬性”面板中可以設(shè)置圖形元件中動(dòng)畫的播放方式。
4.在圖形元件中不能包含聲音和動(dòng)作腳本,也不能為舞臺(tái)上的圖形元件實(shí)例添加動(dòng)作腳本。
? 影片剪輯:
適用情況:
1.當(dāng)需要制作帶有聲音和動(dòng)作腳本的動(dòng)畫片段時(shí),應(yīng)使用影片剪輯。
2.當(dāng)需要制作獨(dú)立于主時(shí)間軸的動(dòng)畫片段時(shí),應(yīng)使用影片剪輯。
影片剪輯的特點(diǎn):
1.無法在主時(shí)間軸上預(yù)覽影片剪輯實(shí)例內(nèi)的動(dòng)畫效果,在舞臺(tái)上看到的只是影片剪輯第1幀的畫面。
2.即使主時(shí)間軸只有1幀,也可以完整地播放影片剪輯中的動(dòng)畫。
3.在影片剪輯內(nèi)部可以添加別的影片剪輯、按鈕元件和圖形元件實(shí)例,從而實(shí)現(xiàn)復(fù)雜動(dòng)畫效果。
4.可以在影片剪輯內(nèi)部添加動(dòng)作腳本和聲音,也可以為舞臺(tái)上的影片剪輯實(shí)例添加動(dòng)作腳本。
5.可以為影片剪輯實(shí)例添加“濾鏡”效果。
? 按鈕元件
特點(diǎn):1、用來創(chuàng)建按鈕元件的對(duì)象可以是圖形元件實(shí)例、影片剪輯實(shí)例、位圖、組合、分散的矢量圖形等。
2、在按鈕元件內(nèi)部可以添加聲音但不能在幀上添加動(dòng)作腳本。
3、必須為按鈕元件添加腳本命令,才能夠使其產(chǎn)生作用。
實(shí)例:元件以實(shí)例的形式存在。(即把元件放到舞臺(tái)上就是實(shí)例)
元件一經(jīng)修改,所有引用自該元件的實(shí)例都自動(dòng)修改。(即元件影響實(shí)例,實(shí)例不能影響元件)
建立元件:插入/新建元件/輸入元件名/選擇類型/在出現(xiàn)的元件編輯窗口中制作元件。
應(yīng)用元件:把元件從庫中拖動(dòng)到舞臺(tái)上。
修改元件:雙擊庫面板中的元件或者雙擊實(shí)例進(jìn)入元件編輯窗口。
按鈕元件:
(1)“點(diǎn)擊”狀態(tài):用于設(shè)置按鈕的感應(yīng)區(qū)域,即按鈕能夠感應(yīng)鼠標(biāo)的范圍。如果沒有設(shè)置此狀態(tài),則Flash將默認(rèn)感應(yīng)區(qū)域?yàn)椤皬椘稹睜顟B(tài)。
(2)按鈕上的常用腳本:
播放:on(release){
nextFrame();
play();
}
暫停:on(release){
stop();
}
停止:on(release){
gotoAndStop(1);
}
重播:on(release){
gotoAndStop(2);
play();
}
上一幀:on(release){
prevFrame();
stop();
}
下一幀:on(release){
nextFrame();
stop();
}
跳到某網(wǎng)址:
on(release){
getURL("http://www.bdcf.net");
}
(八)聲音
一般情況下Flash支持的聲音文件格式
Windows系統(tǒng):wav和mp3(最常用)
Macintosh系統(tǒng)(蘋果機(jī)操作系統(tǒng)):AIFF和mp3
因?yàn)槁曇粑募]有形狀,即使選擇導(dǎo)入到舞臺(tái),也會(huì)將其導(dǎo)入到庫中,同導(dǎo)入其他格式文件(如圖片)不一樣。
添加聲音的做法:
方法一:
導(dǎo)入聲音(“文件”→“導(dǎo)入”→聲音文件被導(dǎo)入到“庫”)→在庫中單擊選中聲音文件→選擇要導(dǎo)入聲音的幁在庫上的預(yù)覽窗口處按下鼠標(biāo)左鍵拖動(dòng)聲波到舞臺(tái)→在時(shí)間軸的500多幀按下F5鍵來延長聲音的顯示時(shí)間,繼續(xù)向右拖動(dòng)時(shí)間軸右下角的滾動(dòng)條,在1000多幀再按F5鍵延長聲音,直到3000多幀左右時(shí)聲波波形消失為止→刪除波形消失后多余的幀→在聲波的任意一幀處單擊→展開“屬性”面板→“同步”選項(xiàng)設(shè)置成“數(shù)據(jù)流”→按回車鍵聽一下聲音→在其他圖層中做跟聲音同步的動(dòng)畫。
“同步”列表中各參數(shù)意義:
(1)事件:使聲音的播放和事件的發(fā)生瞬間同步。事件聲音將在其開始的關(guān)鍵幀顯示時(shí)播放,并且獨(dú)立于時(shí)間軸全部播放,而無論電影是否停止。
(2)開始:和事件聲音相似,但是如果聲音已經(jīng)開始并正在播放,則不會(huì)再播放新聲音。
(3)停止:停止播放指定的聲音;
(4)數(shù)據(jù)流:在播放動(dòng)畫時(shí),使聲音和動(dòng)畫保持同步。
方法二:把聲音導(dǎo)入到“庫”中→在庫中聲音上擊右鍵→單擊“鏈接”→在打開的“鏈接屬性”面板中選中“為ActionScript導(dǎo)出”,并在“標(biāo)示符”處給聲音文件取個(gè)名字,以便在代碼中使用→回到舞臺(tái)的某圖層的某幀處單擊→展開“動(dòng)作”面板,在其中加入腳本:
song = new Sound();
root.song.attachSound("標(biāo)示符");
_root.song.start();
(九)腳本
使用腳本創(chuàng)建動(dòng)畫交互。
1.窗口/開發(fā)面板/動(dòng)作。
2.書寫腳本,類似vb,注意語法規(guī)則。有語法提示(此項(xiàng)可設(shè)置)給實(shí)例命名,影片剪輯應(yīng)以”_mc”結(jié)尾,按鈕應(yīng)以“_btn”結(jié)尾,文本“_txt”;
3.編寫腳本后進(jìn)行語法檢查無誤后可測試影片。(觀察是否有邏輯錯(cuò)誤,如事件寫錯(cuò),可使用插入目標(biāo)路徑)
4.注意瀏覽器是否設(shè)置了允許播放動(dòng)畫。
5.常用腳本:
注意:腳本中單詞的寫法:由一個(gè)單詞組成的部分則全部小寫,如:release,由多個(gè)單詞組成的部分則首單詞全部小寫,以后每個(gè)單詞的首字母大寫,如:gotoAndStop。
(1)按鈕上:
播放:on(release){
nextFrame();
play();
}
暫停:on(release){
stop();
}
停止(或返回到某一幀上停止):
on(release){
gotoAndStop(幀號(hào));
}
重播(即跳到第二幀上重新播放):on(release){
gotoAndStop(2);
play();
}
上一幀:on(release){
prevFrame();
stop();
}
下一幀:on(release){
nextFrame();
stop();
}
退出:on(release){
fscommand(“quit”,true);
}
跳到某網(wǎng)址:
on(release){
getURL("http://www.bdcf.net");
}
(2)幀上的:
播放時(shí)間軸上的幀:play();
停止播放:stop();
設(shè)置全屏顯示:一般寫在第一幀動(dòng)作面板
fscommand(“fullScreen”,true)
略:(十)創(chuàng)建演示文稿(即用Flash作幻燈片)
利用Flash8中的屏幕(Screen)功能
(1)屏幕
了解屏幕文檔的結(jié)構(gòu):最高等級(jí)為模版屏幕
屏幕分為多個(gè)等級(jí)來管理,即分為父(Parent)和子(child)
(2)幻燈片
幻燈片的每個(gè)屏幕都具有獨(dú)立的頁面。
在幻燈片中,翻頁用左右方向鍵,所以,在演示文稿上不用設(shè)置按鈕或動(dòng)作,非常方便,而且里用內(nèi)置的轉(zhuǎn)場效果,可以制作出生動(dòng)的演示文稿。
創(chuàng)建:
新建→Flash幻燈片演示文稿→在工具箱和場景之間顯示Screen窗口
動(dòng)態(tài)的畫面切換和動(dòng)畫效果:行為面板
聯(lián)系客服