版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
Flashcs3二維動(dòng)畫制作案例教程單元一FlashCS3基礎(chǔ)知識(shí)
學(xué)習(xí)目標(biāo)1、了解Flash的歷史和特點(diǎn)及應(yīng)用。2、掌握Flash的文件類型。3、熟悉FlashCS3工作界面。任務(wù)任務(wù)1——初識(shí)FlashCS3任務(wù)2——FlashCS3工作界面任務(wù)1——初識(shí)FlashCS3
相關(guān)知識(shí)1、初識(shí)Flash
AdobeFlashCS3,簡稱Flash,中文意譯為閃光、閃耀、閃現(xiàn)等,是一款優(yōu)秀的二維矢量動(dòng)畫制作軟件,也是互聯(lián)網(wǎng)上非常流行的動(dòng)畫形式,在互聯(lián)網(wǎng)上無處不在,應(yīng)用面很廣,現(xiàn)已成為網(wǎng)頁中不可或缺的組成部分。2、Flash的歷史
1996年,一家叫FutureWave的小軟件公司發(fā)布了一個(gè)FutureSplash
的動(dòng)態(tài)變化小程序,這就是FLASH的前身。當(dāng)時(shí)FutureSplash
開發(fā)出來的時(shí)候,目的是為Netscape制作的全新網(wǎng)頁瀏覽插件。Macromedia公司對(duì)此非常感興趣,于1996年11月收購了FutureWave公司,在擁有了FutureWave的技術(shù)后,Macromedia把FutureSplash
改名為:FlashPlayer1.0。任務(wù)1——初識(shí)FlashCS3
相關(guān)知識(shí)3、Flash的特點(diǎn)1)使用矢量圖形,文件所占空間小。2)使用“流式”播放技術(shù)。3)強(qiáng)大的動(dòng)畫編輯與互交功能4、Flash的文件類型
Flash支持的最基本的兩種文件格式是【FLA】和【SWF】。
【FLA】是Flash的源文件格式,使用Flash制作的動(dòng)畫應(yīng)存為FLA格式文件,以便今后進(jìn)行編輯修改處理。由于是源文件格式,這種格式是不能直接播放的。
【SWF】是Flash的發(fā)布文件,是網(wǎng)頁中最常用的文件格式。必需使用安裝了Flash動(dòng)畫播放插件的瀏覽器或播放器才能觀看。任務(wù)1——初識(shí)FlashCS3
相關(guān)知識(shí)5、Flash的應(yīng)用
Flash因其制作簡單方便、強(qiáng)大的動(dòng)畫編輯與互交功能,運(yùn)用“流式”播放技術(shù)和使用的矢量圖形文件小的特點(diǎn),目前已經(jīng)在很多領(lǐng)域得到了廣泛的運(yùn)用,具有非常廣闊的應(yīng)用前景??倎碚f,F(xiàn)lash主要有以下四方面應(yīng)用:
1)網(wǎng)頁廣告
2)動(dòng)態(tài)網(wǎng)頁
3)動(dòng)畫
4)游戲任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)1、FlashCS3菜單欄【菜單欄】由文件、編輯、視圖、插入、修改、文本、命令、控制、調(diào)試、窗口和幫助菜單組成。
【文件】菜單:對(duì)文件的基本操作,如創(chuàng)建、打開、保存、導(dǎo)出和打印文件等。【編輯】菜單:對(duì)動(dòng)畫的編輯操作,如復(fù)制、粘貼、撤銷、全選、編輯元件等。【視圖】菜單:對(duì)舞臺(tái)進(jìn)行放大、縮小、顯示輔助線、網(wǎng)格及尺標(biāo)等操作?!静迦搿坎藛危簩?duì)編輯的文件進(jìn)行插入性的操作,如插入圖層、幀、新建元件等?!拘薷摹坎藛危簩?duì)動(dòng)畫中的幀、圖層、場景、元件、形狀等各種動(dòng)畫相關(guān)對(duì)象的屬性進(jìn)行修改?!疚谋尽坎藛危簩?duì)于輸入的文本屬性進(jìn)行設(shè)置調(diào)整。【命令】菜單:對(duì)各種命令進(jìn)行管理?!究刂啤坎藛危簩?duì)動(dòng)畫進(jìn)行播放、測試控制?!菊{(diào)試】菜單:對(duì)編輯的動(dòng)畫進(jìn)行調(diào)試?!敬翱凇坎藛危簩?duì)各種窗口面板進(jìn)行打開、關(guān)閉、切換、組合?!編椭坎藛危韩@得FlashCS3相關(guān)幫助信息。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)2、FlashCS3工具欄【工具欄】位于工作區(qū)左側(cè),提供了一整套完善的FlashCS3常用繪圖編輯工具,用于繪制線、多邊形、圖案、路徑、上色及選擇等。工具欄可分為四部分:【工具】部分:包含選擇、繪圖、上色、路徑及多邊形工具等。【查看】部分:包含在工作窗口內(nèi)移動(dòng)的手型工具和用于縮放的放大鏡工具?!绢伾坎糠郑喊糜谔畛漕伾瓦吙蝾伾墓ぞ??!具x項(xiàng)】部分:用于顯示當(dāng)前選定工具的功能設(shè)置按鈕。改動(dòng)這些設(shè)置按鈕會(huì)影響當(dāng)前所選工具的編輯操作。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)3、FlashCS3時(shí)間軸1)【時(shí)間軸】的組成
【時(shí)間軸】是FlashCS3界面中的關(guān)鍵部分。時(shí)間軸最重要的組成部分就是【圖層】與【幀】,被用于組織和控制文檔中的【圖層】和【幀】在一定的時(shí)間內(nèi)按照時(shí)間軸的排列播放。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)
2)【圖層】時(shí)間軸面板左側(cè)窗口是圖層區(qū),圖層可以控制舞臺(tái)中的原件,在選定的一個(gè)圖層上編輯對(duì)象,不會(huì)影響其他圖層。圖層就像傳統(tǒng)動(dòng)畫用的賽璐片,可以層層疊加,上層的圖層會(huì)覆蓋下層的圖層,如果有透明的區(qū)域,則可以透過上層看到下層的對(duì)象內(nèi)容。在圖層所屬區(qū)域上方按鈕由左向右分別用于控制圖層的顯示、鎖定和輪廓。下方按鈕由左向右分別以此是圖層的創(chuàng)建、添加引導(dǎo)層、建立圖層文件夾、刪除圖層。
3)【幀】時(shí)間軸面板右側(cè)就是幀所在的區(qū)域,幀是創(chuàng)建動(dòng)畫的基礎(chǔ),也是構(gòu)成動(dòng)畫的最基本元素。FlashCS3制作的動(dòng)畫是將時(shí)間分為幀來設(shè)置動(dòng)畫的播放順序、時(shí)間、幀頻等。在其頂部是幀的編號(hào),下部則是顯示所編輯動(dòng)畫的狀態(tài)。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)2)編輯【圖層】和【幀】【圖層】:右鍵單擊位于時(shí)間軸左側(cè)的圖層操作區(qū),在彈出的快捷菜單中單擊“屬性”,便可以打開“圖層屬性”欄,如圖所示。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)【幀】:幀的編輯是通過播放頭來進(jìn)行控制,如圖所示。播放頭可用鼠標(biāo)在時(shí)間軸范圍內(nèi)拖動(dòng),播放頭所在時(shí)間軸上的位置,決定了舞臺(tái)此時(shí)動(dòng)畫幀顯示的效果。在時(shí)間軸右下角區(qū)域的是時(shí)間軸狀態(tài)顯示區(qū)。這一區(qū)域可以顯示當(dāng)前編輯動(dòng)畫的相關(guān)信息,如當(dāng)前顯示幀數(shù)、幀頻及動(dòng)畫時(shí)長,如圖所示。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)4、FlashCS3舞臺(tái)(工作區(qū))
【舞臺(tái)】是放置文件內(nèi)容的區(qū)域,顯示的是文件影片中的單幀內(nèi)容。可以在工作區(qū)中繪制和編輯每幀所包含的圖形文件,也可導(dǎo)入外部其它兼容素材。1)【舞臺(tái)】的組成編輯區(qū)域就是工作區(qū),右上角的按鈕依次是場景編輯、元件編輯按鈕,最右邊的是設(shè)定顯示比例的按鈕,如圖所示。
任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)2)【舞臺(tái)】的控制
【舞臺(tái)】的控制就是指對(duì)工作區(qū)內(nèi)的文檔進(jìn)行顯示觀察。通過改變顯示比例可以精確觀察文檔,便于編輯處理,如圖所示。工作區(qū)右上角顯示控制需注意以下模式:【顯示幀】模式:用于顯示全部的場景。【顯示全部】模式:在此模式下能播放整個(gè)顯示幀的內(nèi)容。即使場景是空的,也能被播放出來?!?00%】模式:此模式下,編輯的文檔將以最接近實(shí)際的尺寸顯示,也是最佳效果顯示。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)5、FlashCS3屬性面板
【屬性】面板位于舞臺(tái)下方,根據(jù)所選對(duì)象的不同,顯示不同的屬性內(nèi)容。如圖所示。
任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)6、FlashCS3庫面板
【庫】面板提供動(dòng)畫中的各種數(shù)據(jù)的信息,在庫面板中可以很方便的查找、組織和調(diào)用相關(guān)資源素材,如圖所示。庫面板中儲(chǔ)存的素材被稱為【元件】,可以反復(fù)使用。
【元件】是在FlashCS3中創(chuàng)建的圖形、影片剪輯或按鈕。當(dāng)元件建立一次后,即可在文檔中重復(fù)使用。用戶所創(chuàng)建的任何元件都會(huì)自動(dòng)添加到當(dāng)前編輯文檔的庫中。任務(wù)2——FlashCS3工作界面相關(guān)知識(shí)7、FlashCS3顏色面板(浮動(dòng)面板)
【顏色】面板創(chuàng)建和編輯純色、線性、放射狀、位圖填充,可以調(diào)出各種不同的顏色。也能設(shè)置筆觸、填充顏色及透明度等,如圖所示。
小結(jié)
本單元給大家介紹了Flash的歷史、特點(diǎn)及文件類型。并著重介紹Flash基本操作界面(包含菜單欄、工具欄、時(shí)間軸、舞臺(tái)、庫、浮動(dòng)面板等),為后續(xù)課程打下基礎(chǔ)。單元二逐幀動(dòng)畫
學(xué)習(xí)目標(biāo)
1、了解有關(guān)幀的知識(shí)。
2、了解逐幀動(dòng)畫制作的原理。
3、掌握文本工具屬性面板的設(shè)置。
4、掌握逐幀動(dòng)畫操作方法和使用技巧。任務(wù)任務(wù)1——5秒倒計(jì)時(shí)任務(wù)2——跳躍的豹子任務(wù)3——運(yùn)動(dòng)的機(jī)器人任務(wù)4——花兒的成長任務(wù)1——5秒倒計(jì)時(shí)相關(guān)知識(shí)1、什么是逐幀動(dòng)畫呢?簡單的說,逐幀動(dòng)畫就是在同一圖層連續(xù)的關(guān)鍵幀上繪制或編輯不同的圖形對(duì)象形成的動(dòng)畫稱為逐幀動(dòng)畫。2、設(shè)置文檔屬性設(shè)置文檔屬性:包括文檔(即舞臺(tái))大小、背景顏色、幀頻。3、文本工具文本的設(shè)置,包括文本類型、字體、字體大小、顏色、間距、對(duì)齊方式等。可以利用文本的屬性欄的設(shè)置來完成。
任務(wù)1——5秒倒計(jì)時(shí)相關(guān)知識(shí)4、有關(guān)幀的概念1)幀:構(gòu)成動(dòng)畫的一系列畫面我們稱為幀。它是Flash動(dòng)畫制作的基本單位,在時(shí)間軸上顯示為灰色填充的小方格。2)幀頻:指動(dòng)畫播放的速度,它以每秒鐘播放的幀數(shù)的度量單位。Flash默認(rèn)的幀頻為12fps。3)關(guān)鍵幀:用于定義動(dòng)畫變化的幀。制作動(dòng)畫時(shí),在不同的關(guān)鍵幀上繪制或編輯對(duì)象,再通過一些設(shè)置便能形成動(dòng)畫。關(guān)鍵幀分為有內(nèi)容的關(guān)鍵幀和空白關(guān)鍵幀??瞻钻P(guān)鍵幀上沒有任何對(duì)象。有內(nèi)容的關(guān)鍵幀用實(shí)心圓表示,無內(nèi)容的關(guān)鍵幀用空心圓表示。4)普通幀:延伸關(guān)鍵幀上的內(nèi)容。制作動(dòng)畫時(shí),經(jīng)常需要將某一關(guān)鍵幀上的內(nèi)容往后延伸,此時(shí)可以通過添加普通幀來實(shí)現(xiàn)。任務(wù)1——5秒倒計(jì)時(shí)相關(guān)知識(shí)5、不同種類動(dòng)畫的表示方法:1)動(dòng)畫補(bǔ)間動(dòng)畫:在關(guān)鍵幀之間有一條水平指向右邊的黑色箭頭,幀單元格為藍(lán)色背景。2)形狀補(bǔ)間動(dòng)畫:在關(guān)鍵幀之間也有一條水平指向右邊的黑色箭頭,但單元格為淺綠色背景。3)虛線:表示在創(chuàng)建過渡動(dòng)畫中存在錯(cuò)誤,無法正確完成動(dòng)畫的制作。任務(wù)1——5秒倒計(jì)時(shí)相關(guān)知識(shí)6、幀的操作方法:1)常用的插入關(guān)鍵幀的方法:單擊選中單元格,再快捷鍵F6。選中一個(gè)單元格,執(zhí)行“插入→關(guān)鍵幀”命令。將鼠標(biāo)指針移到要插入關(guān)鍵幀的單元格上,單擊鼠標(biāo)右鍵,在彈出的菜單中選擇“插入關(guān)鍵幀”命令。2)常用的插入幀的方法:單擊選中單元格,再快捷鍵F5。選中一個(gè)單元格,執(zhí)行“插入→幀”命令。將鼠標(biāo)指針移到要插入關(guān)鍵幀的單元格上,單擊鼠標(biāo)右鍵,在彈出的菜單中選擇“插入幀”命令。按住Alt鍵,將鼠標(biāo)移關(guān)鍵幀單元格處,鼠標(biāo)的指針呈黑色箭頭狀,用鼠標(biāo)向右拖曳關(guān)鍵幀單元格,即可產(chǎn)生一個(gè)或多個(gè)普通單元格,但最后一個(gè)是關(guān)鍵幀。3)常用的插入空白關(guān)鍵幀的方法:單擊選中單元格,再快捷鍵F7。選中一個(gè)單元格,執(zhí)行“插入→空白關(guān)鍵幀”命令。將鼠標(biāo)指針移到要插入關(guān)鍵幀的單元格上,單擊鼠標(biāo)右鍵,在彈出的菜單中選擇“插入空白關(guān)鍵幀”命令。任務(wù)1——5秒倒計(jì)時(shí)任務(wù)分析在黑色的背景上,倒計(jì)時(shí)開始,紅色的數(shù)字從5遞減變化到1。這5個(gè)數(shù)字分別放置在5個(gè)幀上,連續(xù)播放而產(chǎn)生的效果。任務(wù)實(shí)施步驟1:制作數(shù)字從5變到1的動(dòng)畫步驟2:測試影片任務(wù)效果圖任務(wù)2——
跳躍的豹子相關(guān)知識(shí)1、Flash中可導(dǎo)入的文件格式類型矢量圖形、位圖圖像、視頻圖像和聲音素材。2、導(dǎo)入圖像的方法:執(zhí)行“文件→導(dǎo)入→導(dǎo)入到庫”命令,調(diào)出“導(dǎo)入到庫”的對(duì)話框,在該對(duì)話框內(nèi)可以選擇文件類型、文件夾、文件,再單擊“打開”按鈕。這樣就可以將選定的素材導(dǎo)入到“庫“中,使用時(shí)打開庫面板拖入舞臺(tái)即可。任務(wù)2——
跳躍的豹子任務(wù)分析“跳躍的豹子”動(dòng)畫是通過導(dǎo)入外部8幅豹子不同動(dòng)作的位圖,分別放置在時(shí)間軸8個(gè)不同的幀上,連續(xù)播放而產(chǎn)生豹子跳躍的效果。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:利用素材制作逐幀動(dòng)畫步驟3:測試影片
任務(wù)效果圖任務(wù)3——
運(yùn)動(dòng)的機(jī)器人任務(wù)分析“運(yùn)動(dòng)的機(jī)器人”主要是利用矩形工具來繪制幾幅簡易的機(jī)器人運(yùn)動(dòng)的圖形,連續(xù)播放產(chǎn)生動(dòng)畫效果。
任務(wù)實(shí)施步驟1:繪制機(jī)器人步驟2:運(yùn)動(dòng)的機(jī)器人步驟3:測試影片任務(wù)效果圖任務(wù)4——
花朵的成長任務(wù)分析“花兒的成長”動(dòng)畫,先用鉛筆工具繪制背景;然后再依次繪制綠葉、花徑、花朵,連續(xù)播放產(chǎn)生動(dòng)畫效果。
任務(wù)實(shí)施
步驟1:制作背景步驟2:制作綠葉步驟3:制作花徑步驟4:制作花朵步驟5:測試影片任務(wù)效果圖小結(jié)
本單元給大家介紹了什么是逐幀動(dòng)畫以及幀的有關(guān)知識(shí)。在制作過程中應(yīng)注意以下幾個(gè)原則:
1)根據(jù)動(dòng)畫顯示的先后順序有序制作。2)如果前后兩幀關(guān)聯(lián)很大,建議使用快捷鍵F6,插入關(guān)鍵幀。3)如果前后兩幀無關(guān)聯(lián),建議使用快捷鍵F7,插入空白關(guān)鍵幀,然后重新繪制新的內(nèi)容。單元三動(dòng)作補(bǔ)間動(dòng)畫
學(xué)習(xí)目標(biāo)1、了解什么是動(dòng)作補(bǔ)間動(dòng)畫。2、了解創(chuàng)建元件的方法。3、了解動(dòng)作補(bǔ)間動(dòng)畫的基本操作步驟。4、掌握動(dòng)作補(bǔ)間動(dòng)畫的操作方法和使用技巧。任務(wù)任務(wù)1——
空中客機(jī)任務(wù)2——?jiǎng)觿?dòng)的足球任務(wù)3——變色的文字任務(wù)4——文字逼近任務(wù)5——雨滴任務(wù)1——
空中客機(jī)相關(guān)知識(shí)1、什么是補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫分為動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫,它是一種便捷的動(dòng)畫制作方法。用戶只需繪制起始關(guān)鍵幀和終止關(guān)鍵幀,中間幀的動(dòng)畫效果就會(huì)由軟件自動(dòng)計(jì)算出來。2、什么是動(dòng)作補(bǔ)間動(dòng)畫在一個(gè)關(guān)鍵幀上放置一個(gè)對(duì)象,然后在另一個(gè)關(guān)鍵幀上改變這個(gè)對(duì)象的大小、位置、形狀、顏色、旋轉(zhuǎn)方向等,F(xiàn)lash根據(jù)二者之間的差值創(chuàng)建的動(dòng)畫被稱為動(dòng)作補(bǔ)間動(dòng)畫。3、動(dòng)作補(bǔ)間動(dòng)畫的對(duì)象對(duì)象必須是元件,而元件的內(nèi)容可以是圖形、文字、圖片、按鈕、影片等。因此根據(jù)元件的用途不同,可分為圖形元件、按鈕元件、影片剪輯元件。任務(wù)1——
空中客機(jī)相關(guān)知識(shí)4、位圖的分離將位圖圖像添加到文檔后,要對(duì)其局部進(jìn)行編輯或選取圖像區(qū)域,需要先將位圖分離。選中位圖,然后選擇“修改→分離”菜單項(xiàng),或按快捷鍵【Ctrl+B】組合鍵即可分離位圖。5、魔術(shù)棒工具的使用魔術(shù)棒工具能選取圖像中顏色相近的區(qū)域,可以除去圖像中的背景顏色等。使用方法:單擊工具箱中的套索工具,再單擊工具箱選項(xiàng)欄中的“魔術(shù)棒”工具,將光標(biāo)單擊要去除顏色的區(qū)域,再按【Delete】鍵將選取中的區(qū)域刪除。任務(wù)1——
空中客機(jī)任務(wù)分析通過改變飛機(jī)的位置和大小,產(chǎn)生飛機(jī)在藍(lán)天漸飛漸遠(yuǎn)的效果。任務(wù)實(shí)施步驟1:制作背景“藍(lán)天”的動(dòng)畫步驟2:制作“飛機(jī)”的動(dòng)畫步驟3:測試影片任務(wù)效果圖任務(wù)2——
運(yùn)動(dòng)的足球相關(guān)知識(shí)動(dòng)作補(bǔ)間動(dòng)畫的基本操作步驟(以制作圖形元件為例)1)新建元件:執(zhí)行“插入→新建元件”命令,或按快捷鍵【Ctrl+F8】。2)轉(zhuǎn)換元件:選中對(duì)象,執(zhí)行“修改→轉(zhuǎn)換為元件”命令。3)從庫中將元件拖入舞臺(tái),每拖一次會(huì)自動(dòng)生成一個(gè)實(shí)例。4)在各圖層的關(guān)鍵幀之間創(chuàng)建補(bǔ)間動(dòng)畫,并可調(diào)整對(duì)象的大小、位置、顏色、Alpha值等。任務(wù)2——
運(yùn)動(dòng)的足球任務(wù)分析通過制作“運(yùn)動(dòng)的足球”動(dòng)畫,初步了解創(chuàng)建元件的方法;利用工具箱的工具繪制矢量圖形及圖層的基本操作。任務(wù)實(shí)施步驟1:制作背景步驟2:制作“足球”圖形元件步驟3:完成足球的動(dòng)畫步驟4:測試影片
任務(wù)效果圖任務(wù)3——
變色的文字任務(wù)分析“變色的文字”首先要將舞臺(tái)上的文本轉(zhuǎn)換為圖形元件,然后改變不同關(guān)鍵幀上的實(shí)例的顏色、透明度、亮度的,產(chǎn)生變色效果。任務(wù)實(shí)施步驟1:輸入文本步驟2:轉(zhuǎn)換為元件步驟3:變色文字的制作步驟4:測試影片任務(wù)效果圖任務(wù)4——
文字逼近相關(guān)知識(shí)1、填充的擴(kuò)展與收縮執(zhí)行“修改→形狀→擴(kuò)展填充”命令,在彈出“擴(kuò)展填充”對(duì)話框中,設(shè)置圖形擴(kuò)展填充的距離和方向。對(duì)所選圖形的外形進(jìn)行修改。擴(kuò)展:以圖形的輪廓為界,向外擴(kuò)展、放大填充。插入:以圖形的輪廓為界,向內(nèi)收緊、縮小填充。任務(wù)4——
文字逼近相關(guān)知識(shí)2、柔化填充邊緣與“擴(kuò)展填充”命令相似,都是對(duì)圖形的輪廓進(jìn)行放大或縮小填充。不同的是“柔化填充邊緣”可以在填充邊緣產(chǎn)生多個(gè)逐漸透明的圖形層,形成邊緣柔化的效果。選取需要進(jìn)行編輯的圖形后,執(zhí)行“修改→形狀→柔化填充邊緣”命令,在彈出的“柔化填充邊緣”對(duì)話框中設(shè)置邊緣柔化效果。距離:邊緣柔化的范圍,數(shù)值在1~144之間。步驟數(shù):柔化邊緣生成的慚變層數(shù),最多可以設(shè)置50個(gè)層。方向:選擇邊緣柔化的方向是向外擴(kuò)散還是向內(nèi)插入。任務(wù)4——
文字逼近任務(wù)分析通過制作“文字逼近”動(dòng)畫,學(xué)習(xí)填充的擴(kuò)展與收縮、柔化填充邊緣功能;掌握動(dòng)作補(bǔ)間動(dòng)畫的操作方法和技巧。任務(wù)實(shí)施步驟1:制作背景步驟2:制作文本的動(dòng)畫步驟3:測試影片任務(wù)效果圖任務(wù)5——
雨滴任務(wù)分析“雨滴”這個(gè)動(dòng)畫主要用矩形工具繪制背景;用橢圓工具繪制雨滴和水波;最后創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫,并修改實(shí)例Alpha值。
任務(wù)實(shí)施步驟1:制作背景步驟2:制作雨滴步驟3:制作水的動(dòng)畫步驟4:測試影片任務(wù)效果圖小結(jié)
本單元給大家介紹了什么是動(dòng)作補(bǔ)間動(dòng)畫以及操作方法。動(dòng)作補(bǔ)間動(dòng)畫是Flash動(dòng)畫制作中最常見一種的動(dòng)畫技術(shù),其特點(diǎn)是:以元件為對(duì)象,便于修改。無論是圖形、文字等,都可制作成元件。元件實(shí)例可以通過屬性面板中的“顏色”選項(xiàng)進(jìn)行設(shè)置,達(dá)到不同的效果。單元四形狀補(bǔ)間動(dòng)畫
學(xué)習(xí)目標(biāo)1、了解什么是形狀補(bǔ)間動(dòng)畫及其特點(diǎn)。2、掌握形狀補(bǔ)間動(dòng)畫的制作方法和操作技巧3、掌握形狀提示符的添加和使用技巧。任務(wù)任務(wù)1——
變字的楓葉任務(wù)2——超級(jí)變變變?nèi)蝿?wù)3——定點(diǎn)形變?nèi)蝿?wù)4——燭光任務(wù)1——
變字的楓葉相關(guān)知識(shí)1、形狀補(bǔ)間動(dòng)畫的概念在一個(gè)關(guān)鍵幀繪制一個(gè)形狀,然后在另一個(gè)關(guān)鍵幀更改該形狀或繪制另一個(gè)形狀,F(xiàn)lash根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。
2、形狀補(bǔ)間動(dòng)畫的特點(diǎn)1)形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化。2)形狀補(bǔ)間動(dòng)畫只能針對(duì)分散的矢量圖形。3)形狀補(bǔ)間動(dòng)畫建好后,時(shí)間幀面板的背景色變?yōu)榈G色,在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭.如果箭頭變?yōu)樘摼€,則說明制作不成功,造成這個(gè)問題的主要原因是某個(gè)關(guān)鍵幀上的圖形沒有被分離。任務(wù)1——
變字的楓葉3、創(chuàng)建形狀補(bǔ)間動(dòng)畫的方法在一個(gè)關(guān)鍵幀上設(shè)置要變形的圖形,在另一個(gè)關(guān)鍵幀上改變這個(gè)圖形的形狀或顏色,或重新創(chuàng)建圖形,再單擊兩個(gè)關(guān)鍵幀之間任意幀,從“屬性”面板的“補(bǔ)間”下拉列表中選擇“形狀”選項(xiàng),即可創(chuàng)建形狀補(bǔ)間動(dòng)畫。相關(guān)知識(shí)任務(wù)1——
變字的楓葉任務(wù)分析“變字的楓葉”主要是在第一個(gè)關(guān)鍵幀上導(dǎo)入楓葉圖片并作分離處理,在另一個(gè)關(guān)鍵幀上輸入文字分離處理,在兩個(gè)關(guān)鍵幀之間創(chuàng)建形狀補(bǔ)間,楓葉漸變?yōu)槲淖值男Ч恕H蝿?wù)實(shí)施步驟1:導(dǎo)入素材,制作楓葉步驟2:輸入文本步驟3:創(chuàng)建形狀補(bǔ)間動(dòng)畫步驟4:測試影片任務(wù)效果圖任務(wù)2——
超級(jí)變變變?nèi)蝿?wù)分析在黑色的屏幕上顏色各異的幾何圖形在不斷的變化。利用形狀補(bǔ)間動(dòng)畫來完成圖形的變化。任務(wù)實(shí)施步驟1:繪制五角星步驟2:繪制菱形步驟3:繪制環(huán)步驟4:繪制花步驟5:創(chuàng)建形狀補(bǔ)間步驟6:測試影片任務(wù)效果圖任務(wù)3——
定點(diǎn)形變相關(guān)知識(shí)1、形狀提示點(diǎn)的添加形狀提示是使用26個(gè)英文字母用于表示起始形狀和結(jié)束形狀相對(duì)應(yīng)的點(diǎn)。起始關(guān)鍵幀上的形狀提示點(diǎn)是黃色,結(jié)束關(guān)鍵幀的形狀提示點(diǎn)是綠色的。執(zhí)行“修改→形狀→添加形狀提示”來添加形狀提示點(diǎn)。2、添加形狀提示點(diǎn)的技巧:添加形狀提示點(diǎn)的擺放位置要符合邏輯順序。增加提示點(diǎn)只能從起始幀開始進(jìn)行。任務(wù)3——
定點(diǎn)形變?nèi)蝿?wù)分析
“定點(diǎn)形變”利用形狀補(bǔ)間制作文字的變化效果;再用“添加形狀提示”命令,將字母定點(diǎn)變形。任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作文字的形狀補(bǔ)間步驟3:制作定點(diǎn)形變步驟4:測試影片任務(wù)效果圖任務(wù)4——
燭光任務(wù)分析“燭光”動(dòng)畫主要利用繪圖工具來繪制蠟燭,運(yùn)用形狀補(bǔ)間完成火焰和光暈的制作。
任務(wù)實(shí)施步驟1:繪制蠟燭步驟2:繪制火焰步驟3:繪制光暈步驟4:測試影片任務(wù)效果圖小結(jié)
本單元著重給大家介紹了什么是形狀補(bǔ)間動(dòng)畫,如何創(chuàng)建形狀補(bǔ)間動(dòng)畫,如何添加定點(diǎn)提示符,為大家以后制作復(fù)雜的動(dòng)畫打下基礎(chǔ)。單元五繪圖工具的應(yīng)用
學(xué)習(xí)目標(biāo)
1、掌握線條工具、橢圓工具、矩形工具、多角星形工具的使用方法和操作技巧。2、掌握選擇工具、任意變形工具、漸變變形工具的使用方法和操作技巧。3、掌握鉛筆工具、顏料桶工具、墨水瓶和滴管工具的使用方法和操作技巧。4、掌握選取工具、鋼筆工具、套索工具、刷子工具和橡皮擦工具的使用方法和操作技巧。任務(wù)任務(wù)1——
城市夜景任務(wù)2——
可愛的小豬任務(wù)3——
牧場小屋任務(wù)4——
海島綠景任務(wù)1——
城市夜景相關(guān)知識(shí)
1、線條工具(N)用于繪制各種直線。打開線條工具“屬性”面板,可以完成線的顏色、線的粗細(xì)、線的形狀等參數(shù)的設(shè)置。
任務(wù)1——
城市夜景相關(guān)知識(shí)
2、矩形工具(R)
用于繪制矩形、圓角矩形、正方形等。通過矩形工具的“屬性”面板中的矩形邊角半徑參數(shù)的設(shè)置,可以繪制各種不同圓弧的圓角矩形。
任務(wù)1——
城市夜景相關(guān)知識(shí)
3、橢圓工具(0)
用于繪制橢圓、正圓、環(huán)等。通過橢圓工具的“屬性”面板中的內(nèi)徑參數(shù)設(shè)置,可以繪制環(huán)形;設(shè)置起始角度和結(jié)束角度可以繪制半弧。任務(wù)1——
城市夜景相關(guān)知識(shí)
4、多角星形工具
用于繪制多邊形和星形。利用多角星形工具屬性欄中的選項(xiàng)對(duì)話框,可以設(shè)置繪制的樣式、邊數(shù)、星形頂點(diǎn)的深度。任務(wù)1——
城市夜景任務(wù)分析“城市夜景”主要由房子、路燈、月亮、星星、汽車等元素構(gòu)成,在制作時(shí),利用矩形工具、橢圓工具、多角星形工具來繪制房子、路燈、月亮、星星、汽車,最后利用動(dòng)作補(bǔ)間來完成星星的閃動(dòng)和汽車的行駛。任務(wù)實(shí)施步驟1:制作房子步驟2:制作路燈步驟3:制作月亮步驟4:制作星星動(dòng)畫步驟5:制作汽車步驟6:測試影片任務(wù)效果圖任務(wù)2——
可愛的小豬相關(guān)知識(shí)
1、選擇工具(V)
單擊對(duì)象可選擇單個(gè)對(duì)象;按下鼠標(biāo)左鍵拖出矩形選取框可以選擇單個(gè)或多個(gè)對(duì)象;按住鍵盤的Ctrl鍵,選中對(duì)象,拖到鼠標(biāo),當(dāng)鼠標(biāo)變成箭頭后帶加+號(hào)的形狀后,就可以復(fù)制對(duì)象了。任務(wù)2——
可愛的小豬相關(guān)知識(shí)2、任意變形工具(Q)
用來調(diào)整對(duì)象的寬度、高度、傾斜角度、旋轉(zhuǎn)方向等。使用任意變形工具編輯對(duì)象時(shí),先要選中被編輯的對(duì)象。當(dāng)鼠標(biāo)移動(dòng)到對(duì)象的邊角,指針變?yōu)闀r(shí),可以改變對(duì)象的大小。當(dāng)鼠標(biāo)移動(dòng)到對(duì)象的左右邊線中部,指針變?yōu)闀r(shí),可以改變對(duì)象的寬度。當(dāng)鼠標(biāo)移動(dòng)到對(duì)象的上下邊線中部,指針變?yōu)椋梢愿淖儗?duì)象的高度。當(dāng)鼠標(biāo)移動(dòng)到對(duì)象的邊線時(shí),指針變?yōu)闀r(shí),可以改變對(duì)象的傾斜角度。當(dāng)鼠標(biāo)移動(dòng)到對(duì)象的邊線外部時(shí),指針變?yōu)闀r(shí),可以旋轉(zhuǎn)對(duì)象。任務(wù)2——
可愛的小豬相關(guān)知識(shí)
3、漸變變形工具(F)
用于對(duì)圖形進(jìn)行漸變色和位圖的填充。漸變效果分為線性漸變和放射狀漸變,通過調(diào)整填充大小、方向、中心點(diǎn)位置,可使填充漸變色效果更好。任務(wù)2——
可愛的小豬任務(wù)分析“可愛的小豬”主要由小豬和愛心組成,在制作時(shí),利用橢圓工具、鉛筆工具繪制小豬和愛心,最后運(yùn)用動(dòng)畫補(bǔ)間來完成動(dòng)畫。
任務(wù)實(shí)施步驟1:制作小豬動(dòng)畫步驟2:制作愛心動(dòng)畫任務(wù)效果圖任務(wù)3——
牧場小屋相關(guān)知識(shí)1、鉛筆工具
用來繪制線條和曲線,鉛筆模式有直線化、平滑、墨水三種筆觸。直線化:選擇該模式繪制出的曲線將為直線,即降低平滑度。平滑:選擇該模式繪制出的曲線將自動(dòng)光滑,即增加平滑度。墨水:選擇該模式繪制出的曲線將不作出理,即不改變平滑度。任務(wù)3——
牧場小屋相關(guān)知識(shí)2、墨水瓶工具(S)
可為圖形中的線條進(jìn)行著色,或?yàn)橐粋€(gè)填充圖形區(qū)域添加封閉的邊線。任務(wù)3——
牧場小屋相關(guān)知識(shí)3、顏料桶工具(K):
可以給選擇區(qū)域或封閉區(qū)域填充顏色或位圖等。選擇顏料桶工具后,在工具箱中,單擊圖標(biāo),選擇一個(gè)空隙大小選項(xiàng),從而決定顏料桶工具的填充方式。4、滴管工具(I):
使用滴管工具可獲得某個(gè)對(duì)象的筆觸或填充顏色的信息。任務(wù)3——
牧場小屋任務(wù)分析
“牧場小屋”主要由天空、云、山坡、樹、太陽、屋子、柵欄、向日葵等元素構(gòu)成,由于元素較多,我們可以通過元件來完成這些元素的制作。使用橢圓工具、矩形工具、線條工具、鉛筆工具將他們繪制出來,最后完成太陽從山坡的下方冉冉升起的動(dòng)畫。任務(wù)實(shí)施步驟1:制作背景步驟2:制作云朵步驟3:制作樹步驟4:制作柵欄步驟5:制作向日葵步驟6:制作屋子步驟7:制作羊步驟8:搭建舞臺(tái),完成太陽升起的動(dòng)畫步驟9:測試影片任務(wù)效果圖任務(wù)4——
海島綠景相關(guān)知識(shí)1、部分選取工具(A)
用于修改和調(diào)整路徑時(shí)選擇對(duì)象的錨點(diǎn)。2、鋼筆工具(P)
使用鋼筆工具可以繪制線條或曲線,它比鉛筆工具更能精確地調(diào)整線條的角度、長度及曲線的斜率。通過添加錨點(diǎn)工具、刪除錨點(diǎn)工具和轉(zhuǎn)換錨點(diǎn)工具來調(diào)整曲線。當(dāng)鼠標(biāo)移動(dòng)到路徑或者路徑錨點(diǎn)附近時(shí),鼠標(biāo)形狀有如下幾種形式:當(dāng)鼠標(biāo)變成時(shí),可移動(dòng)整個(gè)路徑。當(dāng)鼠標(biāo)變成時(shí),可移動(dòng)該處錨點(diǎn)的位置。當(dāng)鼠標(biāo)變成時(shí),可調(diào)整曲線錨點(diǎn)的控制柄。任務(wù)4——
海島綠景相關(guān)知識(shí)3、套索工具(L)用于選擇圖形中不規(guī)則區(qū)域的對(duì)象,分為“魔術(shù)棒”和“多邊形模式”兩種方式。4、刷子工具(B)可以繪制各種形狀的矢量塊圖形。單擊“刷子模式”功能鍵并選擇一種涂色模式:如圖5-4-3所示:“標(biāo)準(zhǔn)繪畫”會(huì)在同一層的線條和填充上涂色?!邦伭咸畛洹睂?duì)填充區(qū)域和空白區(qū)域涂色,不影響線條。圖5-4-3刷子模式選項(xiàng)“后面繪畫”在舞臺(tái)上同一層的空白區(qū)域涂色,不影響線條和填充?!邦伭线x擇”可將新的填充應(yīng)用到選區(qū)中?!皟?nèi)部繪畫”對(duì)開始刷子筆觸時(shí)所在的填充進(jìn)行涂色,但不對(duì)線條涂色。5、橡皮擦工具(E):用來擦除多余的部分。任務(wù)4——
海島綠景任務(wù)分析“海島綠景”主要由島嶼、沙灘、椰樹、海鳥、太陽等元件構(gòu)成,使用橢圓工具、鋼筆工具、部分選取工具、將他們繪制出來,用顏料桶工具和漸變變形工具給它們著色,引入影片剪輯元件完成海鳥動(dòng)畫的制作,使整個(gè)動(dòng)畫更加栩栩如生。
任務(wù)實(shí)施步驟1:制作背景步驟2:制作海島步驟3:制作沙灘步驟4:制作椰樹步驟5:制作太陽步驟6:制作海鳥步驟7:測試影片任務(wù)效果圖小結(jié)
本單元著重給大家介紹了繪圖工具的功能及使用技巧,采用三種方式來完成動(dòng)畫中元素的制作。1、在同一圖層繪制不同元素時(shí),每繪制完成一個(gè)元素將其組合。2、當(dāng)動(dòng)畫中的元素比較多時(shí),可先將元素制作成元件。3、分圖層來繪制不同的元素。單元六元件、實(shí)例與庫
學(xué)習(xí)目標(biāo)1、了解元件有哪幾種類型及其特點(diǎn)。2、掌握圖形元件、按鈕元件、影片剪輯元件的創(chuàng)建、編輯。3、掌握圖形元件、影片剪輯元件和按鈕元件之間的嵌套使用。任務(wù)任務(wù)1——
穿過樹林的小火車任務(wù)2——火把任務(wù)3——花卉欣賞任務(wù)4——圣誕快樂任務(wù)1——
穿過樹林的小火車相關(guān)知識(shí)
1、圖形元件在前一個(gè)單元里,我們簡單介紹了圖形元件的創(chuàng)建過程,相對(duì)而言,圖形元件是三種元件中最普通的一種,主要用來制作靜態(tài)圖像,建好的元件存于庫中,可以重復(fù)使用。如果圖形元件內(nèi)部制作的是一個(gè)動(dòng)畫片段,那么在主場景中的時(shí)間軸上必須提供足夠長的幀才能使這個(gè)動(dòng)畫完整地顯示出來。比如,圖形元件內(nèi)的動(dòng)畫片段的長度是30幀,那么主場景中的時(shí)間軸上至少要提供30幀的長度,這樣才能使整個(gè)動(dòng)畫播放出來。執(zhí)行“插入→新建元件”命令,或打開“庫”面板,單擊新建元件按鈕,即可調(diào)出“創(chuàng)建新元件”對(duì)話框,在“名稱”欄輸入元件的名字,(默認(rèn)元件1),“類型”欄選擇“圖形”,單擊“確定”就完成圖形元件的創(chuàng)建了。任務(wù)1——
穿過樹林的小火車相關(guān)知識(shí)2、影片剪輯元件影片剪輯元件本身又是一個(gè)獨(dú)立的“小動(dòng)畫”,無論影片剪輯元件的內(nèi)部時(shí)間幀有多長,只要將它拖到主場景的時(shí)間軸上只要一幀就可以播放了。執(zhí)行“插入→新建元件”命令,或打開“庫”面板,單擊新建元件按鈕,即可調(diào)出“創(chuàng)建新元件”對(duì)話框,在“名稱”欄輸入元件的名稱,在“類型”欄選擇“影片剪輯”,這樣就完成“影片剪輯元件”的創(chuàng)建。任務(wù)1——
穿過樹林的小火車相關(guān)知識(shí)3、“庫”面板:用于存儲(chǔ)各種元件及外部導(dǎo)入的素材。(如圖片、聲音、視頻等)。執(zhí)行“窗口”→“庫”命令或按快捷鍵“Ctrl+L”就可以打開“庫”面板了。如圖所示。單擊“新建元件”按鈕就可以創(chuàng)建新元件。單擊“新建文件夾”按鈕,就可以在庫中建個(gè)文件夾,將同一類型的元件放在一起。單擊“屬性”按鈕,可以進(jìn)行元件屬性的編輯。單擊刪除”按鈕,可以刪除庫中的元件。任務(wù)1——
穿過樹林的小火車任務(wù)分析“穿過樹林的小火車”主要由背景、樹、和小火車等元件構(gòu)成,靜態(tài)的圖像我們可以通過圖形元件來完成,而動(dòng)態(tài)的圖像通過影片剪輯元件來完成。
任務(wù)實(shí)施步驟1:制作“背景”圖形元件步驟2:制作“云、樹、軌道”的圖形元件步驟3:制作“車身”的圖形元件步驟4:制作“車輪”的圖形元件步驟5:制作“火車”的影片剪輯元件步驟6:搭建舞臺(tái),完成動(dòng)畫步驟7:測試影片任務(wù)效果圖任務(wù)2——
火把任務(wù)分析“火把”主要由背景、柴火和火焰等元件構(gòu)成,利用圖形元件完成背景和柴火元件的制作,利用影片剪輯元件完成火焰的制作。
任務(wù)實(shí)施步驟1:制作“背景”圖形元件步驟2:制作“柴火”圖形元件步驟3:制作“火焰”影片剪輯元件步驟4:搭建舞臺(tái),完成動(dòng)畫步驟5:測試影片
任務(wù)效果圖任務(wù)3——
變幻的按鈕按鈕元件主要用于響應(yīng)鼠標(biāo)交互的按鈕,它與ActionScript語句可以實(shí)現(xiàn)交互式動(dòng)畫。按鈕元件的時(shí)間軸比較特殊,它由4幀組成,分別為“彈起”、“指針經(jīng)過”、“按下”、“點(diǎn)擊”狀態(tài)。如圖所示。彈起---為按鈕的常態(tài),即鼠標(biāo)未接觸時(shí)狀態(tài)。指針經(jīng)過---為當(dāng)鼠標(biāo)劃過按鈕時(shí)的狀態(tài)。按下---為按下鼠標(biāo)鍵的狀態(tài)。點(diǎn)擊---表示按鈕響應(yīng)鼠標(biāo)事件的范圍或稱區(qū)域面積,此狀態(tài)的畫面內(nèi)容、顏色在動(dòng)畫播放時(shí)不可見。
相關(guān)知識(shí)任務(wù)3——
變幻的按鈕任務(wù)分析“變幻的按鈕”由圖形元件、影片剪輯元件和按鈕元件完成,始只顯示樹葉的輪廓,當(dāng)鼠標(biāo)移動(dòng)到樹葉上時(shí),樹葉就填充了顏色,當(dāng)按下鼠標(biāo)時(shí),樹葉的形狀發(fā)生變化。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作“樹葉”圖形元件步驟3:制作“樹葉輪廊”圖形元件步驟4:制作“變幻的樹葉”影片剪輯元件步驟5:制作“樹葉”按鈕元件步驟6:測試影片任務(wù)效果圖任務(wù)4——
花卉欣賞任務(wù)分析“花卉欣賞”實(shí)例,主要運(yùn)用影片剪輯元件與按鈕元件的嵌套使用,將花卉的名稱與花卉的動(dòng)畫效果連于一體,當(dāng)鼠標(biāo)移動(dòng)到花的名字上時(shí),文字的顏色發(fā)生變化,同時(shí)在上方即顯示對(duì)應(yīng)的花卉圖片的,移開鼠標(biāo)后,則不再顯示。
任務(wù)實(shí)施
步驟1:導(dǎo)入素材步驟2:制作“牡丹”的影片剪輯元件步驟3:制作“牡丹”的按鈕元件步驟3:制作“文本”的影片剪輯元件步驟4:搭建舞臺(tái),完成動(dòng)畫步驟5:測試影片
任務(wù)效果圖任務(wù)5——
圣誕快樂任務(wù)分析“圣誕快樂”分別制作禮品,禮品襪、圣誕樹、星星、月亮、按鈕等元件,通過兩個(gè)場景完成簡單的交互動(dòng)畫。任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作“禮品襪”圖形元件步驟3:制作“禮品”的按鈕步驟4:搭建舞臺(tái)1,制作文字動(dòng)畫步驟5:制作“禮品襪”的動(dòng)畫步驟6:添加動(dòng)作腳本步驟7:制作“圣誕樹”影片剪輯元件步驟8:制作“月亮”的圖形元件步驟9:制作“星星”的影片剪輯元件步驟10:制作“replay”的按鈕任務(wù)效果圖小結(jié)
元件是Flash動(dòng)畫制作中一個(gè)重要的對(duì)象,常見的元件的類型有圖形元件、影片剪輯元件和按鈕元件。利用三種元件的嵌套,可以豐富動(dòng)畫的作品效果。庫是用來存放元件的地方,除了元件庫還可以存放位圖、聲音、視頻等素材。當(dāng)元件從庫中拖到舞臺(tái)后,舞臺(tái)中的這個(gè)對(duì)象我們稱它為“實(shí)例”,一個(gè)元件可以有多個(gè)實(shí)例,并且可以通過屬性面板修改它的設(shè)置。如“色調(diào)”、“亮度”、“Alpha”等。單元七濾鏡與時(shí)間軸特效
學(xué)習(xí)目標(biāo)1、了解濾鏡特效的類型。2、了解時(shí)間軸特效的類型。3、掌握濾鏡特效和時(shí)間軸特效使用方法和操作技巧。4、綜合應(yīng)用各種特效動(dòng)畫,制作有個(gè)性的特效動(dòng)畫。任務(wù)任務(wù)1——可愛的小青蛙
任務(wù)2——火把任務(wù)3——花卉欣賞任務(wù)4——圣誕快樂任務(wù)1——可愛的小青蛙相關(guān)知識(shí)1、濾鏡的介紹
最早出現(xiàn)在Adobe公司的Photoshop中,用戶通過簡單的操作就可以完成一些特殊效果制作,如模糊、扭曲等。隨著Adobe與Macromedia公司的合并,從FLASH8.0開始,也新增加了濾鏡這個(gè)功能,它可以實(shí)現(xiàn)陰影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角、調(diào)整顏色等一些簡單的濾鏡效果制作。濾鏡效果只適用文本、影片剪輯和按鈕,用戶可以在“屬性”面板中對(duì)所選的對(duì)象直接應(yīng)用濾鏡。任務(wù)1——可愛的小青蛙相關(guān)知識(shí)2、濾鏡的七種效果投影:可以模擬對(duì)象向一個(gè)表面投影的效果,或者在背景中剪出一個(gè)對(duì)象的形狀來模擬對(duì)象的外觀。模糊:可以柔化對(duì)象的邊緣和細(xì)節(jié),使對(duì)象看起來好象是運(yùn)動(dòng)的。發(fā)光:可以為對(duì)象的整個(gè)邊緣應(yīng)用顏色。斜角:為對(duì)象應(yīng)用“加亮”效果,使其看起來凸出于背景表面。漸變發(fā)光:可以在發(fā)光表面產(chǎn)生漸變顏色的發(fā)光效果。漸變斜角:可以產(chǎn)生凸起的效果,使對(duì)象好像是從背景上凸起一樣,而且斜角表面有漸變。調(diào)整顏色:可以調(diào)整所選擇的對(duì)象的“亮度”、“對(duì)比度”、“色相”、“飽和度”。任務(wù)1——可愛的小青蛙任務(wù)分析“可愛的小青蛙”主要由影片剪輯元件、按鈕元件構(gòu)成,先將小青蛙制作成影片剪輯元件,然后再制作小青蛙的按鈕元件,分別在“指針經(jīng)過”和“按下”關(guān)鍵幀,設(shè)置不同的濾鏡來完成其效果。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作“小青蛙”的影片剪輯元件步驟3:制作“青蛙按鈕”的按鈕元件步驟4:搭建舞臺(tái),制作文字特效步驟5:測試影片任務(wù)效果圖任務(wù)2——特效文字任務(wù)分析“HappyNewYear!”這串文字先后從舞臺(tái)的上方落下來后,通過使用漸變斜角、投影、發(fā)光、調(diào)整顏色四種濾鏡特效來完成其動(dòng)畫。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作“花紋”圖形元件步驟3:制作三個(gè)影片剪輯元件步驟4:測試影片任務(wù)效果圖任務(wù)3——電子相冊1、時(shí)間軸特效介紹
從FlashMX2004開始新增的一個(gè)功能,只要用戶選中這些命令,設(shè)置一些參數(shù),F(xiàn)lash就會(huì)自動(dòng)生成這些動(dòng)畫效果,這樣用戶就不必再為制作常見的動(dòng)畫效果重復(fù)工作。2、時(shí)間軸特效的使用時(shí)間軸特效的使用方法比較簡單,選中一個(gè)對(duì)象后,只要執(zhí)行菜單欄的“插入→時(shí)間軸特效”命令,選擇“變形/轉(zhuǎn)換”、“幫助”和“效果”這三種類型的其中一個(gè),然后設(shè)置相應(yīng)的參數(shù),就可以自動(dòng)產(chǎn)生動(dòng)畫效果。相關(guān)知識(shí)任務(wù)3——電子相冊3、時(shí)間軸特效的類型:1)變形/轉(zhuǎn)換變形:調(diào)整選定元素的位置、縮放比例、旋轉(zhuǎn)、Alpha值和色調(diào)。轉(zhuǎn)換:使用淡變、擦除或兩種特效的組合向內(nèi)擦除或向外擦除選定對(duì)象。2)幫助分散式直接復(fù)制:復(fù)制選定對(duì)象一定次數(shù)(在設(shè)置中輸入)。第一個(gè)元素是原始對(duì)象的副本。對(duì)象按一定增量發(fā)生改變,直到最終對(duì)象反映設(shè)置中輸入的參數(shù)為止。復(fù)制到網(wǎng)格:按列數(shù)復(fù)制選定對(duì)象,然后乘以行數(shù),以便創(chuàng)建元素的網(wǎng)格。相關(guān)知識(shí)任務(wù)3——電子相冊相關(guān)知識(shí)3)效果分離:產(chǎn)生對(duì)象發(fā)生爆炸的錯(cuò)覺。文本或復(fù)雜對(duì)象組(元件、形狀或視頻片段)的元素裂開、自旋和向外彎曲。展開:使對(duì)象產(chǎn)生放大、縮小效果或者增大和縮小文本字符間距。此特效只對(duì)組合對(duì)象、元件和引入外部圖形圖像起作用,對(duì)直接繪制的矢量圖形下起作用。此特效在包含文本或字母對(duì)象上使用效果最好。投影:在選定元素下方創(chuàng)建陰影。模糊:通過更改對(duì)象在一段時(shí)間內(nèi)的Alpha值、位置或縮放比例來產(chǎn)生運(yùn)動(dòng)模糊特效。任務(wù)3——電子相冊任務(wù)分析利用時(shí)間軸特效中的“轉(zhuǎn)換”特效,當(dāng)音樂響起時(shí),四幅圖片按先后順序,從四個(gè)不同的位置逐漸顯示出來。任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作“相框”圖形元件步驟3:搭建舞臺(tái),制作圖片的時(shí)間軸特效步驟4:制作濾鏡,添加音樂步驟5:測試影片任務(wù)效果圖任務(wù)4——繁花似錦任務(wù)分析
利用時(shí)間軸特效中的“模糊”濾鏡,將四幅圖片位置從不同的方向向外展開。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:搭建舞臺(tái)步驟3:制作時(shí)間軸特效步驟4:測試影片任務(wù)效果圖
小結(jié)
本單元主要介紹利用濾鏡和時(shí)間軸特效制作動(dòng)畫的方法和技巧。濾鏡效果只能對(duì)文本、按鈕和影片剪輯應(yīng)用,不能對(duì)圖形元件應(yīng)用。時(shí)間軸特效的應(yīng)用對(duì)象主要有文本、位圖圖像、按鈕元件和圖形(包括形狀、組、圖形元件)等。當(dāng)將時(shí)間軸特效應(yīng)用到影片剪輯元件時(shí),F(xiàn)lashCS3將把特效嵌套在影片剪輯中。單元八引導(dǎo)線動(dòng)畫
學(xué)習(xí)目標(biāo)1、了解引導(dǎo)線動(dòng)畫的制作原理。2、掌握引導(dǎo)線動(dòng)畫制作方法和操作技巧。3、掌握多層引導(dǎo)動(dòng)畫的制作方法和操作技巧。任務(wù)任務(wù)1——海底世界任務(wù)2——星光閃閃任務(wù)3——行駛的汽車任務(wù)4——大雪紛紛任務(wù)5——宇宙飛船任務(wù)1——海底世界相關(guān)知識(shí)1、引導(dǎo)圖層引導(dǎo)層也叫引導(dǎo)線圖層。引導(dǎo)圖層分為兩種:一種是移動(dòng)引導(dǎo)圖層(圖層名稱的左邊有圖標(biāo)),它的作用是引導(dǎo)與它相關(guān)聯(lián)圖層中對(duì)象沿移動(dòng)引導(dǎo)圖層中的軌跡運(yùn)動(dòng);另一種是普通引導(dǎo)圖層(圖層名稱的左邊有圖標(biāo)),它的作用視為繪制圖形定位。當(dāng)普通圖層與引導(dǎo)圖層關(guān)聯(lián)后,就成為被引導(dǎo)圖層??梢园讯鄠€(gè)普通圖層關(guān)聯(lián)到一個(gè)引導(dǎo)圖層上。引導(dǎo)圖層中繪制的運(yùn)動(dòng)軌跡只能在舞臺(tái)工作區(qū)內(nèi)看到,在最終生成的動(dòng)畫中不會(huì)出現(xiàn)。任務(wù)1——海底世界相關(guān)知識(shí)2、創(chuàng)建引導(dǎo)圖層單擊圖標(biāo)按鈕,則在選中的圖層上邊會(huì)增加一個(gè)移動(dòng)引導(dǎo)圖層,如圖左下圖所示。當(dāng)鼠標(biāo)在圖層名稱上右擊,在彈出的快捷菜單中選擇“引導(dǎo)層”命令時(shí),則是將一個(gè)普通圖層轉(zhuǎn)換為普通引導(dǎo)圖層,如圖右下圖所示。步驟1任務(wù)1——海底世界任務(wù)分析“海底世界”主要由小魚元件按照引導(dǎo)圖層中的軌跡在海里運(yùn)動(dòng)構(gòu)成,在制作時(shí),利用矩形工具、鋼筆工具來繪制海底背景、海草、海星、小魚,最后在小魚圖層上添加引導(dǎo)圖層設(shè)置小魚的運(yùn)動(dòng)軌跡來完成小魚在海里游動(dòng)的動(dòng)畫。任務(wù)實(shí)施步驟1:制作背景元件步驟2:制作“海草動(dòng)”影片剪輯元件步驟3:制作“海星”圖形元件步驟4:制作“魚”圖形元件步驟5:搭建舞臺(tái),完成動(dòng)畫步驟6:測試影片
任務(wù)效果圖步驟1任務(wù)2——星光閃閃相關(guān)知識(shí)
多層引導(dǎo)動(dòng)畫,利用一個(gè)引導(dǎo)層同時(shí)引導(dǎo)多個(gè)被引導(dǎo)層中的對(duì)象,也就是多個(gè)被引導(dǎo)圖層中的對(duì)象共用引導(dǎo)層中的一個(gè)引導(dǎo)線。一般情況下,創(chuàng)建引導(dǎo)層后,引導(dǎo)層只與其下的一個(gè)圖層建立關(guān)聯(lián)關(guān)系。如果要使引導(dǎo)層能夠引導(dǎo)多個(gè)圖層,有如下兩個(gè)方法:將普通圖層拖拽到引導(dǎo)層下方,可以將普通圖層與引導(dǎo)層建立關(guān)聯(lián)。當(dāng)普通圖層位于被引導(dǎo)層下方時(shí),可以在普通圖層上右擊在彈出的快捷菜單中選擇“屬性”命令,在彈出的“圖層屬性”對(duì)話框中,將“類型”欄中的“被引導(dǎo)”選項(xiàng)勾選后,單擊“確定”,這樣也可以將普通圖層與引導(dǎo)層建立關(guān)聯(lián)。
任務(wù)2——星光閃閃任務(wù)分析“星光閃閃”主要是多個(gè)被引導(dǎo)層中的星光元件實(shí)例按照引導(dǎo)層中的五星運(yùn)動(dòng)路徑運(yùn)動(dòng)的動(dòng)畫。利用橢圓工具將星光元件繪制出來,并用顏料桶工具和漸變變形工具填充合適的顏色,在引導(dǎo)層中繪制五角星運(yùn)動(dòng)路徑,讓多個(gè)被引導(dǎo)層中的星光元件實(shí)例沿路徑運(yùn)動(dòng)。
任務(wù)實(shí)施
步驟1:制作“星光”圖形元件步驟2:制作“星光閃閃”影片剪輯元件步驟3:搭建舞臺(tái),完成動(dòng)畫步驟4:測試影片
任務(wù)效果圖任務(wù)3——行駛的汽車
任務(wù)分析“行駛的汽車”主要是汽車元件沿引導(dǎo)線運(yùn)動(dòng),利用繪圖工具將汽車元件繪制出來,用顏料桶工具和漸變變形工具為其著色,讓其沿著引導(dǎo)層中的引導(dǎo)線做運(yùn)動(dòng)補(bǔ)間動(dòng)畫。
任務(wù)實(shí)施步驟1:制作“山路”圖形元件步驟2:制作“山路”圖形元件步驟3:搭建舞臺(tái),完成動(dòng)畫步驟4:測試影片
任務(wù)效果圖任務(wù)4——大雪紛紛
任務(wù)分析“星光閃閃”中除去樓房、月亮、雪地背景的繪制之外,主要是雪花的飄落動(dòng)畫。雪花飄落動(dòng)畫由引導(dǎo)線動(dòng)畫完成,不同大小和透明度的雪花沿著不同的運(yùn)動(dòng)軌跡從天上飄落下來。
任務(wù)實(shí)施步驟1:制作“房子”圖形元件步驟2:制作“月亮”圖形元件步驟3:制作“雪地”圖形元件步驟4:制作“雪花”圖形元件步驟5:制作“下雪”圖形元件步驟6:搭建舞臺(tái),完成動(dòng)畫步驟7:測試影片
任務(wù)效果圖任務(wù)5——宇宙飛船任務(wù)分析“宇宙飛船”主要是飛船圍繞地球軌道運(yùn)動(dòng)動(dòng)畫。動(dòng)畫由引導(dǎo)線動(dòng)畫完成,飛船運(yùn)行到地球背面被地球遮擋住由圖層效果完成。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作“飛船”圖形元件步驟3:搭建舞臺(tái),完成動(dòng)畫步驟4:測試影片
任務(wù)效果圖小結(jié)
本單元著重給大家介紹了引導(dǎo)層的相關(guān)知識(shí),以及引導(dǎo)線動(dòng)畫的制作和使用技巧,為大家以后制作軌跡動(dòng)畫打下基礎(chǔ)。單元九——遮罩動(dòng)畫
學(xué)習(xí)目標(biāo)1、了解遮罩動(dòng)畫的工作原理。2、理解遮罩層與被遮罩層的關(guān)系。3、掌握遮罩動(dòng)畫的制作方法和操作技巧。任務(wù)任務(wù)1——百葉窗任務(wù)2——光芒任務(wù)3——卷軸畫任務(wù)4——放大鏡任務(wù)5——新年祝福任務(wù)——百葉窗相關(guān)知識(shí)1、遮罩層的作用在遮罩層上繪制的圖形,相當(dāng)于在遮罩層中挖掉了相應(yīng)形狀的洞,形成透明區(qū)域。透過遮罩層內(nèi)的這些透明區(qū)域可以看到其下面圖層的內(nèi)容,而遮罩層內(nèi)無圖形區(qū)域則看不到其下面圖層的內(nèi)容。遮罩層下面的層稱為“被遮罩層”。利用遮罩層這一特殊特性可以制作一些特殊效果的遮罩動(dòng)畫。任務(wù)——百葉窗相關(guān)知識(shí)2、遮罩層的創(chuàng)建在flash中沒有一個(gè)專門的按鈕來創(chuàng)建遮罩層,而是通過普通圖層轉(zhuǎn)化而來。在某一圖層的名稱處右擊,在彈出的快捷菜單中選擇“遮罩層”命令,使該命令前出現(xiàn)對(duì)勾,如圖9-1-1所示。這樣即可以將一普通圖層轉(zhuǎn)化為遮罩層,層圖標(biāo)也從普通層圖標(biāo)轉(zhuǎn)化為遮罩層圖標(biāo),系統(tǒng)并自動(dòng)將遮罩層下面一圖層關(guān)聯(lián)為“被遮罩層”,在縮進(jìn)的同時(shí)圖標(biāo)變?yōu)椤H绻胱尪鄠€(gè)層關(guān)聯(lián)為“被遮罩層”,只要把這些層拖到被遮罩層下面就可以。
任務(wù)——百葉窗任務(wù)分析
“百葉窗”主要由圖片、矩形條圖形元件構(gòu)成,在制作時(shí),導(dǎo)入外部圖片、制作矩形條形狀動(dòng)畫,最后運(yùn)用遮罩層的創(chuàng)建完成兩幅圖片以百葉窗的形式切換。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作“矩形條”影片剪輯元件步驟3:制作“元件1”影片剪輯元件步驟4:返回主場景,制作遮罩步驟5:測試影片任務(wù)效果圖任務(wù)2——光芒任務(wù)分析“光芒”主要由寶石圖片和漸變螺旋線條元件在遮罩層中做運(yùn)動(dòng)動(dòng)畫實(shí)現(xiàn)動(dòng)畫效果,漸變螺旋線條元件利用線條工具、變形面板繪制出來,并用顏料桶工具和漸變變形工具填充合適的顏色,在通過線條元件在被遮罩層中的運(yùn)動(dòng)完成寶石迸發(fā)光芒的動(dòng)畫。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作光芒圖形元件步驟3:返回主場景,制作遮罩步驟4:測試影片任務(wù)效果圖任務(wù)3——卷軸畫任務(wù)分析“卷軸畫”主要由畫軸、畫布、山水畫幾部分組成,通過遮罩制作出山水畫展開的效果配合右側(cè)卷軸的運(yùn)動(dòng)動(dòng)畫,實(shí)現(xiàn)帶有畫軸的山水畫被慢慢展開的效果。
任務(wù)實(shí)施步驟1:制作“畫布”步驟2:制作“畫軸”圖形元件步驟3:返回主場景,制作遮罩步驟4:制作軸動(dòng)畫步驟5:測試影片任務(wù)效果圖任務(wù)4——放大鏡任務(wù)分析“放大鏡”主要由背景、放大鏡、文字和放大的文字四個(gè)部分組成,通過遮罩制作出文字放大的效果配合放大鏡移動(dòng)的運(yùn)動(dòng)動(dòng)畫,實(shí)現(xiàn)放大鏡的效果。
任務(wù)實(shí)施步驟1:導(dǎo)入素材步驟2:制作文本步驟3:制作“放大鏡”圖形元件步驟4:制作“小圈”圖形元件步驟5:制作“大矩形”圖形元件步驟6:返回主場景,制作遮罩步驟7:測試影片任務(wù)效果圖任務(wù)5——新年祝福任務(wù)分析“新年祝?!敝饕杀尘?、文字、煙花、老虎、閃爍光芒和祝福卷軸幾部分構(gòu)成。其中煙花和祝福卷軸兩部分通過遮罩層制作出的遮罩動(dòng)畫,其他部分都由繪圖工具完成。任務(wù)實(shí)施
步驟1:制作背景步驟2:制作“漸變”圖形元件步驟3:制作“煙花”圖形元件步驟4:制作“煙火”影片剪輯元件步驟5:制作“光束”圖形元件步驟6:制作“光束動(dòng)”影片剪輯元件步驟7:制作“光圈”圖形元件步驟8:制作“老虎”圖形元件步驟9:制作“畫軸”圖形元件步驟10:制作“畫卷”圖形元件步驟11:返回主場景,完成動(dòng)畫。步驟12:測試影片任務(wù)效果圖
小結(jié)
本單元介紹遮罩層的創(chuàng)建和編輯,并著重給大家介紹了利用遮罩層制作遮罩動(dòng)畫的方法和使用技巧,為大家以后制作復(fù)雜的遮罩動(dòng)畫打下基礎(chǔ)。單元十聲音和視頻動(dòng)畫
學(xué)習(xí)目標(biāo)1、了解Flash中可以支持的音頻和視頻文件格式。2、掌握聲音和視頻文件的導(dǎo)入。3、掌握聲音的編輯。任務(wù)任務(wù)1——跳動(dòng)的音符任務(wù)2——帶聲音的按鈕任務(wù)3——添加視頻任務(wù)1——跳動(dòng)的音符相關(guān)知識(shí)1、Flash中可以支持的音頻文件格式在Flash中可以通過導(dǎo)入命令,將各種類型的聲音文件導(dǎo)入到庫中,下表列出了在Flash中支持被導(dǎo)入的聲音類型。任務(wù)1——跳動(dòng)的音符相關(guān)知識(shí)2、導(dǎo)入聲音執(zhí)行“文件”→“導(dǎo)入”→“導(dǎo)入到庫”命令,調(diào)出“導(dǎo)入到庫”對(duì)話框,選擇要導(dǎo)入的聲音文件,單擊“打開”,導(dǎo)入的聲音會(huì)存放在“庫”面板中。3、編輯聲音將聲音從庫中拖到舞臺(tái)后,時(shí)間軸的當(dāng)前幀單元中內(nèi)會(huì)出現(xiàn)聲音的波形。打開聲音的“屬性”面板,如圖10-1-1所示,利用該面板可對(duì)聲音進(jìn)行編輯。任務(wù)1——跳動(dòng)的音符相關(guān)知識(shí)1)選擇聲音在“聲音”列表框內(nèi)提供了“庫”面板中的所有聲音文件的名字,如圖所示,選擇其中一個(gè)名字后,下邊就會(huì)顯示該文件的采樣頻率、聲道、位數(shù)、播放時(shí)間等。2)選擇聲音效果在“效果”列表框內(nèi),提供了各種播放聲音的效果項(xiàng)如圖所示。任務(wù)1——跳動(dòng)的音符相關(guān)知識(shí)3)編輯聲音單擊“編輯”按鈕,調(diào)出“編輯封套”對(duì)話框,如圖左下圖所示,利用它可以編輯聲音。用鼠標(biāo)拖動(dòng)上下聲音波形之間的刻度欄內(nèi)兩邊的灰色控制條,可截取聲音片段。為了使得聲音和影片在播放時(shí)能夠達(dá)成一致,可以在其“屬性”面板中選擇不同的同步類型,如圖右下圖所示。
任務(wù)1——跳動(dòng)的音符相關(guān)知識(shí)(1)事件:將聲音和一個(gè)事件的發(fā)生過程同步播放。也就是說,當(dāng)動(dòng)畫播放到引入聲音的幀時(shí),開始播放聲音,而不受時(shí)間軸的限制,直到聲音播放完畢。如果在“循環(huán)”文本框內(nèi)輸入了播放次數(shù),則將按給出的次數(shù)循環(huán)播(2)開始:開始與事件很接近,針對(duì)于相同的聲音在不同開始幀的情況,只會(huì)播放先開始的聲音文件。(3)停止:將指定的聲音設(shè)置為靜音。(4)數(shù)據(jù)流:這種形式是將聲音做同步處理,用于互聯(lián)網(wǎng)播放。音頻隨著時(shí)間軸動(dòng)畫播放而開始,時(shí)間軸動(dòng)畫停止而停止。任務(wù)1——跳動(dòng)的音符任務(wù)分析“跳動(dòng)的音符”利用引導(dǎo)線動(dòng)畫來制作跳躍的音符,利用“投影”濾鏡來完成跳動(dòng)的文字制作,最后給場景添加背景音樂。
任務(wù)實(shí)施步驟1:制作“文字”的影片剪輯元件步驟2:制作“音符1”和“音符2”的圖形元件步驟3:搭建舞臺(tái),繪制五線普步驟4:制作跳躍的音符步驟5:導(dǎo)入音樂步驟6:測試影片任務(wù)效果圖任務(wù)2——帶聲音的按鈕任務(wù)分析“帶聲音的按鈕”利用橢圓工具繪制“播放”和“停止”按鈕,當(dāng)按下按鈕時(shí)發(fā)出聲音,并且按鈕上的文字顏色發(fā)生改變。引入ActionScript語言,來設(shè)置按鈕的動(dòng)作。
任務(wù)實(shí)施步驟1:制作“足球”影片剪輯元件步驟2:制作“陰影”圖形元件步驟3:制作按鈕步驟4:搭建舞臺(tái),完成動(dòng)畫步驟5:測試影片任務(wù)效果圖任務(wù)3——添加視頻相關(guān)知識(shí)Flash中可以支持的視頻文件格式如果安裝了QuickTime7,則導(dǎo)入嵌入視頻時(shí)支持以下視頻文件格式:avi
、mpg、mpeg、mov
。
如果系統(tǒng)安裝了DirectX9或更高版本(僅限Windows),則在導(dǎo)入嵌入視頻時(shí)支持以下視頻文件格式:avi
、mpg、mpeg、wmv
、asf。任務(wù)3——添加視頻任務(wù)實(shí)施1、執(zhí)行“文件→導(dǎo)入→導(dǎo)入到庫”命令,調(diào)出“導(dǎo)入視頻”對(duì)話框,在“文件路徑瀏覽”框中,選擇視頻路徑,如圖所示。任務(wù)3——添加視頻任務(wù)實(shí)施2、在“導(dǎo)入視頻”對(duì)話框中選擇“從Web服務(wù)器漸進(jìn)式下載”。如圖所示。任務(wù)3——添加視頻任務(wù)實(shí)施3、在“導(dǎo)入視頻”對(duì)話框中,在“請選擇一個(gè)Flash8視頻編碼配置文件”的下拉菜單中選擇“Flash8-中等品質(zhì)(400kbps)”選項(xiàng),視頻編碼,如圖所示。任務(wù)3——添加視頻任務(wù)實(shí)施4、視頻的播放控件,如左圖所示,最后完成視頻的導(dǎo)入,如右圖所示。小結(jié)
本單元簡單介紹Flash支持的聲音和視頻文件的類型,以及如何導(dǎo)入聲音和視頻文件,動(dòng)畫更具有吸引力。單元十一ActionScript2.0基礎(chǔ)
學(xué)習(xí)目標(biāo)1、了解什么是動(dòng)作腳本?2、掌握常用的ActionScript2.0命令。3、理解動(dòng)作腳本的常用術(shù)語。4、運(yùn)用“動(dòng)作”面板中的“腳本助手”模式和“專家”模式添加代碼。任務(wù)任務(wù)1——飛舞的蝴蝶任務(wù)2——可控的探照燈任務(wù)3——彩色字幕任務(wù)4——航空公司導(dǎo)航單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)一、ActionScript簡介
ActionScript的中文意思可譯成“動(dòng)作腳本”,它是Flash專用的一種編程語言,其語法與JavaScript或者Java類似,都是采用面向?qū)ο蟮木幊趟枷?,采用事件?qū)動(dòng),關(guān)鍵幀、按鈕、影片剪輯實(shí)例為對(duì)象,來定義和編寫ActionScript,易慬、易用。單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)二、動(dòng)作面板介紹在編寫動(dòng)作腳本時(shí),必須使用動(dòng)作面板,執(zhí)行“窗口→動(dòng)作”命令或按快捷鍵F9,可以展開動(dòng)作面板。它由四部分組成:動(dòng)作工具箱、腳本導(dǎo)航窗口、腳本助手、腳本編寫窗口。
單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)1)、動(dòng)作工具箱:可以通過雙擊或者拖動(dòng)的方式將其中的ActionScript元素添加到腳本窗格中。2)、腳本導(dǎo)航窗口:其有兩個(gè)功能,一是通過單擊其中的項(xiàng)目,可以將與該項(xiàng)目相關(guān)的代碼顯示在腳本窗口中,二是通過雙擊其中的項(xiàng)目,對(duì)該項(xiàng)目的代碼進(jìn)行固定操作。3)、腳本助手:將提示輸入腳本的元素。4)、腳本編寫窗口:腳本添加的區(qū)域。可以直接在腳本編輯窗口中添加動(dòng)作腳本。單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)三、常用的ActionScript2.0命令1、時(shí)間軸控制1)、play():開始播放影片。2)、stop():停止播放影片。3)、gotoAndPlay():指定從某個(gè)幀開始播放動(dòng)畫。4)、gotoAndStop():指定轉(zhuǎn)至某幀并停止播放動(dòng)畫。5)、nextFrame():下一幀停止播放。6)、prevFrame():上一幀停止播放。7)、nextScene():跳轉(zhuǎn)到下一個(gè)場景。8)、prevScene():跳轉(zhuǎn)到上一個(gè)場景。9)、stopAllSounds():停止播放所有聲音。單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)2、瀏覽器/網(wǎng)絡(luò)控制1)getURL(URL):通知Web瀏覽器定位到指定的URL。2)fscommand(命令,參數(shù)):對(duì)Flash播放器進(jìn)行命令相關(guān)的控制操作。3、影片剪輯控制duplicateMovieClip(原影片剪輯實(shí)例名,新實(shí)例名,深度):復(fù)制影片剪輯。removeMoviceClip(影片剪輯實(shí)例名):刪除相應(yīng)的影片剪輯。setPropety(影片剪輯實(shí)例名,屬性,值):設(shè)置影片剪輯的相關(guān)屬性。getProperty(影片剪輯實(shí)例名,屬性):獲得影片剪輯的相關(guān)屬性值。startDrag(影片剪輯實(shí)例名):在影片剪輯是開始拖放動(dòng)作。stopDrag():停止當(dāng)前正在進(jìn)行的影片剪輯的拖放動(dòng)作。單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)常用的影片剪輯的屬性,如下表所示:單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)四、動(dòng)作腳本添加的對(duì)象在Flash制作過程中,根據(jù)不同的對(duì)象,調(diào)動(dòng)不同的功能函數(shù),因此我們將對(duì)象分為三類,動(dòng)作-幀、動(dòng)作-按鈕、動(dòng)作-影片剪輯。動(dòng)作-幀動(dòng)作-幀是指在時(shí)間軸的關(guān)鍵幀上添加的動(dòng)作。當(dāng)播放頭播放到該幀時(shí),添加在該幀上的動(dòng)作也同時(shí)被觸發(fā),常見的幀動(dòng)作有:play()、stop()、gotoAndPlay()等。動(dòng)作-按鈕動(dòng)作-按鈕是指在按鈕上添加動(dòng)作。添加動(dòng)作之前首先要選中按鈕,再添加動(dòng)作。與幀動(dòng)作不同,按鈕的動(dòng)作腳本是要有觸發(fā)條件的,即它必須嵌套在on()事件處理函數(shù)中。單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)on()事件處理函數(shù)的用法如下:on(mouseEvent){statements}其中mouseEvent我們稱它為“事件”觸發(fā)器,當(dāng)事件發(fā)生時(shí),執(zhí)行該事件后面大括號(hào)中的語句。mouseEvent參數(shù)可以是下表任意一種:單元十一ActionScript2.0基礎(chǔ)相關(guān)知識(shí)3、動(dòng)作-影片剪輯動(dòng)作-影片剪輯是指添加在影片剪輯上動(dòng)作。它的添加方法與按鈕動(dòng)作的添加方法相似,也要有觸發(fā)條件。即它必須嵌套在onClipEvent()事件處理函數(shù)中。onClipEvent()事件處理函數(shù)的用法如下:onClipEvent()(movieEvent){Statements}其中movieEvent我們稱它為“事件”觸
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年診所護(hù)士節(jié)假日值班聘用合同規(guī)范3篇
- 2024年股權(quán)出資合作協(xié)議3篇
- 2024年銷售合同備案3篇
- 2024年空調(diào)設(shè)備更換與修復(fù)合同
- 2024年船舶維修吊車使用臨時(shí)租賃合同2篇帶眉腳
- 2024年自卸車輛租賃服務(wù)合同3篇
- 2024年離異雙方子女撫養(yǎng)協(xié)議
- 2024年版教育機(jī)構(gòu)委托招生協(xié)議模板一
- 2024推廣合作農(nóng)業(yè)品牌推廣服務(wù)合同3篇
- 2024年衣柜生產(chǎn)安裝工程合同3篇
- 人教版(2024版)七年級(jí)上冊英語期末模擬測試卷(含答案)
- 2024年度企業(yè)環(huán)境、社會(huì)及治理(ESG)咨詢合同6篇
- 幼兒園中班美術(shù)活動(dòng)《美麗的線條》課件
- 2024年01月22474旅游工作者素質(zhì)修養(yǎng)期末試題答案
- 計(jì)量經(jīng)濟(jì)學(xué)知到智慧樹章節(jié)測試課后答案2024年秋云南財(cái)經(jīng)大學(xué)
- 鄉(xiāng)鎮(zhèn)衛(wèi)生院院長工作職責(zé)
- 屋頂分布式光伏發(fā)電項(xiàng)目施工重點(diǎn)難點(diǎn)分析及應(yīng)對(duì)措施
- 退休人員返聘勞動(dòng)合同三篇
- 食品工藝學(xué)名詞解釋、簡答題、填空題等
- 中醫(yī)腦癱課件教學(xué)課件
- 2024年新聞宣傳新聞采編專業(yè)及理論知識(shí)考試題附含答案
評(píng)論
0/150
提交評(píng)論