第4章-元件、實(shí)例與庫

元件實(shí)例與庫第4章1案例4-1制作“星形”圖形元件2案例4-2制作“星光閃爍”影片剪輯元件3案例4-3制作“交互式按鈕”元件2教學(xué)目標(biāo)本章將全面介紹FlashCS6中元件的概念和基本類型，創(chuàng)建和編輯三種元件類型的方法，使學(xué)習(xí)者能充分理解三種元件類型之間的區(qū)別和聯(lián)系，并清楚地了解元件與實(shí)例之間的關(guān)系。3教學(xué)目標(biāo)4案例4-1制作“星形”圖形元件4.1.1案例效果5案例4-1制作“星形”圖形元件4.1.3制作步驟6案例4-1制作“星形”圖形元件4.1.3制作步驟7案例4-1制作“星形”圖形元件4.1.3制作步驟8案例4-1制作“星形”圖形元件4.1.3制作步驟9案例4-1制作“星形”圖形元件4.1.3制作步驟10案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)元件是Flash中一個(gè)重要而且使用非常頻繁的概念，狹義的元件是指在Flash創(chuàng)作環(huán)境中或使用Button(AS2.0)、SimpleButton(AS3.0)和MovieClip類創(chuàng)建過一次的圖形、按鈕或影片剪輯這三種元件。元件一旦被創(chuàng)建，就會(huì)被自動(dòng)添加到當(dāng)前影片的庫中，然后可以自始至終地在當(dāng)前影片或其他影片中重復(fù)使用。用戶創(chuàng)建的所有元件都會(huì)自動(dòng)變?yōu)楫?dāng)前文件的庫的一部分。11案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)圖形元件可用于靜態(tài)圖像，并可用來創(chuàng)建連接到主時(shí)間軸的可重用動(dòng)畫片斷。圖形元件與主時(shí)間軸同步運(yùn)行，當(dāng)主動(dòng)畫停止時(shí)，圖形元件的動(dòng)作也將隨之停止。交互式控件和聲音在圖形元件的動(dòng)畫序列中不起作用。由于沒有時(shí)間軸，所以圖形元件在FLA文件中的尺寸小于按鈕或影片剪輯。12案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)影片剪輯元件是Flash影片中一個(gè)相當(dāng)重要的角色。使用影片剪輯元件可以創(chuàng)建可重用的動(dòng)畫片斷。影片剪輯元件擁有各自獨(dú)立于主時(shí)間軸的多幀時(shí)間軸，不受場(chǎng)景和時(shí)間軸的影響。我們可以將影片剪輯元件看作主時(shí)間軸內(nèi)的嵌套時(shí)間軸，不會(huì)隨著主動(dòng)畫的結(jié)束而停止。它們可以包含交互式控件、聲音甚至其他影片剪輯實(shí)例，可以響應(yīng)腳本行為，也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建按鈕動(dòng)畫。所以，影片剪輯元件常常被用來制作動(dòng)態(tài)按鈕和動(dòng)態(tài)菜單等。此外，可以使用ActionScript對(duì)影片剪輯進(jìn)行改編。13案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)按鈕元件是一個(gè)比較特殊的元件，它不是單一的圖像，它用四種不同的狀態(tài)來顯示。使用按鈕元件可以創(chuàng)建用于響應(yīng)鼠標(biāo)單擊、滑過或其他動(dòng)作的交互式按鈕?？梢远x與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，然后將動(dòng)作指定給按鈕實(shí)例。其主要功能是檢測(cè)鼠標(biāo)的動(dòng)作并產(chǎn)生互動(dòng)功能。除此之外，按鈕元件還可以夾帶音效，使按鈕的功能更加活潑。14案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)庫資源在創(chuàng)作或運(yùn)行時(shí)，可以將元件作為共享庫資源在文檔間共享。運(yùn)行時(shí)共享資源，可以把源文檔中的資源鏈接到任意數(shù)量的目標(biāo)文檔中，而無須將這些資源導(dǎo)入目標(biāo)文檔。創(chuàng)作時(shí)共享的資源，可以用本地網(wǎng)絡(luò)上可用的其他元件更新或替換一個(gè)元件。15案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)

