Flash-CC電子資源(課件)(3.5實例)

二維動畫制作—FlashCC單元3根本動畫和元件、實例和庫任務(wù)3.5實例任務(wù)描述活動3.5.1創(chuàng)立元件的實例學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)微課資源活動3.5.2元件及元件實例的修改任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【任務(wù)描述】微課資源活動3.5.1創(chuàng)立元件的實例【學(xué)習(xí)目標(biāo)】【分析與設(shè)計】制作會跑的汽車來說明如何將元件進(jìn)行實例化、元件實例的嵌套使用。1．利用“車身”、“輪胎”圖形元件實例來制作“汽車”圖形元件。2.利用“轉(zhuǎn)動的車輪”影片剪輯元件和“車身”圖形元件實例來制作“會跑的汽車”影片剪輯元件。掌握利用元件實例化后制作圖形元件、影片剪輯元件。任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】1．翻開路徑為“素材\第3單元\3.5”中的文件“3.5.1創(chuàng)立元件的實例(未完成).fla”文件。2．單擊按鈕翻開庫面板，可以看到所有的元件，如圖3-138所示?；顒?.5.1創(chuàng)立元件的實例圖3-138庫面板中的元件任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】3.將“圖層1”改名為“背景”，把庫中的“背景”元件拖入舞臺。使用“水平居中”和“垂直居中”，調(diào)整至舞臺大小。活動3.5.1創(chuàng)立元件的實例圖3-139圖片位置任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】4．新建一個名為“會跑的車”影片剪輯元件，如圖3-140；將庫中的“車輪”和出“車身”圖形元件拖至元件內(nèi)〔進(jìn)行了實例化〕，先不急著復(fù)制輪胎。如如圖3-141?；顒?.5.1創(chuàng)立元件的實例圖3-140圖3-141任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】5.選擇輪胎轉(zhuǎn)換為元件，命名為“會轉(zhuǎn)的車輪”，如圖3-142；進(jìn)入到“會轉(zhuǎn)的車輪”元件中，在第20幀處插入關(guān)鍵幀，單擊右鍵創(chuàng)立傳統(tǒng)補間動畫，隨意選擇補間中的任意1幀，在屬性面板上，選擇補間旋轉(zhuǎn)欄為“逆時針”，旋轉(zhuǎn)1圈，如圖3-143?；顒?.5.1創(chuàng)立元件的實例圖3-142圖3-143任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】6.回到“會跑的車”元件上，選擇車輪復(fù)制一個出來，并調(diào)整好為位置，如以下圖所示?；顒?.5.1創(chuàng)立元件的實例圖3-144任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】7．返回到“場景1”。新建圖層改名“青綠色的車”，將庫中“會跑的汽車”拖到舞臺。調(diào)整位置大小，放置在道路右側(cè)。在第60幀插入關(guān)鍵幀，在第60幀將小車一到道路左側(cè)。創(chuàng)立傳統(tǒng)補間。如圖3-145所示?；顒?.5.1創(chuàng)立元件的實例圖3-1458.執(zhí)行“文件”→“另存為”命令，在彈出的對話框中以文件名“3.5.1創(chuàng)立元件的實例(完成).fla”保存。任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【總結(jié)提升】1．創(chuàng)立了元件后，在場景中的任何位置，或在其他元件中，都可以創(chuàng)立元件的實例。2．元件的實例化過程就是元件從“庫”中進(jìn)入舞臺的過程。3．可以運用實例去制作其它元件。如在上例中，運用“車輪”和“車身”元件實例化后去制作“汽車”元件，用“汽車”實例化后去制作“會跑的汽車”等。活動3.5.1創(chuàng)立元件的實例任務(wù)3.5實例任務(wù)描述活動3.5.2元件及元件實例的修改學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)微課資源任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【任務(wù)描述】微課資源活動3.5.2元件及元件實例的修改【學(xué)習(xí)目標(biāo)】【分析與設(shè)計】制作紅色對向汽車。1．直接復(fù)制元件復(fù)制“車身”改名為“車身〔紅色〕”2．進(jìn)入“車身〔紅色〕”元件的編輯模式，改變“車身〔紅色〕”元件的顏色。1．掌握元件的修改方法。2．掌握實例的修改方法。任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】翻開路徑為“源文件\第3單元”中的文件“3.5.1創(chuàng)立元件的實例(完成).fla”。新建圖層改名為“紅色的車”移到“青綠色的車”圖層下面，如圖3-146.復(fù)制圖層“青綠色的車”的元件粘貼到“紅色的車”的圖層上水平翻轉(zhuǎn)放置在道路左側(cè)，位置如圖3-147所示。3-1463-147活動3.5.2元件及元件實例的修改任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】2．右鍵-直接復(fù)制元件，復(fù)制“會跑的汽車”改名為“會跑到汽車〔紅色〕”，如圖3-148.單擊舞臺右上角的編輯元件按鈕，在彈出的快捷菜單中選擇“會跑的汽車〔紅色〕”，即進(jìn)入“會跑的汽車〔紅色〕”元件編輯模式，如圖3-149所示的形狀。3-1483-149活動3.5.2元件及元件實例的修改任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】3.選擇車身，調(diào)整色彩效果屬性以至更改顏色。車身為色調(diào)：100、紅：255、綠：0、藍(lán)0，如圖3-150所示：后視鏡為色調(diào)：50、紅：255、：綠：0、藍(lán)：0，如圖3-151所示。效果如圖3-152所示圖3-152圖3-151圖3-150活動3.5.2元件及元件實例的修改任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】5．返回“場景1”在“紅色的車”圖層第60幀插入關(guān)鍵幀。將下車移到道路的右側(cè)，創(chuàng)立傳統(tǒng)補間。如圖3-153所示圖3-153活動3.5.2元件及元件實例的修改任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【總結(jié)提升】1．本例主要介紹了怎樣去改變元件的形狀和實例的顏色，主要是通過選擇“屬性面板”的“色彩效果區(qū)域”中“樣式”來進(jìn)行設(shè)置。主要有下面四個選項：〔1〕亮度：通過更改亮度值可以更改實例的明暗程度，如圖3-154所示。活動3.5.2元件及元件實例的修改圖3-154設(shè)置實例的亮度〔2〕色調(diào)：通過改變色調(diào)可以更改實例的顏色，如圖3-155所示。圖3-155設(shè)置實例的色調(diào)任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔3〕透明度Alpha:通過改變Alpha可以更改實例的透明程度，如圖3-156所示?；顒?.5.2元件及元件實例的修改圖3-156設(shè)置實例的透明度4〕高級：可以同時改變紅、綠、藍(lán)的顏色值以及透明度，如圖3-157所示。圖3-157“高級”設(shè)置【總結(jié)提升】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔5〕當(dāng)實例為影片剪輯元件時，在屬性面板的“顯示”區(qū)域中可以設(shè)置“混合模式”，如圖3-158所示?；顒?.5.2元件及元件實例的修改圖3-158混合模式2.改變元件的屬性時，發(fā)生改變在是運用了該元件的所有實例。【總結(jié)提升】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【小結(jié)】本活動主要介紹了實例的創(chuàng)立及實例的編輯和修改兩個內(nèi)容。實例的創(chuàng)立過程實際上是將庫中的元件拖拽至舞臺的過程，每個實例都有自己的屬性，可利用“屬性”面板可以改變其位置、大小、顏色、亮度及透明度等屬性，還可以改變實例的類型。對實例屬性編輯修改，不會造成對相應(yīng)元件和其他由同一元件創(chuàng)立的其他實例的影響。活動3.5.2元件及元件實例的修改任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【綜合實訓(xùn)微工程】1．制作五彩變色效果。簡單操作步驟：〔1〕新建文檔，將背景色改為黑色，如圖3-159所示。活動3.5.2元件及元件實例的修改圖3-159〔2〕輸入文本“霓虹燈”，文本屬性為字體：微軟雅黑、樣式：Bold、字體大小：100磅，如圖3-160所示。并轉(zhuǎn)換為元件改名為“文本”，如圖3-161所示。圖3-160圖3-161任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔3〕在第1、10、20、30、40、50、60幀插入關(guān)鍵幀，如圖3-162所示。修改“文本”元件的色彩效果屬性，除了第1幀和第60幀色調(diào)一樣外，其他關(guān)鍵幀可以任意調(diào)整色調(diào)屬性，然后創(chuàng)立傳統(tǒng)補間。就可以實現(xiàn)變色效果，如圖3-163所示?；顒?.5.2元件及元件實例的修改圖3-162圖3-163【綜合實訓(xùn)微工程】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔4〕新建圖層改名為“背景”，并將圖層移動到文本圖層下面，修改多邊形工具選項，修改為星星，如圖3-164所示。繪制星星圖案，如圖3-165所示?；顒?.5.2元件及元件實例的修改圖3-164圖3-165【綜合實訓(xùn)微工程】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔5〕復(fù)制出5列為一組的星星。，如圖3-166所示。選擇全部星星轉(zhuǎn)換為元件改名為“星星〔單組〕”，如圖3-167所示。活動3.5.2元件及元件實例的修改圖3-166圖3-167【綜合實訓(xùn)微工程】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔6〕選擇元件“星星〔單組〕”再次轉(zhuǎn)換為元件改名為：“變色星星〔單組〕”，如圖3-168所示。在第1、10、20、30、40幀出插入關(guān)鍵幀，使用色彩效果，如圖3-169所示。除了第1幀和第40幀色調(diào)一樣，其他關(guān)鍵幀修改其他任意色調(diào)。創(chuàng)立傳統(tǒng)補間，如圖3-170所示。活動3.5.2元件及元件實例的修改圖3-168圖3-169圖3-170【綜合實訓(xùn)微工程】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔7〕回到“場景1”，將“變色星星〔單組〕”復(fù)制至填滿整個舞臺，新建元件改名為“背景”。將“背景”內(nèi)的元件修改元件屬性，修改為“圖形元件”，如圖3-171所示。活動3.5.2元件及元件實例的修改圖3-171【綜合實訓(xùn)微工程】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)〔8〕雙擊進(jìn)入到元件“背景”，選擇全部元件“變色星星〔單組〕”，右鍵分散到圖層，并在第40幀處插入幀，如圖3-172所示?；顒?.5.2元件及元件實例的修改圖3-172將各圖層的關(guān)鍵幀拖到各自相隔10幀的位置上，在第30幀在各圖層插入關(guān)鍵幀，在69幀插入幀。將30幀前面的幀選中，右鍵-刪除幀。，如圖3-173所示。就能得到以下圖各組各自不同顏色且循環(huán)變色的背景元件，如圖3-174所示。圖3-173【綜合實訓(xùn)微工程】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)活動3.5.2元件及元件實例的修改圖3-174〔10〕返回“場景1”將“背景”圖層的元件修改透明度，透明度為50，如圖3-175所示圖3-175〔11〕按下Ctrl+S，保存文件，按下Ctrl+Enter，測試影片【綜合實訓(xùn)微工程】任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【任務(wù)描述】微課資源【學(xué)習(xí)目標(biāo)】【分析與設(shè)計】熟悉逐幀動畫的制作，并制作出打字效果動畫。1〕利用文字工具打入文字。〔2〕關(guān)鍵幀的插入。掌握文字的別離與刪除。活動3.5.2元件及元件實例的修改任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】制作文字新建一個FlashCCactionscript3.0文檔，舞臺大小設(shè)定為“720×576像素”，幀頻為12幀/秒，背景色為黑色。利用文字工具，字體大小設(shè)為“42”，顏色為綠色；在場景上輸入一段文字，比方輸入一段“打字效果的制作方式是非常簡單的”，并調(diào)整好它的位置，如圖3-176所示。活動3.5.2元件及元件實例的修改圖3-176任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】3.選擇文字，單擊右鍵選擇“別離”，如圖3-177所示?；顒?.5.2元件及元件實例的修改圖3-1774.在時間軸上，選擇1至15幀，按下F6，插入關(guān)鍵幀。〔根據(jù)你所輸入的文字控制插入多少關(guān)鍵幀〕，如圖3-178所示。圖3-178任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】5.選擇第一幀，除了第一個文字以外，其他文字都刪除；選擇第二幀，除了前面兩個文字，其他文字都刪除，后面的文字以此類推，如圖3-179所示?；顒?.5.2元件及元件實例的修改圖3-179任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計操作步驟總結(jié)提升微項目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】將圖層1鎖住，新建一個圖層2，在場景上用矩形工具繪制出一個矩形，如圖3-180所示。選擇矩形，按下F8，將矩形轉(zhuǎn)換為元件，命名為“光標(biāo)”；雙擊進(jìn)入“光標(biāo)”元件，選擇矩形，再一次將其轉(zhuǎn)換為元件，命名為“發(fā)光閃爍”。選擇“發(fā)光閃爍”元件，給它添加“發(fā)光”濾鏡。具體參數(shù)如下：模糊為25，強度為200，品質(zhì)為高，發(fā)光顏色與文字的顏色一致，如圖3-181所示。活動3.5.2元件及元件實例的修改圖3-1