Flash CS6核心應(yīng)用案例教程（全彩慕課版）（第2版）課件 第7-9章　動(dòng)作腳本、交互式動(dòng)畫、交互式動(dòng)畫

學(xué)習(xí)目標(biāo)了解數(shù)據(jù)類型。掌握語法規(guī)則。掌握變量和函數(shù)。掌握表達(dá)式和運(yùn)算符。7.1“動(dòng)作”面板課堂案例——制作美食相冊動(dòng)作腳本中的術(shù)語“動(dòng)作”面板的使用使用“創(chuàng)建元件”命令創(chuàng)建影片剪輯元件，使用“動(dòng)作”面板添加動(dòng)作腳本。7.1.1課堂案例——制作美食相冊

效果圖利用FlashCS6可以制作出生動(dòng)的矢量動(dòng)畫，還可以利用腳本語言對動(dòng)畫進(jìn)行編程，從而實(shí)現(xiàn)多種特殊效果。FlashCS6使用動(dòng)作腳本3.0，其功能更為強(qiáng)大，而且還可以使用1.0或2.0版本的動(dòng)作腳本。腳本可以由單一的動(dòng)作組成，如設(shè)置動(dòng)畫的播放、停止，也可以由復(fù)雜的動(dòng)作組成，如設(shè)置先計(jì)算條件再執(zhí)行動(dòng)作。7.1.2動(dòng)作腳本中的術(shù)語

在“動(dòng)作”面板中既可以選擇ActionScript3.0的腳本語言，也可以使用ActionScript1.0或2.0的腳本語言。選擇“窗口＞動(dòng)作”命令，彈出“動(dòng)作”面板，面板的左上方為動(dòng)作工具箱，左下方為對象窗口，右上方為功能按鈕，右下方為腳本窗口。7.1.3“動(dòng)作”面板的使用

“動(dòng)作”面板7.2腳本語言課堂案例——制作系統(tǒng)時(shí)鐘動(dòng)畫數(shù)據(jù)類型語法規(guī)則變量函數(shù)表達(dá)式和運(yùn)算符使用“創(chuàng)建元件”命令創(chuàng)建影片剪輯元件，使用“動(dòng)作”面板添加動(dòng)作腳本。7.2.1課堂案例——制作系統(tǒng)時(shí)鐘動(dòng)畫

效果圖數(shù)據(jù)類型描述了動(dòng)作腳本的變量或元素可以包含的信息種類。動(dòng)作腳本有兩種數(shù)據(jù)類型：原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。原始數(shù)據(jù)類型是指String（字符串）、Number（數(shù)字）和Boolean（布爾值），它們擁有固定類型的值，因此可以包含它們所代表元素的實(shí)際值。引用數(shù)據(jù)類型是指影片剪輯和對象，它們值的類型是不固定的，因此它們包含對該元素實(shí)際值的引用。7.2.2數(shù)據(jù)類型

動(dòng)作腳本擁有自己的一套語法規(guī)則和標(biāo)點(diǎn)符號(hào)。1．點(diǎn)運(yùn)算符2．界定符3．區(qū)分大小寫4．注釋5．關(guān)鍵字6．常量7.2.3語法規(guī)則

變量是存儲(chǔ)信息的容器。容器本身不會(huì)改變，但內(nèi)容可以更改。當(dāng)?shù)谝淮味x變量時(shí)，最好為變量定義一個(gè)已知值，這就是初始化變量，通常在SWF文件的第1幀中完成。每一個(gè)影片剪輯實(shí)例都有自己的變量，而且不同的影片剪輯實(shí)例中的變量相互獨(dú)立，互不影響。7.2.4變量

函數(shù)是對常量、變量等進(jìn)行某種運(yùn)算的方法，如產(chǎn)生隨機(jī)數(shù)、進(jìn)行數(shù)值運(yùn)算、獲取對象屬性等。函數(shù)是一個(gè)動(dòng)作腳本代碼塊，它可以在影片中的任何位置多次使用。如果將值作為參數(shù)傳遞給函數(shù)，函數(shù)將對這些值進(jìn)行操作。函數(shù)也可以返回值。7.2.5函數(shù)

表達(dá)式是由常量、變量、函數(shù)和運(yùn)算符按照運(yùn)算法則組成的計(jì)算式。運(yùn)算符是可以對數(shù)值、字符串、邏輯值進(jìn)行運(yùn)算的關(guān)系符號(hào)。運(yùn)算符有很多種類，包括數(shù)值運(yùn)算符、字符串運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符、位運(yùn)算符和賦值運(yùn)算符等。7.2.6表達(dá)式和運(yùn)算符