FlashCS6的庫包括兩種，當(dāng)前編輯文件的庫和FlashCS6中自帶的公用庫。16案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)每一個(gè)FlashCS6Professional動(dòng)畫文件中都有一個(gè)元件庫，這個(gè)元件庫僅存放當(dāng)前動(dòng)畫文件的元件。選擇“窗口”~“庫”命令或按Ctrl+I鍵，將打開當(dāng)前編輯環(huán)境下的“庫”面板。該庫中的文件夾和文件包含了當(dāng)前編輯環(huán)境下所有的元件以及導(dǎo)入的位圖和其他對(duì)象，如聲音、視頻等，相當(dāng)于在當(dāng)前這部影片中扮演每個(gè)角色的所有演員的大集合。17案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)選擇“窗口”→“公用庫”，可以在子菜單中看到聲音、按鈕、類這三項(xiàng)。18案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)選擇“窗口”→“公用庫”，可以在子菜單中看到聲音、按鈕、類這三項(xiàng)。19案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)20案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)21案例4-1制作“星形”圖形元件4.1.4相關(guān)知識(shí)22案例4-2制作“星光閃爍”影片剪輯元件4.2.1案例效果23案例4-2制作“星光閃爍”影片剪輯元件4.2.3制作步驟24案例4-2制作“星光閃爍”影片剪輯元件4.2.3制作步驟25案例4-2制作“星光閃爍”影片剪輯元件4.2.3制作步驟26案例4-2制作“星光閃爍”影片剪輯元件4.2.3制作步驟27案例4-2制作“星光閃爍”影片剪輯元件4.2.3制作步驟28案例4-2制作“星光閃爍”影片剪輯元件4.2.3制作步驟29案例4-2制作“星光閃爍”影片剪輯元件4.2.4相關(guān)知識(shí)通過應(yīng)用已創(chuàng)建完成的動(dòng)畫，在時(shí)間軸上進(jìn)行復(fù)制幀、粘貼幀的操作，實(shí)現(xiàn)創(chuàng)建影片剪輯元件的操作。下面通過一個(gè)案例，將已制作完成的動(dòng)畫快速轉(zhuǎn)換成影片剪輯。30案例4-2制作“星光閃爍”影片剪輯元件4.2.4相關(guān)知識(shí)31案例4-3制作“交互式按鈕”元件4.3.1案例效果32案例4-3制作“交互式按鈕”元件4.3.3制作步驟33案例4-3制作“交互式按鈕”元件4.3.3制作步驟34案例4-3制作“交互式按鈕”元件4.3.3制作步驟35案例4-3制作“交互式按鈕”元件4.3.3制作步驟36案例4-3制作“交互式按鈕”元件4.3.3制作步驟37案例4-3制作“交互式按鈕”元件4.3.4相關(guān)知識(shí)38案例4-3制作“交互式按鈕”元件4.3.4相關(guān)知識(shí)彈起(Up):表示鼠標(biāo)指針沒有滑過按鈕或者單擊按鈕后又立刻釋放后的狀態(tài)。指針經(jīng)過(Over):表示鼠標(biāo)指針經(jīng)過按鈕上面時(shí)的狀態(tài)。按下(Down):表示鼠標(biāo)單擊按鈕時(shí)的外觀。點(diǎn)擊(Hit):用來定義可以響應(yīng)鼠標(biāo)單擊動(dòng)作的有效區(qū)域。39案例4-3制作“交互式按鈕”元件4.3.4相關(guān)知識(shí)實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。實(shí)例可以與它的元件在顏色、大小和功能上有差別。編輯元件會(huì)更新它的所有實(shí)例，但對(duì)元件的一個(gè)實(shí)例應(yīng)用效果則只更新該實(shí)例。通過前面的學(xué)習(xí)我們知道，創(chuàng)建的元件會(huì)保存在“庫”中，“庫”只用于保存當(dāng)前動(dòng)畫制作中自行創(chuàng)建的元件。然而，無論是公用庫還是“庫”中的元件都可直接應(yīng)用于動(dòng)畫制作中。當(dāng)需要這些元件的時(shí)候，可以數(shù)次將其直接拖入到工作區(qū)中應(yīng)用，這時(shí)便會(huì)生成該元件的“實(shí)例”。實(shí)例可以創(chuàng)建，當(dāng)然也可以編輯，編輯后的實(shí)例仍會(huì)以元件的形式保存在庫中。40案例4-3制作“交互式按鈕”元件4.3.4相關(guān)知識(shí)

(1)編輯實(shí)例的色彩效果41案例4-3制作“交互式按鈕”元件4.3.4相關(guān)