模塊四Flash動(dòng)畫(huà)制作.ppt

模塊四 Flash動(dòng)畫(huà)制作,任務(wù)一 Flash基本操作和簡(jiǎn)單效果制作 任務(wù)二 逐幀動(dòng)畫(huà)、運(yùn)動(dòng)漸變動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、遮罩效果制作 任務(wù)三 企業(yè)宣傳動(dòng)畫(huà)制作 任務(wù)四 商品推廣動(dòng)畫(huà)制作,任務(wù)一 Flash基本操作和簡(jiǎn)單效果制作 教學(xué)設(shè)計(jì),教學(xué)目標(biāo)： 認(rèn)識(shí)Flash軟件的功能和基本操作； 了解庫(kù)、元件、場(chǎng)景、幀、時(shí)間軸等概念； 初步理解Flash動(dòng)畫(huà)制作的基本方法；,教學(xué)重點(diǎn)：初步理解Flash動(dòng)畫(huà)制作的基本方法 教學(xué)難點(diǎn)：庫(kù)、元件、場(chǎng)景、幀、時(shí)間軸等概念 教學(xué)方法：教、學(xué)、做一體；任務(wù)驅(qū)動(dòng) 課時(shí)：2節(jié)課,教學(xué)內(nèi)容,Flash軟件界面和基本操作。 元件、庫(kù)、場(chǎng)景、時(shí)間軸、幀、關(guān)鍵幀的概念。 外部對(duì)象的導(dǎo)入和基本對(duì)象的畫(huà)法。 簡(jiǎn)單動(dòng)作動(dòng)畫(huà)制作。 文件的保存和影片的導(dǎo)出。 插入網(wǎng)頁(yè),課程引入,網(wǎng)頁(yè)的組成元素：文本、表格、圖片、圖表、動(dòng)畫(huà)等。 動(dòng)畫(huà)為什么會(huì)動(dòng)？將連續(xù)播放一系列基于時(shí)間順序的靜態(tài)畫(huà)面，視覺(jué)形成連續(xù)變化的動(dòng)態(tài)畫(huà)面效果。 二維動(dòng)畫(huà)和三維動(dòng)畫(huà)；逐幀動(dòng)畫(huà)和補(bǔ)間（關(guān)鍵幀）動(dòng)畫(huà)。 動(dòng)畫(huà)作用：美觀直觀；宣傳和展示；吸引瀏覽者。宣傳企業(yè)文化、展示和推廣商品。 動(dòng)畫(huà)類(lèi)型：GIF、 Flash等 圖片、圖形、文本、視頻、音效、交互等元素集成，形成動(dòng)畫(huà)效果。 動(dòng)畫(huà)是作者思想的形象表達(dá)和知識(shí)與智慧的結(jié)晶，美的展現(xiàn)和享受。,賞析網(wǎng)頁(yè)中FLASH元素,大型門(mén)戶(hù)網(wǎng)站網(wǎng)易 電子商務(wù)網(wǎng)站天貓 企業(yè)網(wǎng)站意爾康：/,FLASH軟件功能,FLASH 軟件是一個(gè)功能強(qiáng)大、簡(jiǎn)單易學(xué)的動(dòng)畫(huà)制作工具。 用FLASH制作的動(dòng)畫(huà)不但占用的空間小，而且動(dòng)畫(huà)品質(zhì)高，無(wú)論怎樣放大、縮小，都不會(huì)影響畫(huà)面質(zhì)量。 主要制作補(bǔ)間動(dòng)畫(huà)，即一個(gè)運(yùn)作完成只需要開(kāi)始和結(jié)束二個(gè)畫(huà)面，中間過(guò)程由電腦自動(dòng)處理生成。,互動(dòng)：FLASH動(dòng)畫(huà)的迷人之處還在于我們可以通過(guò)單擊按鈕、選擇菜單來(lái)控制動(dòng)畫(huà)播放，甚至可以制作成小游戲。 網(wǎng)絡(luò)上，可邊下載邊播放。,FLASH 軟件界面,菜單欄、常用工具欄、繪圖工具欄（放置了各種繪圖及編輯工具）、圖層區(qū)、時(shí)間軸（可以設(shè)置動(dòng)畫(huà)的播放狀況）、面板（可以用來(lái)進(jìn)行各種設(shè)置）等。,文檔屬性設(shè)置及元件、庫(kù)、場(chǎng)景、時(shí)間軸,文檔：新建；畫(huà)布尺寸、背景色等 元件（演員）：圖片、文字等。元件放置庫(kù)里，使用時(shí)將其拖放到場(chǎng)景。 庫(kù)（后臺(tái)）：存放元件。 場(chǎng)景（舞臺(tái)）：動(dòng)畫(huà)表現(xiàn)的場(chǎng)所。 時(shí)間軸（劇本）：包括層編輯區(qū)和時(shí)間線，編輯動(dòng)畫(huà)流動(dòng)的工作臺(tái)，加工動(dòng)畫(huà)的流水線。按時(shí)間組織幀的播放次序，其中每一格為一幀，即一畫(huà)面。,要制作一個(gè)動(dòng)畫(huà)，就好比是在導(dǎo)演一出戲，需要找好演員（制作好元件），置于后臺(tái)（放在庫(kù)里），然后演員走上舞臺(tái)（把元件放在場(chǎng)景上），讓演員照著劇本演出（在時(shí)間軸上）設(shè)置開(kāi)始、結(jié)束時(shí)的狀態(tài)，生成動(dòng)畫(huà)。 簡(jiǎn)單動(dòng)畫(huà)制作步驟：新建文件、制作動(dòng)畫(huà)、輸出作品、保存文件,演示1：制作“簡(jiǎn)單的手機(jī)廣告”動(dòng)畫(huà),外部素材導(dǎo)入到庫(kù)。 設(shè)置關(guān)鍵幀，設(shè)置關(guān)鍵幀補(bǔ)間動(dòng)畫(huà)。關(guān)鍵幀，補(bǔ)間動(dòng)畫(huà)動(dòng)畫(huà)變換的關(guān)鍵點(diǎn)，逐幀動(dòng)畫(huà)的每一幀都是關(guān)鍵幀。,測(cè)試動(dòng)畫(huà)，以確保 Flash 可以正常播放。 控制 菜單/測(cè)試影片。 導(dǎo)出動(dòng)畫(huà)，選擇文件/導(dǎo)出影片。 FLASH源文件和FLASH影片的擴(kuò)展名分別為fla和swf。 插入網(wǎng)頁(yè)。,演示2：制作“圖片+文字效果手機(jī)廣告”動(dòng)畫(huà),層像透明膠片一樣，可以一層層地向上疊加。可以將不同對(duì)象放置在不同層，在各自層活動(dòng)。在層上繪制和編輯對(duì)象，而不會(huì)影響其他層上的對(duì)象。 對(duì)象的位置變換 對(duì)象的大小變換 對(duì)象的透明程度,依上例動(dòng)手做一個(gè)簡(jiǎn)單動(dòng)畫(huà),文字效果 自繪圖形,課后小結(jié),初步認(rèn)識(shí)動(dòng)畫(huà)、FLASH軟件。 了解FLASH的基本操作和簡(jiǎn)單動(dòng)畫(huà)制作步驟 能制作簡(jiǎn)單的動(dòng)畫(huà),這是我們后續(xù)課講授的內(nèi)容，請(qǐng)同學(xué)們做好預(yù)習(xí),逐幀動(dòng)畫(huà) 運(yùn)動(dòng)漸變動(dòng)畫(huà) 形狀補(bǔ)間動(dòng)畫(huà) 遮罩效果制作,任務(wù)二 逐幀動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、運(yùn)動(dòng)漸變動(dòng)畫(huà)、遮罩效果制作,利用鉛筆與直線工具、橢圓與矩形工具、鋼筆工具、墨水瓶工具等工具繪制簡(jiǎn)單圖形。,制作元件 管理庫(kù),逐幀動(dòng)畫(huà),在舞臺(tái)上一幀一幀地繪制或修改圖像，連續(xù)播放形成動(dòng)畫(huà)。 創(chuàng)建元件/放置于舞臺(tái)形成實(shí)例/每一幀都是關(guān)鍵幀/設(shè)置實(shí)例在每一幀的屬性（位置、大小、顏色等）,形狀補(bǔ)間動(dòng)畫(huà),使用形狀補(bǔ)間動(dòng)畫(huà)可以制作一個(gè)形狀隨著時(shí)間變成另一個(gè)形狀的形變效果。 。/在時(shí)間軸上選擇第1個(gè)關(guān)鍵幀，從屬性面板中的“補(bǔ)間”彈出菜單中選擇“形狀”/調(diào)整/。,動(dòng)作補(bǔ)間動(dòng)畫(huà),動(dòng)作補(bǔ)間動(dòng)畫(huà)：用于對(duì)實(shí)例、組合體和文字的位置、大小、旋轉(zhuǎn)、傾斜、顏色屬性等產(chǎn)生漸變。,遮罩動(dòng)畫(huà),使用遮罩可以創(chuàng)建聚光燈效果，用戶(hù)使用遮罩創(chuàng)建一個(gè)小孔，通過(guò)這個(gè)小孔可以讓瀏覽者看到遮罩下面的內(nèi)容。用來(lái)遮蓋的對(duì)象可以是填充的形狀、文本對(duì)象、圖形符號(hào)或電影剪輯的實(shí)例。用戶(hù)可以將多個(gè)層組合在一起，放置在一個(gè)遮罩下面，以創(chuàng)建更為復(fù)雜的效果。,要?jiǎng)?chuàng)建遮罩，必須將用來(lái)遮蓋的對(duì)象放置在層上。該對(duì)象將顯示被遮罩對(duì)應(yīng)位置的內(nèi)容，其他區(qū)域則全部被隱藏，每個(gè)遮罩只能包含一個(gè)項(xiàng)目，要?jiǎng)?chuàng)建動(dòng)態(tài)效果，可以使用動(dòng)畫(huà)移動(dòng)遮罩。如果用作遮蓋的是填充形狀，則可以使用形狀漸變動(dòng)畫(huà)；如果用作遮蓋的是文本對(duì)象、圖形實(shí)例或電影剪輯，則可以使用移動(dòng)動(dòng)畫(huà)。使用電影剪輯實(shí)例作為遮蓋時(shí)，還可以讓遮蓋對(duì)象沿著路徑移動(dòng)。,創(chuàng)建遮罩步驟： 選擇或創(chuàng)建一個(gè)普通層，其中包含要通過(guò)遮罩的小孔來(lái)顯示的內(nèi)容。 選中該普通層，單擊插入層命令， 在遮罩層上繪制一個(gè)填充形狀、放入文字或創(chuàng)建一個(gè)符號(hào)的實(shí)例。對(duì)于遮罩上的位圖圖象、過(guò)渡顏色和線條樣式等，F(xiàn)lash都將忽略.遮罩上的任何填充區(qū)域都將是完全透明的，而其他非填充區(qū)域都將是不透明的 使用鼠標(biāo)右健單擊上面一層的層