使用“橢圓”工具和“顏色”面板繪制雪花圖形，使用“動(dòng)作”面板添加動(dòng)作腳本。7.3課堂練習(xí)——制作漫天飛雪動(dòng)畫

效果圖使用“橢圓”工具和“顏色”面板動(dòng)畫繪制透明氣泡，使用“動(dòng)作”面板添加動(dòng)作腳本。7.4課后習(xí)題——制作飛舞的氣泡動(dòng)畫

效果圖本章簡介：Flash動(dòng)畫具有交互性，通過對按鈕的控制可以更改動(dòng)畫的播放形式。本章介紹控制動(dòng)畫播放及添加控制命令的方法等。讀者通過對本章的學(xué)習(xí)，可以了解并掌握如何制作交互式動(dòng)畫，從而實(shí)現(xiàn)人機(jī)交互。交互式動(dòng)畫第8章學(xué)習(xí)目標(biāo)掌握播放和停止動(dòng)畫的方法。掌握按鈕事件的應(yīng)用。了解添加控制命令的方法。8.1播放和停止動(dòng)畫課堂案例——制作祝福語動(dòng)態(tài)海報(bào)播放和停止動(dòng)畫按鈕事件使用“導(dǎo)入到庫”命令導(dǎo)入素材，使用“創(chuàng)建補(bǔ)間形狀”命令和“遮罩”命令制作文字動(dòng)畫效果，使用“動(dòng)作”面板添加動(dòng)作腳本。8.1.1課堂案例——制作祝福語動(dòng)態(tài)海報(bào)

效果圖選擇“窗口＞動(dòng)作”命令，彈出“動(dòng)作”面板，在“動(dòng)作”面板中設(shè)置腳本語言。設(shè)置完動(dòng)作腳本后，關(guān)閉“動(dòng)作”面板。在“動(dòng)作腳本”圖層中的第1幀處顯示了一個(gè)標(biāo)記“a”。8.1.2播放和停止動(dòng)畫

腳本窗口中的效果按Ctrl+L組合鍵，彈出“庫”面板，用鼠標(biāo)右鍵單擊按鈕元件“按鈕”，在彈出的快捷菜單中選擇“屬性”命令，彈出“元件屬性”對話框，勾選“為ActionScript導(dǎo)出”復(fù)選框，在“類”文本框中輸入類名稱“playbutton”，單擊“確定”按鈕。8.1.3按鈕事件

“元件屬性”對話框8.2按鈕事件及添加控制命令課堂案例——制作鼠標(biāo)跟隨效果添加控制命令使用“橢圓”工具、“漸變變形”工具、“變形”面板和“顏色”面板繪制星星圖形，使用“動(dòng)作”面板添加動(dòng)作腳本。8.2.1課堂案例——制作鼠標(biāo)跟隨效果

效果圖在“時(shí)間軸”面板中創(chuàng)建新圖層并將其命名為“動(dòng)作腳本”。選擇“窗口＞動(dòng)作”命令，彈出“動(dòng)作”面板。在“腳本窗口”中輸入腳本語言，“動(dòng)作”面板中的效果如圖。8.2.2添加控制命令

“動(dòng)作”面板使用“導(dǎo)入到庫”命令導(dǎo)入素材，使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫，使用“動(dòng)作”面板添加腳本語言。8.3課堂練習(xí)——制作端午海報(bào)

效果圖使用“橢圓”工具制作圓形裝飾圖形，使用“文本”工具輸入文本，使用“創(chuàng)建元件”命令制作按鈕元件。8.4課后習(xí)題——制作動(dòng)態(tài)圖標(biāo)

