![中文版-Flash-Professional-8標準教程-第15章_第1頁](http://file4.renrendoc.com/view14/M00/1A/21/wKhkGWYkfe6AAOxCAAFHbntPv5Q635.jpg)
![中文版-Flash-Professional-8標準教程-第15章_第2頁](http://file4.renrendoc.com/view14/M00/1A/21/wKhkGWYkfe6AAOxCAAFHbntPv5Q6352.jpg)
![中文版-Flash-Professional-8標準教程-第15章_第3頁](http://file4.renrendoc.com/view14/M00/1A/21/wKhkGWYkfe6AAOxCAAFHbntPv5Q6353.jpg)
![中文版-Flash-Professional-8標準教程-第15章_第4頁](http://file4.renrendoc.com/view14/M00/1A/21/wKhkGWYkfe6AAOxCAAFHbntPv5Q6354.jpg)
![中文版-Flash-Professional-8標準教程-第15章_第5頁](http://file4.renrendoc.com/view14/M00/1A/21/wKhkGWYkfe6AAOxCAAFHbntPv5Q6355.jpg)
版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
第15章綜合實例創(chuàng)建橫幅廣告創(chuàng)建元件和實例添加按鈕動畫和導航創(chuàng)建時間軸動畫應用漸變畸拘馱午釁賞夕罰熾錢昭展熒組雀帛蘋灣瑤再碗晴斜緘項弊鋇予矮溶氣翟中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.1創(chuàng)建橫幅廣告FlashBasic8或FlashProfessional8看似是非常復雜而難學的程序。之所以會這樣,是因為它可以用來完成許多不同的工作,如制作卡通動畫、媒體播放器和復雜的軟件。本節(jié)將向你演示該程序的一些基礎方面以及如何使用它們來開始構建實際的項目。不需要了解有關Flash或動畫的任何內(nèi)容即可完成??梢允褂肍lash8為Web或CD-ROM等設備創(chuàng)建各種不同的元素。首先,借助用來輸出SWF文件的Flash創(chuàng)作工具創(chuàng)建一個文件。SWF文件被嵌入到Web頁中后,可以將它發(fā)布到Internet上。FlashPlayer插件隨后顯示這些SWF文件,以便Web站點訪問者可以查看站點內(nèi)容或者與之進行交互。SWF文件可以包含視頻、MP3聲音、動畫、圖像、數(shù)據(jù)等。與其他格式相比,使用SWF文件有一個好處,那就是FlashPlayer插件已非常普及。步驟1打開Flash應用程序。默認情況下,F(xiàn)lash顯示“開始頁”,如下圖所示。15.1.1創(chuàng)建新文檔酵匝繼琺玄喇粘落系標肝戳奎啼亢搽嗓覽弘驢甥違繡秧術牙悅金菊戳屯逃中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章通過該頁可以選擇最近編輯的文檔、創(chuàng)建新的Flash文檔或ActionScript文件或者使用預置的模板創(chuàng)建新文檔。如果使用的是FlashProfessional8,則可以創(chuàng)建其他種類的文件。步驟2在“開始頁”的“創(chuàng)建新項目”欄中單擊“Flash文檔”以創(chuàng)建空白文檔。注意:如果Flash未顯示“開始頁”(如果將計算機共享,則該功能可能已在以前被禁用),則可以選擇“文件”|“新建”命令,在打開的“新建文檔”對話框的“常規(guī)”選項卡中選擇“Flash文檔”,然后單擊“確定”按鈕。折憫犀漫毋搗苔胚吊蠶齡踴酥肘雙前憾床棍庇琉遣釜到八鳳來吹檀傅惰架中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟3選擇“文件”|“另存為”命令,在打開的“另存為”對話框中將該文件命名為banner.fla,查找用來保存項目的目錄或者創(chuàng)建一個新目錄,然后單擊“保存”按鈕。Flash會將可編輯文檔另存為FLA文件。從FLA文件中,能導出(或編譯)可嵌入HTML頁中的SWF文件。FlashPlayer(大多數(shù)計算機上都裝有該插件)將播放從Flash導出的SWF文件。注意:最好在開始使用新文檔時保存它(而且以后也要經(jīng)常保存),以防丟失勞動成果。如果未選擇任何對象或幀,則可以通過“屬性”檢查器修改文檔本身的屬性。步驟1在“屬性”檢查器的“大小”文本右側的“文檔屬性”按鈕顯示FLA文件當前的尺寸(550×400像素),如下圖所示。默認情況下,新Flash文檔中的舞臺的寬度為550像素,高度為400像素。15.1.2更改文檔屬性諜姿彰戀矣滄點藏吝說棗違吊壟填苦霹卜崔據(jù)包燭堆嘗第銜勃膛根莖鄖磨中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章注意:確保未選中幀。如果看不到上圖所示的“屬性”檢查器,單擊“舞臺”。步驟2若要更改文檔屬性,單擊“文檔屬性”按鈕,打開“文檔屬性”對話框。步驟3在“尺寸”區(qū)域的“寬”文本框中鍵入160,“高”文本框中鍵入600,如右圖所示,單擊“確定”按鈕。注意:也可以通過選擇“文件”|“新建”命令,在打開的“新建文檔”對話框中單擊“模板”選項卡,在“類別”文本框中選擇“廣告”,然后在“模板”列表框中選擇所需的模板,如下圖所示。睹渤暑藐激根昔于惺要濱壬高氨瘓唾瞞屜麥究疊罰雨瓤辨柑徘骯誣鑄薪摸中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟4返回到創(chuàng)作環(huán)境,請注意文檔的尺寸有什么變化,如下圖所示。在使用Flash時,經(jīng)常要向文檔中導入資源?;蛟S有一個由設計師為你的工作提供的公司徽標或圖形??梢韵騀lash中導入各種資源,包括聲音、視頻、位圖圖像和其他圖形格式(如PNG、JPEG、AI和PSD)。導入的圖形將存儲到文檔庫中。文檔庫中既存儲導入到文檔中的資源,又存儲Flash中創(chuàng)建的元件。步驟1選擇“文件”|“導入”|“導入到庫”命令。步驟2打開“導入到庫”對話框,在“查找范圍”下拉列表框中瀏覽到硬盤上包含要在Flash文檔中導入的圖像的文件夾。15.1.3導入圖形步驟5選擇“文件”|“保存”命令保存該文檔?;貑醽G爹吃芝套攀扁翟郴撥蘊憋閱娘牟徒奸兒嗆傀蔓瘧騁摘兒英湃珍簿扁中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟3選擇要導入的圖像文件gnome.png,如右圖所示,單擊“打開”按鈕。該圖像即會導入到文檔庫中。注意:如果希望查看插圖的多個實例,則可以將庫中的資源多次拖到舞臺上。如果在舞臺上使用多個實例,文件的大小不會增加。SWF文件僅存儲庫中原始元件或資源的信息,并將每個實例視為一個副本。步驟4選擇“窗口”|“庫”命令打開“庫”面板。將在文檔庫中看到剛導入的圖像gnome.png,如左圖所示。步驟5在文檔庫中選擇導入的圖像并將它拖到舞臺上,如右圖所示。不必考慮將該圖像放在舞臺上的什么位置,因為以后將為該圖像設置坐標。如果將某項內(nèi)容拖到舞臺上,則在播放SWF文件時,會看到此內(nèi)容位于該文件中。步驟6單擊“選擇”工具,在舞臺上選擇該實例,并在舞臺上拖動位圖圖像調(diào)整其位置。也可以在“屬性”檢查器的“X”和“Y”文本框中設置坐標。爆乓葉島挪諸淵鰓擇湍寥手諱昔咽一貫摯饋簡苦訖爪此懸系沁黑慢弓鹿闊中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.1.4圖層和時間軸時間軸位于Flash工作區(qū)中舞臺的上方。時間軸中包含圖層和幀,它有助于組織文檔中的資源,并且還可以控制文檔內(nèi)容隨時間的變化。因為經(jīng)常需要將對象放在舞臺上的特定位置,為了讓這些對象保持在適當?shù)奈恢?,F(xiàn)lash允許鎖定圖層,以便無法在圖層上選擇項目和防止不小心移動它們。步驟1在“時間軸”中選擇“圖層1”,然后單擊“鎖定/解除鎖定所有圖層”圖標下面的點,如下圖所示。1.鎖定圖層監(jiān)塹春碰膨族亦嵌染豺賒討纜疑尾垃顧示賣接留雖氏侮饋怒氛邏鄭翔闊盜中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章提示:在惟一的圖層處于鎖定狀態(tài)時,需要添加新圖層,才能向舞臺中添加任何其他對象。不能向鎖定的圖層中添加新對象。步驟2在“工具”面板中選擇“選擇”工具,然后雙擊名稱“圖層1”。步驟3在圖層名稱中鍵入“背景”以重命名該圖層,如下圖所示。在所有使用導入圖形和動畫的Flash項目中,幾乎均需要創(chuàng)建幾個圖層。需要將特定的元素分離到各自的圖層上,尤其是在開始制作對象動畫時。還可以將圖形疊放,甚至通過使用多個圖層來營造出深度或重疊的感覺。步驟1在時間軸上選擇“背景”圖層,然后單擊“插入圖層”按鈕創(chuàng)建新的空圖層。2.創(chuàng)建新圖層步驟4選擇“文件”|“保存”命令保存文檔。買那昂五仔羚筑峪簽遍屎這注剿匙悼衛(wèi)紅至檄紅掇翠它凋毒趁吮灶俐越善中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章可以直接在文檔庫中導入圖像,然后將該圖像拖到舞臺上的選定圖層上。還可以將資源直接導入到舞臺(而非庫)中。3.導入到圖層步驟2新圖層將在“背景”圖層上方創(chuàng)建,如下圖所示。步驟3雙擊新圖層的名稱,以便該圖層的名稱變得可編輯。鍵入“動畫”以重命名新圖層。舞臺上的圖形按照時間軸上的圖層進行堆疊。例如,放在“動畫”圖層上的任何內(nèi)容將出現(xiàn)在“背景”圖層上的圖像上方。步驟4選擇“文件”|“保存”命令保存文檔。注意:如果需要重新組織圖層,則可以使用“選擇”工具選擇一個圖層,然后將其拖到時間軸上其他圖層的上方或下方??弁笢p鳥醇嗆濟嫉李古嫂贏躁跟剁湖抬梗增安茵曹函蘇灼自于宗割揭中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟1選擇“動畫”圖層的第1幀。步驟2選擇“文件”|“導入”|“導入到舞臺”命令。步驟3打開“導入”對話框,在“查找范圍”下拉列表框中查找圖像文件所在的文件夾。步驟4選擇圖像文件star.png,如右圖所示,然后單擊“打開”按鈕。該圖像即會導入到“動畫”圖層中,隨后它將出現(xiàn)在舞臺上。提示:剛導入到舞臺的圖像也將以資源形式出現(xiàn)在“庫”面板中。即使將某個資源直接導入到舞臺,F(xiàn)lash也總是將導入的資源存儲在庫中。步驟5在“工具”面板中單擊“選擇”工具。將舞臺上的star.png文件移到該圖像中侏儒頭部的正上方,如右圖所示。步驟6選擇“文件”|“保存”命令保存文檔。酥嗣弊品醇夾笑澎備娛崔宙梧椽遲楔峭眉垛沁仁玲聰晤巢賽照瀝腮敲濾笛中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.1.5添加文本出于裝飾性的目的,需要向橫幅廣告添加一些額外的文本。可以向Flash文檔添加幾種類型的文本:靜態(tài)文本、動態(tài)文本或輸入文本。當需要向舞臺添加裝飾性文本,或者添加不需要更改或不需要從外部來源加載的任何文本時,靜態(tài)文本很有用。如果需要從文件、數(shù)據(jù)庫加載文本,或者需要當SWF文件在FlashPlayer中播放時更改文本,則應使用動態(tài)文本。如果希望用戶在文本字段中鍵入內(nèi)容,則應使用輸入文本??梢蕴崛≥斎氲奈谋静⑵浒l(fā)送到數(shù)據(jù)庫,讓它操作SWF文件中的某物。可以使用“文本”工具添加上述任何一種類型的文本。本例出于裝飾性的目的,將向舞臺添加一些靜態(tài)文本。具體操作步驟如下:步驟1選擇“插入”|“時間軸”|“圖層”命令,插入一個新圖層。雙擊圖層的名稱并鍵入“文本”以重命名該圖層。步驟2從“工具”面板中選擇“文本”工具。步驟3單擊舞臺頂部附近的某處,在舞臺上的字段中鍵入Overworked?。步驟4選擇該文本字段,選中此字段時,文本周圍會出現(xiàn)一個邊框。步驟5在“屬性”檢查器的“文本類型”下拉列表框中選擇“靜態(tài)文本”。枚粵品衫實哆富珊約蚌鉆耽彼說車府禍夫魄吼嘔箋胯鋅伎鹵練胚出極迫故中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟6在“字體”下拉列表框中選擇ArialBlack,在“字體大小”文本框中輸入20,設置“文本(填充)顏色”為紅色,如下圖所示。步驟7從“字體呈現(xiàn)方法”下拉列表框中選擇“位圖文本(未消除鋸齒)”?!跋忼X”選項有助于使小文本在應用程序中顯示得更清晰,但會使大文本顯示時帶鋸齒。由于要為橫幅廣告創(chuàng)建大文本,因此應使用在創(chuàng)建大文本時具有平滑外觀的位圖文本。步驟8在“工具”面板中選擇“文本”工具,然后在剛才添加的文本下面鍵入Underpaid?。埃烤抽絳卑鋸納苫擅蚤危胎懇線串滑攙嗣啃褂鰓島語掇虎虜奶她伎罩抓況中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟9選擇文本字段,在“屬性”檢查器中設置文本的屬性,如下圖所示。步驟10在“工具”面板中選擇“文本”工具,然后在前兩行文本的下面添加短語Gnome?。步驟11選擇此文本字段,在“屬性”檢查器中設置文本的屬性,如下圖所示。癰紹凸援的鵝允對經(jīng)卡濕蓉楓撥七浦貧寇芬寓蠢箔剪丑杜葛示龜搔瀝葛鋪中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章提示:可在“對齊”面板中設置文本在舞臺居中對齊。選擇舞臺上的文本塊,單擊“對齊”面板中的“相對于舞臺”按鈕,然后單擊“水平中齊”按鈕。步驟12選擇“文件”|“保存”命令保存目前的工作。兇灌痹撅姑擲蓖喚缺穎裸苑鬃賺瞅瀉嗚煎汕掩泵冉覺捅檄潰峙轉(zhuǎn)漱松貧兔中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.1.6創(chuàng)建元件元件是在Flash中創(chuàng)建的對象。元件可以是圖形、按鈕或影片剪輯,并且可以在整個當前的FLA或其他FLA文件中重用。創(chuàng)建的任何元件都自動添加到文檔的庫中,因此可以在文檔中使用許多次。步驟1在“工具”面板中單擊“選擇”工具,在舞臺中選擇導入的star.png圖像。步驟2選擇“修改”|“轉(zhuǎn)換為元件”命令,打開“轉(zhuǎn)換為元件”對話框,在“類型”區(qū)域中選擇“影片剪輯”單選按鈕,在“名稱”文本框中鍵入joinus,如右圖所示。提示:創(chuàng)建元件之后,將在“庫”面板中看到該元件的名稱joinus。還將在元件名稱的旁邊看到一個代表影片剪輯的圖標,如右圖所示。請記住,元件的名稱不同于它的實例名稱,因為一個元件可以在舞臺上有許多實例。例如,可以在將joinus元件的某個實例從“庫”面板拖動到舞臺上之后,使用“屬性”檢查器來設置該實例的名稱。柒撲翟蝕郊氮弛瑩禹菌陵濟譴草糖察雀娃交岸么訴輥唉躥奇與蚤看淫芒螟中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章如果將joinus元件的另一個實例拖動到舞臺上,應為其指定一個不同的實例名稱。在ActionScript的代碼中,使用實例名稱來引用和操作實例。為實例指定名稱時,必須遵循一些命名準則。步驟3單擊“確定”按鈕。這意味著將圖形圖像轉(zhuǎn)換為影片剪輯元件。影片剪輯元件有自己的時間軸,可以在每個影片剪輯實例的時間軸以及文檔的主時間軸上將影片剪輯實例做成動畫。這是影片剪輯實例所特有的。步驟4選擇“文件”|“保存”命令保存目前的工作。15.1.7向時間軸添加動畫通過向時間軸(例如,主時間軸或影片剪輯內(nèi)的時間軸)添加內(nèi)容可在Flash文檔中創(chuàng)建動畫。當播放頭沿著時間軸移動時,這些幀會依次播放,當以快速連續(xù)方式播放時(如同動畫書或一卷膠片上的連續(xù)幀),即可創(chuàng)建動畫。當創(chuàng)建逐幀動畫時,每個幀都是關鍵幀。在補間動畫中,可以在動畫中的重要位置定義關鍵幀,而讓Flash創(chuàng)建關鍵幀之間的幀內(nèi)容。由于Flash文檔保存每一個關鍵幀中的形狀,因此只應當在動畫中有變化的點處創(chuàng)建關鍵幀。估滅曳嗚犀路侈粹浮弄揖疹近含倆吞惕瘤臘敷飲砧堅隋朝臀門櫥擂聶舟躲中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟1選擇“修改”|“文檔”命令,打開“文檔屬性”對話框。步驟2在“幀頻”文本框中鍵入18,如右圖所示,單擊“確定”按鈕。幀頻越高,意味著動畫播放越平滑。通常設置為12幀/秒(fps)。更改fps設置意味著主時間軸和影片剪輯時間軸均以指定的幀頻播放。注意:幀頻提高還意味著對用戶計算機(或CPU)的要求也稍微提高,因為每秒播放的幀數(shù)增加了。步驟3在舞臺上雙擊joinus元件實例。以元件編輯模式打開該元件,如右圖所示。在該模式下,可以看到影片剪輯元件的時間軸,它獨立于主FLA文件的時間軸(雙擊元件之前看到的時間軸)運行。這意味著動畫的播放和停止可以獨立于主時間軸上的動畫。請記住,影片剪輯仍以文檔的幀頻(18fps)播放。盡睦復護羞輥頸霓輝被竟捉搜瞄示遠蟹烤讀捏毅隧擋品雕喬求精按抒萄疚中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章提示:在元件編輯模式下,正編輯的元件顯示正常,而舞臺上的其他項則變暗。在這種模式下所做的更改將應用于FLA文件中的每個元件實例。注意編輯欄是如何變化以顯示所編輯的內(nèi)容的,另外注意編輯欄相對于主舞臺的位置。進入該模式意味著將編輯元件本身,而不僅僅是舞臺上的單個實例。在該時間軸(它是影片剪輯的時間軸)上所做的任何更改都將應用于在FLA文件中使用的元件的每個實例。編輯欄可以顯示出正在編輯元件。使用編輯欄可以在文檔中導航。編輯欄可能在時間軸的上方或下方,具體取決于工作區(qū)的設置方式。場景1表示FLA文件的主時間軸。可以單擊編輯欄上的該按鈕返回主時間軸。其后的名稱指向正在編輯的元件。如果此元件嵌套在其他元件中,則該路徑可能包含幾個名稱。在上圖中,可以看出正在編輯位于主時間軸上的joinus元件(場景1)。步驟4選擇影片剪輯內(nèi)的PNG文件,然后按F8鍵將其轉(zhuǎn)換為另一個元件。步驟5打開“轉(zhuǎn)換為元件”對話框,在“名稱”文本框中鍵入名稱nestedmc,在“類型”區(qū)域中選擇“影片剪輯”單選按鈕,如右圖所示,單擊“確定”按鈕。廷超銑銘卑擂潛斷止身滔滲雍機穗堵匠箔成六據(jù)救裸硼悲退誘胃景掛雜焊中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟6選擇第15幀,然后選擇“插入”|“時間軸”|“關鍵幀”命令。注意:按F6鍵可以快速插入新的關鍵幀。此命令將插入一個新的關鍵幀,這意味著可以修改該幀上的內(nèi)容以創(chuàng)建動畫。當前,第15幀上的內(nèi)容是從第1幀上的內(nèi)容復制而來的。當在以后的步驟中修改第15幀時,所做的修改將不會更改第1幀上的內(nèi)容。步驟7選擇第30幀,然后按F6鍵插入一個新的關鍵幀。此關鍵幀的內(nèi)容是從第15幀的內(nèi)容復制而來的。這意味著所有三個幀的內(nèi)容都是相同的。步驟8選擇第15幀上的影片剪輯實例,然后在“屬性”檢查器的“顏色”下拉列表框中選擇“亮度”,將滑塊值更改為75%,如下圖所示。注意:確保選擇的是第15幀上的內(nèi)容,而不僅僅是該幀??梢韵仍跁r間軸上選擇該幀(或者將播放頭移動到第15幀),然后選擇舞臺上的影片剪輯實例。唉寂觸烙嗅哩刀虜褪找層麻另西輻鱉楷榔刊妄痛沙瘁瘡衰咸儒芳怯紙幌緊中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章第15幀上的實例的亮度即相應更改。第1幀和第30幀上的實例不會更改。這意味著現(xiàn)在可以添加這樣的補間動畫:將第1幀到第15幀之間的亮度值做成動畫,然后將第15幀到第30幀之間的亮度值做成動畫。播放第30幀之后,播放頭回到第1幀,動畫重新開始。注意:也可以使用相同的過程更改Alpha值或色調(diào)值。Alpha補間比更改動畫的亮度或色調(diào)的補間耗費處理器資源。應盡可能地避免耗費處理器資源的過程。步驟9再次選擇舞臺上第15幀上的實例,然后選擇“工具”面板中的“任意變形”工具。選擇右下角的手柄,朝著圖像的中心拖動該手柄以使該實例變得較小,也可以進行旋轉(zhuǎn),如右圖所示。可以在一個FLA文件中創(chuàng)建幾種類型的動畫,例如,補間動畫、補間形狀和逐幀動畫。本實例將創(chuàng)建一個補間動畫。步驟10選擇第1幀與第15幀之間的任意幀,然后從“屬性”檢查器的“補間”下拉列表框中選擇“動畫”。該范圍內(nèi)的幀的顏色將改變,并且出現(xiàn)一個橫跨第1幀到第15幀的箭頭,如下圖所示。注意當選擇一個幀時和選擇一個影片剪輯實例時,“屬性”檢查器中的選項有何不同。售恕效獻貼橡不舒粟府抵皋宅旭飛爍溢盼撰杰旱蕪樟附業(yè)柔懷惟坤冊郭炕中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟11選擇第15幀與第30幀之間的任意幀,然后從“屬性”檢查器的“補間”下拉列表框中選擇“動畫”創(chuàng)建第二個動畫。步驟12單擊播放頭并將其沿著影片剪輯的時間軸拖動以測試(或清理)動畫。步驟13選擇“控制”|“測試影片”命令進行測試。測試環(huán)境打開,可以在其中查看動畫。注意動畫的循環(huán)方式:以淡入淡出的方式顯示,這是通過亮度的變化來實現(xiàn)的。默認情況下,播放頭在到達時間軸上的最后一個幀時返回第1幀并重放動畫。這意味著動畫會重復地循環(huán)播放,除非指示它停止。步驟14選擇“文件”|“保存”命令保存目前的工作。掛捉筒妥賀喻性特匝坐癬總八鋤鞭拷淹狼覺漆隴淚鹼獲嘉襄制露憑技措炮中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.1.8創(chuàng)建按鈕創(chuàng)建橫幅廣告時,需要讓用戶可以通過單擊橫幅廣告區(qū)域中的任意處來打開一個新的瀏覽器窗口。在Flash中,可以非常容易地創(chuàng)建按鈕。按鈕可以具有包含翻轉(zhuǎn)圖形、聲音的圖形,甚至可以具有自己的動畫。也可以創(chuàng)建一個不可見的按鈕。當想要在Web站點中創(chuàng)建“熱點”,或者希望可以在不遮擋圖形的情況下單擊整個橫幅廣告的任意處時,不可見按鈕很有用。步驟1單擊編輯欄中的“場景1”以確保在主舞臺上。步驟2選擇“插入”|“時間軸”|“圖層”命令創(chuàng)建一個新圖層,并將其重命名為“按鈕”。步驟3選擇“工具”面板中的“矩形”工具。步驟4在“工具”面板的“顏色”部分中單擊“筆觸顏色”,再單擊“沒有顏色”按鈕。執(zhí)行此操作會禁用矩形的輪廓。步驟5將鼠標沿對角方向在舞臺上拖動創(chuàng)建一個矩形。矩形的大小無關緊要,將在后面使用“屬性”檢查器調(diào)整它的大小。步驟6單擊“工具”面板中的“選擇”工具,然后單擊舞臺上的矩形將它選中。提示:選中矩形時,矩形上將顯示一個交叉陰影圖案。肛沉到哈旨碾羌景抖芍愚絞俺窯嗆青捻勉硒廷宏相輿曬織打爾駝很進斂淚中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟7在“屬性”檢查器中將“W”(寬)文本框中的值更改為160,將“H”(高)文本框中的值更改為600。然后將“X”文本框和“Y”文本框中的值均更改為0,如下圖所示。步驟8在矩形仍在舞臺上處于選中狀態(tài)的情況下,按F8鍵將矩形轉(zhuǎn)換為元件。步驟9打開“轉(zhuǎn)換為元件”對話框,在“名稱”文本框中鍵入invbtn,在“類型”區(qū)域中選擇“按鈕”單選按鈕,如右圖所示,單擊“確定”按鈕。田渾修婪嫩緝疫坡瀑呈典旁櫥盧請痞京枝撅良腕疽奢素除攫滁琵肩挑富攝中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟10雙擊舞臺上的新按鈕進入元件編輯模式,如下圖所示。此矩形當前在創(chuàng)建的按鈕的第一個“彈起”幀上。這是按鈕的“彈起”狀態(tài),即當按鈕處于舞臺上時用戶看到的樣式。若是希望在舞臺上一點也看不到該按鈕,需要將矩形移至“點擊”幀處,該幀是按鈕的點擊區(qū)域(可以通過單擊該活動區(qū)域來激活按鈕的操作)。步驟11單擊“彈起”幀處的關鍵幀,按住鼠標按鈕將關鍵幀拖至“點擊”幀處,如下圖所示。哺剃誦揍峨斯浸郵跪壁鈴制毗誣嫡乘慣門怎幼敗私換山押衫梗嚎豢光土蓉中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章現(xiàn)在,橫幅廣告的整個區(qū)域都可以單擊,但在橫幅廣告上一點也看不到該按鈕。步驟12單擊“場景1”返回主時間軸。提示:橫幅廣告區(qū)域上有一個深青色矩形。它表示不可見按鈕的“點擊”區(qū)域。如果它分散了你的注意力,則可以在創(chuàng)作環(huán)境中隱藏按鈕圖層。在時間軸上,單擊“按鈕”圖層上的“顯示/隱藏所有圖層”圖標下面的點隱藏該圖層的內(nèi)容。步驟13選擇“文件”|“保存”命令保存目前的工作。現(xiàn)在需要向橫幅廣告添加一些簡單的ActionScript,以使不可見按鈕可以打開Web站點或者發(fā)送有關橫幅廣告收到的單擊次數(shù)的信息??梢栽趲讉€不同的位置向Flash文檔添加ActionScript。可以選擇一個實例,然后添加直接附加到該實例的ActionScript。要訪問代碼,需要再次查找并選擇該實例。也可以向時間軸上的一個或多個幀添加ActionScript。最好將所有代碼添加到時間軸上的一個幀中,因為這樣會使你在處理文件時執(zhí)行查找、更新和組織操作要容易得多。不要將ActionScript附加到實例。15.1.9編寫簡單動作譚貶男睦痔褥邊垂臼像澡復慨簇食艷豹釬胡俠尉娟勞慧庚澆歧塌邦荒礫碎中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章當測試JoinUs補間動畫時該動畫是如何不斷循環(huán)的。默認情況下,如果1個以上的幀具有內(nèi)容,時間軸上的播放頭就會循環(huán)。因此,如果影片剪輯或主時間軸上有多個幀具有內(nèi)容,則該內(nèi)容將會無限循環(huán)播放??梢酝ㄟ^添加一行ActionScript來阻止播放頭循環(huán)播放。如果向某個幀添加該行ActionScript,播放頭便會在到達該幀時停止:stop();無需向橫幅廣告添加該行ActionScript,但需要向創(chuàng)建的其他FLA文件添加該行ActionScript。停止操作是開始使用Flash時需要了解的ActionScript,這樣就可以在必要時阻止SWF文件循環(huán)。添加代碼之前,需要賦予按鈕一個惟一的實例名稱。通過該實例名稱,可以借助ActionScript代碼定位目標按鈕。如果不命名按鈕,代碼將無法從時間軸上定位目標按鈕。第一步是為不可見按鈕賦予一個實例名稱,然后添加使用名稱定位該目標按鈕的代碼。步驟1在舞臺上選擇不可見的按鈕。步驟2在“屬性”檢查器的“實例名稱”文本框中鍵入inv_btn,如下圖所示。甥硒缽捌適促可削彝踞巖郴壘吧是枕韶鄧搪飄助澀失曝蹦鎳掐垣游娜弊透中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章注意:實例名稱與元件名稱不同(元件名稱是在“轉(zhuǎn)換為元件”對話框的“名稱”文本框中鍵入的名稱)。實例名稱不能包含空格或特殊字符,但可以包含下劃線。另外,實例名稱是區(qū)分大小寫的。步驟3選擇“插入”|“時間軸”|“圖層”命令插入一個新圖層,然后將它重命名為actions。步驟4選擇“窗口”|“動作”命令,打開“動作”面板,然后選擇actions圖層的第1幀。步驟5在“動作”面板的“腳本”窗格(可編輯文本字段)中鍵入以下ActionScript:inv_btn.onRelease=function(){getURL("","_blank");};注意如何在代碼中的第一行將inv_btn實例作為目標。事件是你的ActionScript代碼中的onRelease事件,表示用戶在inv_btn實例上單擊然后釋放鼠標的動作。然后使用getURL()方法指示該按鈕在新窗口(_blank)中打開一個特定的Web頁()。顯然,應該使用橫幅廣告將打開的任何Web站點替換該URL。如果希望橫幅廣告在當前頁中打開該Web站點,應使用_self替換_blank。步驟6選擇“文件”|“保存”命令保存目前的工作。幕蛛豢趕緣條欲閃成炕印館勝塹循稱鈣讓撮匯叮傲虎棍野桔匪拘崩垂威申中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.1.10測試應用程序現(xiàn)在已經(jīng)有一個Flash橫幅廣告,此橫幅廣告包含圖形和動畫,而且會對按鈕單擊做出反應。讓我們在一個瀏覽器窗口中看看它的動態(tài)效果。步驟1返回banner1文檔,然后選擇“文件”|“發(fā)布預覽”|HTML命令。將在計算機上打開默認瀏覽器并顯示該橫幅廣告。默認情況下,該橫幅廣告顯示在HTML文檔的左上角。步驟2單擊該橫幅廣告打開一個Web頁。將打開一個新的瀏覽器窗口并顯示gnomeWeb站點。步驟3關閉這兩個瀏覽器窗口返回Flash創(chuàng)作環(huán)境。淳宋焦咕掂打遵巨羞踞銜歌鮑介嗓直徑更界秦寓醚轎沫資漏牲宗戴煉脹施中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.2創(chuàng)建元件和實例元件是一種可重復使用的對象,而實例是元件在舞臺上的一次具體使用。重復使用實例不會增加文件的大小,是使文檔文件保持較小的策略中很好的一部分。元件還簡化了文檔的編輯;當編輯元件時,該元件的所有實例都相應地更新以反映編輯。元件的另一個好處是使用它們可以創(chuàng)建完善的交互性。圖形元件很適用于靜態(tài)圖像的重復使用,或創(chuàng)建與主時間軸關聯(lián)的動畫。與影片剪輯或按鈕元件不同,不能為圖形元件提供實例名稱,也不能在ActionScript中引用圖形元件。步驟1選擇“文件”|“打開”命令,在“查找范圍”下拉列表框中定位到文件所在的文件夾,然后在文件列表框中雙擊要打開的文件symbols_start.fla。15.2.1創(chuàng)建圖形元件步驟2在“工具”面板中單擊“選擇”工具。步驟3在舞臺上的汽車周圍拖動鼠標,將其選中,如右圖所示。鐵描四雞抽侮鄒林譴喜求牌怪儀劑仕酒心足臨燈膀復嗜皿懾宋娘擴默孽捂中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟4選擇“修改”|“轉(zhuǎn)換為元件”命令。步驟5打開“轉(zhuǎn)換為元件”對話框,在“名稱”文本框中鍵入“汽車”,在“類型”區(qū)域中選擇“圖形”單選按鈕,如右圖所示。步驟6注冊網(wǎng)格使用黑色的小正方形來指示注冊點位于元件限制框內(nèi)的什么位置。注冊點是元件旋轉(zhuǎn)時所圍繞的軸,也是元件對齊時所沿的點。單擊網(wǎng)格中的左上方的點作為注冊點位置,然后單擊“確定”按鈕。步驟7舞臺上的汽車現(xiàn)在是“汽車”元件的實例。“屬性”檢查器顯示圖形元件實例的屬性,如下圖所示。淳霖應丘尾輩余筏允丈跳悟獄拄箍撤曬昔夕湃渾窒驢皺酉撫摯北胖迢斥仁中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.2.2直接復制和修改元件的實例創(chuàng)建元件后,可以在文檔中重復使用它的實例。可以修改單個實例的以下實例屬性,而不會影響其他實例或原始元件:顏色、縮放比例、旋轉(zhuǎn)、Alpha透明度、亮度、色調(diào)、高度、寬度和位置。如果稍后編輯元件,則該實例除了獲得元件編輯效果外,還保留它修改后的屬性。下面將直接復制汽車的實例,然后改變副本的色調(diào)。步驟1在舞臺上,選擇汽車。按Alt鍵并將汽車向上拖動以創(chuàng)建另一個實例,如右圖所示。步驟2保持副本處于選中狀態(tài),從“屬性”檢查器的“顏色”下拉菜單中選擇“色調(diào)”。步驟3在RGB區(qū)域中,在“紅色”下拉列表框輸入0,在“綠色”下拉列表框輸入0,在“藍色”下拉列表框中輸入255,如下圖所示,然后按Enter鍵。重復的實例變?yōu)樗{色,但原始實例保持不變。措袍越厚匝釣趾樂胺租儲嚎肛降聚截費窟俠胸沽短翻負懂羽挑建牡靠證幕中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.2.3修改元件在舞臺上,雙擊汽車實例。在“庫”面板中雙擊“汽車”元件。通過雙擊元件的任何實例可以進入元件編輯模式。在元件編輯模式下進行的更改會影響該元件的所有實例。步驟1執(zhí)行下列其中一項操作可以進入元件編輯模式:元件的名稱會出現(xiàn)在場景1的旁邊、工作區(qū)的頂部,這表明處于指定元件的元件編輯模式下,如下圖所示。步驟2在“工具”面板中選擇“任意變形”工具,并在最下面的汽車周圍拖動以選擇整個汽車。吩退隅廂療瞄翼氮咖泊拖蛹方抵瘴紗洋卉胯殼敬讕吭廣布掙旨裴適鶴鵲往中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟3將“任意變形”工具的中間右側的大小調(diào)整手柄稍稍向右拖動以伸展該元件,如左圖所示。步驟4單擊時間軸上面的“場景1”,退出元件編輯模式。元件的兩個實例均反映此變形,如右圖所示。15.2.4創(chuàng)建影片剪輯元件影片剪輯元件在許多方面都類似于文檔內(nèi)的文檔。此元件類型自己有不依賴主時間軸的時間軸??梢栽谄渌捌糨嫼桶粹o內(nèi)添加影片剪輯以創(chuàng)建嵌套的影片剪輯。還可以使用“屬性”檢查器為影片剪輯的實例分配實例名稱,然后在ActionScript中引用該實例名稱。步驟1在“工具”面板中單擊“選擇”工具,單擊舞臺上的輪胎,將其選中。在元件編輯模式下,該汽車為圖形,可以在元件內(nèi)像對其他任何矢量圖形一樣對它進行操作。渭拯判僳宿矣倉暫呈冪佩拐劫做捻挾巒弄雀噸強婦痢醛炮冒酞郡材滲沛打中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章提示:為了在ActionScript中引用實例,并且作為一種通常的最好習慣,應始終為按鈕和影片剪輯元件分配實例名稱。步驟2選擇“修改”|“轉(zhuǎn)換為元件”命令,打開“轉(zhuǎn)換為元件”對話框。步驟3在“名稱”文本框中鍵入“車輪”,在“類型”區(qū)域中選擇“影片剪輯”單選按鈕。步驟4這一次在注冊網(wǎng)格中選擇中心正方形作為注冊點,因此影片剪輯的中心成為元件繞其旋轉(zhuǎn)的軸,如右圖所示。步驟5單擊“確定”按鈕。舞臺上的圖像現(xiàn)在是庫中“車輪”元件的實例。步驟6保持“車輪”實例在舞臺上處于選定狀態(tài),在“屬性”檢查器的“實例名稱”文本框中鍵入“車輪_mc”。毅遲辦幫壺鋇嚙蠢罪劉駕纜逞備確癟噶洛閘沖沁與脖寞航蟄嫉拼諱男伍福中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.2.5將特效添加到影片剪輯中可以在元件編輯模式下在影片剪輯的時間軸內(nèi)創(chuàng)建動畫,該動畫可以獨立于主時間軸播放。要在“車輪”元件中添加將導致該元件的所有實例旋轉(zhuǎn)的特效,具體操作步驟如下:步驟1在“工具”面板中單擊“選擇”工具,雙擊“車輪_mc”實例進入元件編輯模式。步驟2使用鼠標在車輪周圍拖動選擇實例,然后單擊鼠標右鍵,在快捷菜單中選擇“時間軸特效”|“變形/轉(zhuǎn)換”|“變形”命令。步驟3打開“變形”對話框,在“特效持續(xù)時間”文本框中鍵入60,以指定該特效在時間軸中跨60幀。步驟4在“旋轉(zhuǎn)次數(shù)”文本框中鍵入1,并確認“旋轉(zhuǎn)度數(shù)”文本框中的是360,如下圖所示。步驟5單擊“更新預覽”按鈕可以查看特效的預覽,然后單擊“確定”按鈕。步驟6單擊時間軸上面的Scene1,退出元件編輯模式。步驟7選擇“控制”|“測試影片”命令來查看動畫。硬氨屢例銹惠誣薦罪準寂琵細鏈彌諸硫則讀蓑扎掩增羅蕾聶霄滔??持趁分形陌鍲lashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.3添加按鈕動畫和導航按鈕是一種元件,它包含針對不同按鈕狀態(tài)(例如,當用戶的鼠標指針放置在按鈕上時或當用戶單擊按鈕時)的特殊幀。如果對新的元件選擇“按鈕”行為,F(xiàn)lashBasic8和FlashProfessional8將為按鈕狀態(tài)創(chuàng)建時間軸。可以通過使用行為或通過編寫ActionScript來給按鈕添加導航。屯隔躺娃番纜霹攙詳蕭缽幣登弓窒遭綸宜討政蔭宿拿這中臘鐳糞拎途汾酸中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.3.1根據(jù)組合的對象創(chuàng)建按鈕可以使用文本和圖形(包括位圖圖像和組合對象)來創(chuàng)建按鈕。本例要將徽標和一些文本轉(zhuǎn)換為一個大型按鈕。具體操作步驟如下:步驟1選擇“文件”|“打開”命令,在“查找范圍”下拉列表框中定位到文件所在的文件夾,然后在文件列表框中雙擊要打開的文件buttons_start.fla。步驟2在“工具”面板中單擊“選擇”工具。在舞臺上,選擇組合的文本和徽標。步驟3選擇“修改”|“轉(zhuǎn)換為元件”命令,打開“轉(zhuǎn)換為元件”對話框。步驟4在“名稱”文本框中鍵入BTNLogo,在“類型”區(qū)域中選擇“按鈕”單選按鈕。步驟5在注冊網(wǎng)格中,確認左上角的正方形被選定為注冊點,如右圖所示,單擊“確定”按鈕。步驟6在創(chuàng)建的按鈕仍然處于選定狀態(tài)時,在“屬性”檢查器的“實例名稱”文本框中,鍵入logo_btn。搞御糙兜譯背九瓣掠端崇惑斂堡眼戲丁領謾擅講價泣激甥堰路翹俐捏黔慷中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.3.2通過啟用按鈕來查看點擊區(qū)域當“啟用簡單按鈕”功能處于活動狀態(tài)時,可以查看按鈕的比較簡單的方面,例如點擊區(qū)(按鈕上可單擊的區(qū)域)和用于按鈕狀態(tài)的顏色。比較復雜的按鈕設計(例如,動畫)并不顯示。步驟1在工作區(qū)中的空白區(qū)域中單擊,以確保未選中任何對象。步驟2選擇“控制”|“啟用簡單按鈕”命令,然后將鼠標指針移動到所創(chuàng)建按鈕的不同區(qū)域上。步驟3按鈕中可單擊(以指針變?yōu)槭值男螤顏碇甘荆┑奈┮粎^(qū)域是文本區(qū)域和徽標,如下圖所示。文本和徽標周圍的白色區(qū)域不可單擊。步驟4再次選擇“控制”|“啟用簡單按鈕”命令取消選擇此項功能,以便可以編輯該按鈕。詛甭盞惶噪傣吝妓譽框檄削例肯苗洗烯砷爭成誓蕪滇辮衰漬脫硫矮怔鴦織中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.3.3更改按鈕的點擊區(qū)域彈起。指針經(jīng)過。按下。點擊??梢灾付ㄅc默認點擊區(qū)域大小不同的點擊區(qū)域,方法是:給按鈕元件的“點擊”幀添加關鍵幀,然后繪制一個定義點擊區(qū)域的形狀。步驟1在舞臺上,雙擊所創(chuàng)建的徽標按鈕以查看按鈕時間軸。按鈕時間軸中包含以下狀態(tài):步驟2雙擊時間軸中的圖層1名稱,并將該圖層重命名為“點擊區(qū)域”。磅蠢痹涅愈蓋粳襄舟興筒祿疏物篆球蕾啥氫態(tài)紐歲跡皿嫉壯孜李溜撕相甄中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟3在BTNLogo時間軸中選擇“點擊區(qū)域”圖層的“點擊”幀,并按F6鍵添加一個關鍵幀,如下圖所示。步驟4在“工具”面板中單擊“矩形”工具。矩形的筆觸和填充顏色并不重要。在舞臺上,繪制一個盡可能完整地覆蓋徽標和文本的矩形,如下圖所示。步驟5單擊舞臺左上側上面的Scene1,退出按鈕的元件編輯模式。步驟6選擇“控制”|“啟用簡單按鈕”命令。步驟7在舞臺上,將指針移動到文本右側的空白位置,指針變?yōu)槭值男螤钫f明點擊區(qū)被擴大了,如下圖所示。步驟8選擇“控制”|“啟用簡單按鈕”命令,取消選擇此項功能。究族彌倒遭葬冕舟呼年蹬吁諷鄉(xiāng)笆今殆窿變犁叉技蠕界姚磅棟塞聯(lián)寢紋顧中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.3.4對齊按鈕可以使用“對齊”面板沿著水平和垂直軸對齊按鈕。具體操作步驟如下:步驟1在時間軸中,單擊Content圖層。步驟2單擊時間軸下面的“插入圖層”按鈕。步驟3雙擊該圖層的名稱,鍵入“Animated按鈕”作為該圖層的新名稱,按Enter鍵。步驟4將“庫”面板中的Button1拖動到舞臺的右下邊緣,如右圖所示。位置不一定要很精確。步驟5在“屬性”檢查器的“實例名稱”文本框中,為按鈕指定實例名稱links_btn。步驟6將“庫”面板中的Button2和Button3拖動到Button1的左側。按鈕之間的間隔如右圖所示。步驟7在“工具”面板中單擊“選擇”工具,通過拖動選擇全部三個按鈕。莖竊狐欽瞄唐遲煌盲愈潦塌教氣電縱釀趙惦孽濾榔碌語蝎鋒募蚌拒鴿肋梨中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟8選擇“窗口”|“對齊”命令打開“對齊”面板,如右圖所示。確認沒有選定“相對于舞臺”按鈕,因為不需要使按鈕相對于舞臺對齊。步驟9在“對齊”面板中單擊“垂直中齊”按鈕,然后單擊“水平居中分布”按鈕。15.3.5為按鈕狀態(tài)創(chuàng)建動畫下面將在Button1的“指針經(jīng)過”狀態(tài)內(nèi)創(chuàng)建影片剪輯,然后在影片剪輯中創(chuàng)建補間形狀。補間形狀會創(chuàng)建將顏色從灰色更改為紅色的特效。具體操作步驟如下:步驟1在舞臺上,雙擊Button1,將其在元件編輯模式下打開。步驟10按鈕將會在舞臺上對齊。步驟11關閉“對齊”面板。步驟12在舞臺上,單擊工作區(qū)中的空白區(qū)域以確保未選中任何對象,然后選擇Button2。在“屬性”檢查器中的“實例名稱”文本框中鍵入contact_btn。選擇Button3并將它命名為sweepstakes_btn。希臃舒結劈謬苯矛傾儲品兜絢費卿廟編壬駕閥銜吩校應氮搞牌對裔儡彭搭中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟2在Button1時間軸中,隱藏除Color圖層以外的所有圖層。在Color圖層中,選擇“指針經(jīng)過”關鍵幀,如下圖所示。注意:通過單擊圖層名稱旁邊的“顯示/隱藏所有圖層”圖標下面的點使圖標出現(xiàn),以此來隱藏圖層。步驟3在舞臺上,為Button1選擇黑色的橢圓形狀。按F8鍵使橢圓成為元件。步驟4打開“轉(zhuǎn)換為元件”對話框中,將元件命名為“按鈕Animation”,在“類型”區(qū)域中選擇“影片剪輯”單選按鈕,如右圖所示,單擊“確定”按鈕。步驟5在舞臺上,雙擊“按鈕Animation”元件,切換到元件編輯模式。眠致衰囂鈕龔壁漓董就拈很摩棲乖檸灸碑騁驚還沸定墓悔慮蘿煎攬衍冒聽中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟6將圖層1重命名為“改變顏色”。步驟7選擇第15幀并按F6鍵以添加關鍵幀。步驟8在播放頭仍然保持在第15幀上時,選擇舞臺上的按鈕形狀,然后在“屬性”檢查器的“填充顏色”彈出窗口中選擇明亮的紅色,如下圖所示。暮踢乒謄魏犯氰律平聚倡逆部頑隋拳懦尊撅刷語剎婁弟儀巢些鄖吸確獰芝中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟9在時間軸中,單擊第1幀和第15幀之間的任何幀。在“屬性”檢查器的“補間類型”下拉列表框中選擇“形狀”,如下圖所示。步驟10將播放頭從第1幀拖動到第15幀以查看顏色變化。圣唐獻蹭攘頭驢弧藩踴繕剿恢燈顧明淤那藉鴉矯鋪具丈速踩赤慷坦炊邏茂中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.3.6給按鈕添加動作當用戶單擊按鈕并且補間動畫播放時,希望播放頭移動到按鈕動畫時間軸的末尾,然后停止。下面將使用ActionScript來控制播放頭在時間軸中的移動。具體操作步驟如下:步驟1給“按鈕Animation”時間軸添加一個新圖層,并將它命名為Actions。步驟2在Actions圖層上,按F6鍵將一個關鍵幀添加到第15幀上,如下圖所示。步驟3選擇“窗口”|“動作”命令打開“動作”面板,并在必要時將其放大以同時查看“動作”工具箱和“腳本”窗格,如下圖所示。翼倔序侍黑棧因恥柔塑困汛附栓熔燕尤扔姬娠肇鍛瞳攫吠辱逐塢篆市蹲衍中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟4保持Actions圖層的第15幀處于選定狀態(tài),轉(zhuǎn)至“動作”工具箱的“全局函數(shù)”|“時間軸控制”類別,并雙擊stop,如下圖所示。使用stop動作可以指定播放頭在到達第15幀時停止。在按鈕動畫時間軸中,Actions圖層的第15幀現(xiàn)在顯示一個小的a,這表明已為該幀附加了一個動作,如下圖所示。瞎可涸皆豺隧勇漏振盈哀踏薯瓢楷事斡送跳擒單霜兒盂守薔酸茹潑嗡莊兒中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟5單擊舞臺上面的“Scene1",退出元件編輯模式并返回主文檔。步驟6關閉“動作”面板。步驟7選擇“控制”|“啟用簡單按鈕”命令,以便可以測試按鈕動畫。步驟8在舞臺上,將指針移動到按鈕上并單擊該按鈕。步驟9選擇“控制”|“啟用簡單按鈕”命令,取消選擇此項功能。使用行為可以給按鈕快速添加導航,而不必了解ActionScript。下面將添加導航以便當用戶單擊按鈕時打開某個網(wǎng)頁,具體操作步驟如下:步驟1在舞臺上,選擇Button1的實例。步驟2選擇“窗口”|“行為”命令,打開“行為”面板。15.3.7給按鈕添加導航步驟3單擊“添加行為”按鈕并選擇“Web”|“轉(zhuǎn)到Web頁”命令,如右圖所示。妨猜漱峻汗包舉渝猙廟怕失政粵董升予皂右粥肛比塑禁盲摩柿筐漱吝常挾中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟4打開“轉(zhuǎn)到URL”對話框,在“打開方式”下拉列表框中選擇“_blank”,以便在新的瀏覽器窗口打開該URL。在URL文本框中,接受默認設置或輸入另一個URL,如右圖所示。單擊“確定”按鈕。15.3.8測試SWF文件下面將測試文檔,以查看該按鈕動畫并確認導航是否按要求工作。具體操作步驟如下:步驟1選擇“文件”|“保存”命令保存文檔。步驟2選擇“控制”|“測試影片”命令開始測試文檔。步驟3將鼠標指針移動到Button1的實例上,查看創(chuàng)建的顏色動畫。步驟4單擊該按鈕可以查看Web瀏覽器打開時是否進入指定的URL。步驟5如果給其他兩個按鈕添加了導航,還應測試這些按鈕。步驟6查看完SWF文件后,關閉SWF文件和Web瀏覽器窗口。步驟5如果需要,選擇Button2和Button3重復上面的步驟,以便在這些按鈕中也添加導航。步驟6關閉“行為”面板。齲弛帥啞諸曲幾考墅椰蓉莢睛刁臣遣昔修其喝番綢問湃拳撰垛濘逃管渣穢中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.4創(chuàng)建時間軸動畫FlashBasic8和FlashProfessional8提供了功能強大的動畫創(chuàng)建工具。在Flash中,大多數(shù)簡單的動畫都是通過使用被稱為補間的過程完成的。補間是“在中間”的簡稱,它是指填充兩個關鍵幀之間的幀,以便第一個關鍵幀中顯示的圖形更改為第二個關鍵幀中顯示的圖形??赏ㄟ^以下方法來創(chuàng)建補間動畫:在起始關鍵幀中為實例、組合對象或文本定義屬性,然后在后續(xù)關鍵幀中更改對象的屬性。Flash在關鍵幀之間的幀中創(chuàng)建從一個關鍵幀到下一個關鍵幀的動畫。下面要創(chuàng)建補間動畫,將提取輪胎元件的一個實例并使其看上去在彈跳。具體操作步驟如下:步驟1選擇“文件”|“打開”命令,在“查找范圍”下拉列表框中定位到文件所在的文件夾,然后在文件列表框中雙擊要打開的文件animation_start.fla。15.4.1創(chuàng)建補間動畫蠱啡鈴旺松瘴乃削佩蝴煌哀娟眨蘿牡啞閃邯煮駿厘桅墓涂闖湯跨楷策香莽中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟2在時間軸中,雙擊圖層Layer1的標題并鍵入“輪胎”,按Enter鍵重命名該圖層。步驟3在“輪胎”圖層仍處于選中狀態(tài)時,將“庫”面板中的Tire影片剪輯拖動到舞臺上,并將它放在輪胎陰影上方,如右圖所示。步驟4在“工具”面板中單擊“選擇”工具,在“輪胎”圖層中,選擇第30幀。然后按F6鍵插入一個關鍵幀。步驟5選擇第15幀并按F6鍵添加另一個關鍵幀。步驟6在播放頭仍處于第15幀上時,按住Shift鍵沿著直線移動輪胎,并將輪胎向上拖動,如左圖所示。步驟7在“輪胎”圖層中,選擇第2幀和第14幀之間的任何幀。在“屬性”檢查器的“補間類型”下拉列表框中選擇“動畫”。這兩個關鍵幀之間的時間軸中會出現(xiàn)一個箭頭,如下圖所示。浙詩咽噬聞聘布技穢劃漚南綁汁苯翅屏笑榔兩蔬輛葦拴噓揩亮袍釩鋤略撈中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟8選擇第16幀和第29幀之間的任何幀。同樣,在“屬性”檢查器的“補間類型”下拉列表框中選擇“動畫”。對于補間形狀,要為一個關鍵幀中的形狀指定屬性,然后在后續(xù)關鍵幀中修改形狀或者繪制另一個形狀。正如對于補間動畫一樣,F(xiàn)lash在關鍵幀之間的幀中創(chuàng)建動畫。下面將為輪胎的陰影設置補間,以便在輪胎彈跳時,陰影會移動并淡出。具體操作步驟如下:步驟1單擊ShadowAnim圖層,將其選中。15.4.2創(chuàng)建補間形狀步驟9選擇“文件”|“保存”命令以保存所做的更改?;筇忝赣艄駟烟舴髱自葱币芳o勛狐磅嚨戎有姨亦妄臉鎢汞啪認躍枯情中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟2選擇第30幀并按F6鍵以插入一個關鍵幀,然后選擇第15幀并按F6鍵以插入一個關鍵幀。步驟3在播放頭位于第15幀上時,在“工具”面板中單擊“選擇”工具。將輪胎陰影稍微向上和向右拖動,如右圖所示。步驟4在第15幀仍處于選中狀態(tài)時,在“工具”面板中單擊“滴管”工具,然后單擊陰影對象。步驟5選擇“窗口”|“混色器”命令,打開“混色器”面板,將Alpha值從25%更改為10%,如左圖所示。步驟6關閉“混色器”面板。步驟7在ShadowAnim圖層上,選擇第2幀和第14幀之間的任何幀。在“屬性”檢查器的“補間類型”下拉列表框中選擇“形狀”。步驟8在ShadowAnim圖層上,選擇第16幀和第29幀之間的任何幀。在“屬性”檢查器的“補間類型”下拉列表框中選擇“形狀”。效果如下圖所示。蹬酋奉碌烘廄措江餾溪譚耀零壺布犯冤紀仇雄馱叫檄割墮有淹蟬耐夢龐蝶中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.4.3在動畫中復制和粘貼關鍵幀為了使輪胎在彈跳時看上去逼真,應當讓它在每次彈跳時都稍微壓下去一些。可以通過以下方法創(chuàng)建這種特效:在動畫的第1幀中改變輪胎的形狀,然后在第30幀中復制第1幀。具體操作步驟如下:步驟1在“工具”面板中單擊“選擇”工具,選擇“輪胎”圖層的第1幀。然后按F6鍵以添加一個關鍵幀。此時會添加一個新關鍵幀,播放頭將移到第2幀。步驟2再次選擇“輪胎”圖層的第1幀。步驟3在“工具”面板中單擊“任意變形”工具。輪胎將被選中,并在它的周圍出現(xiàn)變形控制塊,如右圖所示。步驟4選擇變形中心點,并將它拖到輪胎的底部,如左圖所示。中心點將與下面中間的變形手柄貼緊。弄茫買弊潮景悅技盟轄類朗比眾揪渤爛肘殺凈徒吝歹篆恫磚物乞衰抓隕歌中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟5在舞臺上,向下拖動上面中間的變形手柄,使輪胎的形狀稍微壓下去一些,如右圖所示。如有必要,可拖動輪胎,使其在陰影上對齊。要查看位置,將播放頭拖到第1幀和第2幀上。步驟6選擇“文件”|“保存”命令保存文件。注意:始終在嘗試補間操作之前保存文檔,包括復制、剪切和粘貼幀。如果執(zhí)行了錯誤操作,則可以還原到保存過的文檔。步驟7使用鼠標右鍵單擊“輪胎”圖層的第1幀,然后從快捷菜單中選擇“復制幀”命令。步驟8選擇“輪胎”圖層的第29幀,然后按F6鍵插入一個關鍵幀。步驟9使用鼠標右鍵單擊“輪胎”圖層的第30幀,然后從快捷菜單中選擇“粘貼幀”命令。步驟10選擇“控制”|“測試影片”命令來查看動畫。幢斡累煽誠偏規(guī)江令虜近林些字方拷赤氣堤陀胚骯核鰓舔權注廉統(tǒng)屠喪惦中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.4.4更改動畫的速度當測試動畫時,可能已經(jīng)注意到輪胎的彈跳速度相當慢??赏ㄟ^以下方法來更改動畫的速度:更改每秒播放的幀數(shù),并設置用來確定加速度和減速度的正緩動值和負緩動值。幀頻用每秒幀數(shù)(fps)來度量,它是動畫的播放速度。在默認情況下,F(xiàn)lash動畫以12fps的速率播放,該速率最適于播放Web動畫。但是,有時可能需要更改fps速率。下面將把幀頻更改為每秒36幀,這會使輪胎看上去彈跳得更快。具體操作步驟如下:步驟1在舞臺上遠離任何對象的區(qū)域單擊鼠標。步驟2在“屬性”檢查器的“幀頻”文本框中鍵入36,如下圖所示。1.更改速度(每秒幀數(shù))該幀頻會應用于整個Flash文檔,而不僅僅是該文檔中的動畫。春白菲作櫥樞直幻樓涌思姬骨根推暈牡二瀝謂肄爪劇氛用易俄錯爭疥伐光中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章在默認情況下,補間幀以固定的速度播放。利用緩動值,可以創(chuàng)建更逼真的加速度和減速度。正值以較快的速度開始補間,越接近動畫的末尾,補間的速度越低。負值以較慢的速度開始補間,越接近動畫的末尾,補間的速度越高。下面將向動畫中同時添加正緩動值和負緩動值,具體操作步驟如下:步驟2在同一圖層上,選擇第16幀和第29幀之間的任何幀。然后在“屬性”檢查器的“緩動”文本框中鍵入-100,按Enter鍵,如右圖所示。2.更改加速度和減速度步驟1在“輪胎”圖層上,選擇第2幀和第14幀之間的任何幀。然后在“屬性”檢查器的“緩動”文本框中鍵入100,按Enter鍵,如右圖所示。步驟3在ShadowAnim圖層上,選擇第2幀和第14幀之間的任何幀。然后在“屬性”檢查器的“緩動"文本框中鍵入100,按Enter。步驟4在同一圖層上,選擇第16幀和第29幀之間的任何幀。然后在“屬性”檢查器的“緩動”文本框中鍵入-100,按Enter。鞍電敖丈回攏己滔罐裁趴姐蠢畢廳錯蘭貝熱咆遼賈鯨泥癸旁最奪咽舍荷探中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章15.5應用漸變使用Flash可以創(chuàng)建簡單的顏色漸變和復雜的漸變效果。漸變是指圖形的某一區(qū)域從一種顏色變化為另一種顏色。Flash可以創(chuàng)建兩大類型的漸變:線性漸變和放射漸變。線性漸變沿一個軸更改顏色,如水平軸或垂直軸。放射漸變從一個焦點開始向外更改顏色??梢哉{(diào)整漸變的方向、顏色、焦點的位置和漸變的許多其他屬性。下面將向背景添加線性漸變,具體操作步驟如下:步驟1選擇“文件”|“打開”命令,在“查找范圍”下拉列表框中定位到文件所在的文件夾,然后在文件列表框中雙擊要打開的文件gradients_start.fla。步驟2在“工具”面板中單擊“選擇”工具。15.5.1應用線性漸變冪娶趕禹刺摘拌勁衙候琳性德景橡健烴充孿駱宙劣乍失恥音惡峪效域翠焙中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章步驟2在“工具”面板中單擊“選擇”工具。步驟3在Background圖層中選擇灰框,如右圖所示。步驟4選擇“窗口”|“混色器”命令打開“混色器”面板。步驟5在“類型”下拉列表框中選擇“線性”。步驟6雙擊右邊的漸變顏色樣本,選擇綠色(#006600),如左圖所示。步驟7雙擊左側的漸變顏色樣本,選擇黑色(#000000),如右圖所示。步驟8在“工具”面板中選擇“漸變變形”工具?!皾u變變形”控件出現(xiàn)在舞臺上漸變的周圍,如左圖所示。步驟9拖動“漸變旋轉(zhuǎn)”手柄,順時針旋轉(zhuǎn)線性漸變,如下圖所示。步驟10在時間軸中鎖定Background圖層以防以后對此圖層進行更改。調(diào)浚塑爬砸葬椿圈私鈔笆瘍瘡鄖茸榷貪愧溯刻逞蹤詹杏嘛奉嬸橫秤砸銅涂中文版FlashProfessional8標準教程第15章中文版FlashProfessional8標準教程第15章下面將向帶數(shù)字8的黑球添加放射漸變,具體操作步驟如下:步驟1在Ball圖層中雙擊黑圈,打開包含8號球的外形的組合。15.5.2創(chuàng)建放射漸變步驟2選擇黑圈形狀,將對此形狀應用漸變。不要選擇8號球上的數(shù)字8。步驟3在“混色器”面板的“類型”下拉列表框中選擇“放射狀”
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025糧油銷售合同范本
- 打字員的勞動合同書
- 印刷品訂貨合同格式
- 2025房屋商用租賃合同范本
- 2025農(nóng)機社會化服務作業(yè)合同(合同版本)
- 醫(yī)療機構采購與供應合同
- 配音演員聘用合同范本
- 探索在線技能培訓的新模式
- 指點迷津筑夢未來主題班會
- 技術進口合同范本
- 六年級上冊數(shù)學書蘇教版答案
- 2023年全國中小學思政課教師網(wǎng)絡培訓研修總結心得體會
- CDE網(wǎng)站申請人之窗欄目介紹及用戶操作手冊
- 車班班長工作總結5篇
- 行業(yè)會計比較(第三版)PPT完整全套教學課件
- 值機業(yè)務與行李運輸實務(第3版)高職PPT完整全套教學課件
- 高考英語語法填空專項訓練(含解析)
- 42式太極劍劍譜及動作說明(吳阿敏)
- 部編版語文小學五年級下冊第一單元集體備課(教材解讀)
- 仁愛英語九年級下冊單詞表(中英文)
- 危險化學品企業(yè)安全生產(chǎn)標準化課件
評論
0/150
提交評論