效果圖本章簡介：本章的綜合設(shè)計(jì)實(shí)訓(xùn)項(xiàng)目是根據(jù)真實(shí)的商業(yè)設(shè)計(jì)項(xiàng)目。通過對這些設(shè)計(jì)項(xiàng)目進(jìn)行演練，讀者可以進(jìn)一步掌握FlashCS6的使用技巧，并應(yīng)用所學(xué)技能制作出專業(yè)的設(shè)計(jì)作品。商業(yè)案例第9章學(xué)習(xí)目標(biāo)掌握使用“傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫的方法。掌握使用“文本”工具和變形工具制作文字變形效果的方法。掌握圖形、按鈕、影片剪輯元件的創(chuàng)建方法與應(yīng)用方法。掌握遮罩動(dòng)畫的創(chuàng)建方法及應(yīng)用技巧。掌握運(yùn)用“動(dòng)作”面板添加動(dòng)作腳本的方法。9.1賀卡設(shè)計(jì)——制作元宵節(jié)賀卡項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1．客戶名稱尚佳科技有限公司2．客戶需求尚佳科技有限公司在元宵節(jié)來臨之際，為與合作伙伴以及公司員工聯(lián)絡(luò)感情和互致問候，現(xiàn)需制作電子賀卡，要求賀卡具有溫馨的祝福語和傳統(tǒng)的節(jié)日特色元素，能夠充分表達(dá)本公司的節(jié)日問候與祝福。9.1.1項(xiàng)目背景（1）賀卡要求運(yùn)用插畫的形式進(jìn)行設(shè)計(jì)。（2）使用具有元宵節(jié)特色的元素裝飾畫面，使人感受到濃厚的節(jié)日氣息。（3）整體使用暖色調(diào)烘托節(jié)日氛圍，使賀卡更加具有元宵節(jié)特色。（4）設(shè)計(jì)規(guī)格均為2598px（寬）×1240px（高）。9.1.2設(shè)計(jì)要求9.1.3項(xiàng)目設(shè)計(jì)流程如圖使用“導(dǎo)入到庫”命令和“新建元件”命令導(dǎo)入素材并制作圖形元件，使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫，使用“屬性”面板設(shè)置元件的不透明度及旋轉(zhuǎn)角度，使用“場景”面板制作場景動(dòng)畫。9.1.4項(xiàng)目要點(diǎn)9.2電子相冊——制作江南游記相冊項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1．客戶名稱麥芽攝影工作室2．客戶需求麥芽攝影工作室是一個(gè)專業(yè)的攝影工作團(tuán)隊(duì)，該工作室致力于運(yùn)用獨(dú)特的眼光與技巧捕捉顧客的唯美瞬間，同時(shí)提供精致的相冊。目前工作室需要制作一款新的旅游相冊模板，要求相冊復(fù)古、唯美，以江南游記為主題，既能夠體現(xiàn)出江南水鄉(xiāng)的特點(diǎn)又能夠表現(xiàn)出工作室的高品質(zhì)。9.2.1項(xiàng)目背景（1）相冊以江南的風(fēng)景照片為主，畫面要求精致、唯美。（2）提煉江南特色景觀，在模板中進(jìn)行體現(xiàn)。（3）整體設(shè)計(jì)要體現(xiàn)出旅行所帶來的輕松愉悅的感覺。（4）設(shè)計(jì)規(guī)格均為800px（寬）×600px（高）。9.2.2設(shè)計(jì)要求9.2.3項(xiàng)目設(shè)計(jì)流程如圖使用“導(dǎo)入到庫”命令和“新建元件”命令導(dǎo)入素材并制作按鈕元件和圖形元件，使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作補(bǔ)間動(dòng)畫，使用“動(dòng)作”面板設(shè)置動(dòng)作腳本，使用“粘貼到當(dāng)前位置”命令復(fù)制按鈕圖形。9.2.4項(xiàng)目要點(diǎn)9.3廣告設(shè)計(jì)——制作女包廣告項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1．客戶名稱NEWLOOK2．客戶需求NEWLOOK是一家生產(chǎn)各類皮制商品的公司，該公司多年來一直堅(jiān)持自己的品牌精神，給顧客提供不同的產(chǎn)品?，F(xiàn)公司推出新款女士皮包，需要制作一個(gè)全新的網(wǎng)店首頁海報(bào)，要求起到宣傳公司新產(chǎn)品的作用，給客戶以清新感和活力感。9.3.1項(xiàng)目背景（1）將自然元素與新產(chǎn)品巧妙結(jié)合，突出產(chǎn)品的優(yōu)點(diǎn)。（2）畫面需包含新產(chǎn)品，文本內(nèi)容不能喧賓奪主。（3）色彩搭配自然、協(xié)調(diào)，明亮清新。（4）具有簡潔、時(shí)尚和雅致的藝術(shù)風(fēng)格。（5）設(shè)計(jì)規(guī)格均為800px（寬）×250px（高）。9.3.2設(shè)計(jì)要求9.3.3項(xiàng)目設(shè)計(jì)流程如圖使用“導(dǎo)入”命令導(dǎo)入素材并制作圖形元件，使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作補(bǔ)間動(dòng)畫，使用“屬性”面板設(shè)置實(shí)例的不透明度與旋轉(zhuǎn)角度，使用“變形”面板改變實(shí)例的大小及角度，使用“文本”工具輸入文本內(nèi)容。9.3.4項(xiàng)目要點(diǎn)9.4海報(bào)設(shè)計(jì)——制作節(jié)日類動(dòng)態(tài)海報(bào)項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1．客戶名稱創(chuàng)維有限公司2．客戶需求創(chuàng)維有限公司是一家電商用品零售企業(yè)，販?zhǔn)燮秸桨b的家具、配件、浴室用品和廚房用品等。現(xiàn)因春節(jié)即將來臨，需要制作一款動(dòng)態(tài)海報(bào)，用于線上傳播，以便與合作伙伴以及公司員工聯(lián)絡(luò)感情和互致問候。要求海報(bào)具有溫馨的祝福語、濃郁的民俗色彩，以及傳統(tǒng)的節(jié)日特色元素，能夠充分表達(dá)本公司的問候與祝福。9.4.1項(xiàng)目背景（1）海報(bào)要求運(yùn)用傳統(tǒng)民俗元素，既傳統(tǒng)又具有現(xiàn)代感。（2）使用具有春節(jié)特色的元素裝飾畫面，營造熱鬧的氣氛。（3）整體運(yùn)用紅色來烘托節(jié)日氛圍。（4）設(shè)計(jì)規(guī)格均為1242px（寬）×2208px（高）。9.4.2設(shè)計(jì)要求9.4.3項(xiàng)目設(shè)計(jì)流程如圖使用“導(dǎo)入到庫”命令導(dǎo)入素材文件，使用“轉(zhuǎn)換為元件”命令將圖像轉(zhuǎn)換為圖形元件，使用“變形”面板、“屬性”面板和“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作敲鼓動(dòng)畫。9.4.4項(xiàng)目要點(diǎn)9.5節(jié)目片頭——制作家居裝修MG動(dòng)畫片頭項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1．客戶名稱安心家居裝修公司2．客戶需求安心是一家致力于提供高質(zhì)量家居裝修和設(shè)計(jì)服務(wù)的家居裝修公司。該公司致力于通過創(chuàng)新和精細(xì)的工藝，為每一位顧客打造夢想之家?，F(xiàn)需要為公司制作裝修MG動(dòng)畫片頭，用于線上傳播，要求向客戶傳遞出公司的特點(diǎn)并起到宣傳公司的作用。9.5.1項(xiàng)目背景（1）畫面的設(shè)計(jì)以傳達(dá)家居裝修內(nèi)容為主，以突出主題。（2）封面以低明度色調(diào)為主，整體色彩干凈清爽。（3）以家具圖片作為主要內(nèi)容，明確主題。（4）整體設(shè)計(jì)要體現(xiàn)出現(xiàn)代感和舒適感。（5）設(shè)計(jì)規(guī)格均為1000px（寬）×1500px（高）。9.5.2設(shè)計(jì)要求9.5.3項(xiàng)目設(shè)計(jì)流程如圖使用“導(dǎo)入到庫”命令等導(dǎo)入素材并制作圖形元件，使用“文本”工具輸入文字，使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作補(bǔ)間動(dòng)畫。9.5.4項(xiàng)目要點(diǎn)9.6課堂練習(xí)——制作空調(diào)扇廣告項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1．客戶名稱戴森爾電器。2．客戶需求戴森爾是一家電器用品零售企業(yè)，該企業(yè)近期推出新款變頻空調(diào)扇，需要為其制作一個(gè)全新廣告，要求起到宣傳作用，向客戶傳達(dá)新品類型及特價(jià)優(yōu)惠信息。9.6.1項(xiàng)目背景（1）廣告以灰色調(diào)圖片作為背景，以襯托主體。（2）使用直觀、醒目的文字說明產(chǎn)品信息，表現(xiàn)活動(dòng)特色。（3）整體色彩清冷、沉著，與宣傳的主題相呼應(yīng)。（4）設(shè)計(jì)風(fēng)格簡潔大方，給人整潔干練的感覺。（5）設(shè)計(jì)規(guī)格均為1920px（寬）×800px（高）。9.6.2設(shè)計(jì)要求9.6.3項(xiàng)目設(shè)計(jì)效果圖使用“導(dǎo)入到庫”命令導(dǎo)入素材，使用“新建元件”命令和“文本”工具制作圖形元件等，使用“分散到圖層”命令制作功能動(dòng)畫，使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作補(bǔ)間動(dòng)畫，使用“屬性”面板調(diào)整實(shí)例的透明度。9.6.4項(xiàng)目要點(diǎn)9.7課后習(xí)題——制作手機(jī)廣告項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1．客戶名稱米心手機(jī)專營店2．客戶需求米心手機(jī)專營店是一家手機(jī)專賣店。該手機(jī)店最近推出了一款新手機(jī)，需要制作針對該新款手機(jī)的宣傳廣告。要求廣告內(nèi)容豐富，重點(diǎn)宣傳此次推出的新款產(chǎn)品，體現(xiàn)出新款產(chǎn)品的特點(diǎn)。9.7