Flash-教程全.ppt

1、第1章Flash 基礎(chǔ),flash動畫設(shè)計與制作是利用計算機(jī)進(jìn)行平面動畫設(shè)計和制作的重要基礎(chǔ)課程。 課程概括性的介紹平面動畫設(shè)計的基本原理和基本知識，著重講解Flash軟件的使用方法，結(jié)合實(shí)例練習(xí)，使學(xué)生掌握對象的繪制與編輯、圖層與幀、元件、實(shí)例與庫等動畫制作的基礎(chǔ)知識和技巧，在此基礎(chǔ)上，講解音視頻的導(dǎo)入與編輯、“Actionscript和組件的應(yīng)用，使學(xué)生掌握更復(fù)雜的動畫設(shè)計和制作方法。,課程簡介,大作業(yè)的基本要求,2作品中至少包括以下操作： 新建動畫文件，并保存為fla格式； 用繪圖工具繪制較復(fù)雜的圖形； 使用逐幀動畫、傳統(tǒng)補(bǔ)間動畫、形狀動畫、引導(dǎo)動畫、遮罩動畫中的至少3種； 使用簡單的A

2、ctionScript動作； 使用音頻、視頻。,大作業(yè)的基本要求,3個性化設(shè)計和有創(chuàng)意的表現(xiàn) 動畫作品要求有一定的設(shè)計主題，如某廣告、自我介紹等； 圖形圖像素材的選取要符合主題； 畫面設(shè)計元素和編排形式要原創(chuàng)，突出個性； 鼓勵用不同的方法達(dá)到所需求的效果。,大作業(yè)的基本要求,4作品提交形式 建立以 “姓名”命名文件夾，存放以下文件： 作品fla格式的源文件 作品的swf文件； 作品設(shè)計步驟文字說明，包括主要設(shè)計界面的截圖和設(shè)計步驟說明，以Word文檔的形式保存。,1 Flash 基礎(chǔ) 2 繪圖基礎(chǔ) 3.逐幀動畫 4.形變動畫 5.運(yùn)動動畫 6.軌跡動畫 7.遮罩動畫 8.影片剪輯,9.按鈕的制

3、作使用 10.多媒體動畫的制作 11.ActionScript 語言基礎(chǔ) 12.常用的Action行為 13 交互式動畫 14 時間軸特效和行為 15.測試、發(fā)布與導(dǎo)出動畫 16.綜合實(shí)例,課程概況,妙趣橫生的Flash動畫世界,Flash實(shí)例 電視機(jī),綜觀歷史，人類對信息交流與信息傳遞的探索從未停止過，早在原始社會，我們的祖先只是透過“五感”視覺、味覺、聽覺、嗅覺及觸覺來感受外界信息并彼此進(jìn)行交流。 隨著歷史車輪的推進(jìn)，人類開始用各種不同的信息傳遞方式來表達(dá)意念，無論是舊石器時代的洞穴巖畫，還是文字的發(fā)明，都是人類進(jìn)行信息交流與信息傳遞的偉大變革。人類的祖先不僅學(xué)會用圖形圖像傳遞信息，而且還

4、發(fā)明了一系列抽象的符號數(shù)字和文字等來表達(dá)思想及行為。與此同時，人類的祖先也注意記錄運(yùn)動中的形態(tài)和通過動感來表現(xiàn)和傳達(dá)信息。,1.1 Flash動畫的基本概念,動畫的起源,動畫本身也是一種信息傳遞的方式，它雖然是近代的產(chǎn)物，但考古學(xué)家在3萬多年前的巖洞中就已經(jīng)發(fā)現(xiàn)了最早的動畫作品一頭長有八條腿的運(yùn)動中的野豬。后來，人們又發(fā)現(xiàn)了六只翅膀的燕子、古代埃及壁畫中的摔跤連續(xù)圖、希臘陶瓶上的人跑步連續(xù)動作裝飾圖案等。 可以說是動畫原理的萌芽。但這種早期的動畫并沒有真正表現(xiàn)出物體運(yùn)動的時間和空間形態(tài)，所以人們把這種早期的動畫現(xiàn)象稱之為“原始意象動畫”。,1.1 Flash動畫的基本概念,動畫的起源,“動畫”

5、(Animating)一詞，在詞典中的解釋是“賦予生命”的意思，從這個角度來講，它是給原本沒有生命的形象賦予栩栩如生的幻覺動作。 動畫的應(yīng)用范圍非常廣泛，既是老少皆宜的信息傳遞方 式，又是藝術(shù)與技術(shù)緊密結(jié)合的產(chǎn)物。其實(shí)動畫的起源也就是電影的起源，電影技術(shù)早期就是用動畫的原理來進(jìn)行實(shí)驗(yàn)的，動畫和“故事片”、“記錄片”等影片一樣，也是電影類型之一，但動畫中的動感原理是通過人的幻覺產(chǎn)生的，這種幻覺就叫做“視覺殘像”也成“視覺暫留”。,什么是動畫,1.1 Flash動畫的基本概念,視覺暫留的原理： 是指當(dāng)所見之物立即消失后，其影像仍會在人們的視網(wǎng)膜中殘留1/24秒的現(xiàn)象。這就是會動的卡通的基本原理。

6、例如:在房間里把燈關(guān)掉，拿著手電筒快速地旋轉(zhuǎn)，大家會看到一個光環(huán)，這也是視覺暫留的一種現(xiàn)象。,什么是動畫,1.1 Flash動畫的基本概念,動畫原理,動畫的基本原理與電影、電視一樣，都是視覺原理。醫(yī)學(xué)已證明，人類具有視覺暫留的特性，就是說人的眼睛看到一幅畫或一個物體后，在1/24秒內(nèi)不會消失。利用這一原理，在一幅畫還沒消失前播放下一幅畫，就會給人造成流暢的視覺變化效果。 動畫制作就是將好多幅畫面連續(xù)播放就產(chǎn)生了動畫效果。,用“視覺暫留”原理制作的奇妙圖片欣賞,傳統(tǒng)動畫,我們所說的傳統(tǒng)動畫片是產(chǎn)生了1個多世紀(jì)的一種藝術(shù)形式，用最簡單的話說就是：會“動” 的畫，和電影一樣，他是利用人類眼睛的視覺暫

7、留現(xiàn)象，而使一幅幅靜止的畫面連續(xù)播放，看起來像是在動。他應(yīng)該歸類于電影藝術(shù)。不同于通常意義的電影之處在于：它的拍攝對象不是真實(shí)的演員，而是由動畫師畫出的動畫形象。在動畫片里演員就是動畫師本人，戲演得好壞和這個動畫師的本身素質(zhì)有著緊密關(guān)系。,1.1 Flash動畫的基本概念,傳統(tǒng)動畫,傳統(tǒng)動畫片是用畫筆畫出一張張不動的、但又是逐漸變化著的連續(xù)畫面，經(jīng)過攝影機(jī)、攝像機(jī)或電腦的逐格拍攝或掃描，然后，以每秒鐘 24 格或 25 楨的速度連續(xù)放映或播映，這時，我們所畫的不動的畫面就在銀幕上或熒屏里活動起來，這就是傳統(tǒng)動畫片。,1.1 Flash動畫的基本概念,Flash 是Adodb公司推出的一款多媒體

8、動畫制作軟件，F(xiàn)lash CS4是其最新版本。利用該軟件不但可以制作出集音樂、聲效、動畫于一體的高品質(zhì)動畫，還可以制作出交互式影片和具有完備功能的網(wǎng)站。 Flash 動畫采用的是矢量繪圖技術(shù)，矢量圖的特點(diǎn)是圖像可以無限放大而不會失真。由于動畫是由矢量圖構(gòu)成的，這就大大地縮小了動畫文件的容量，在網(wǎng)絡(luò)帶寬限制的情況下，提升了網(wǎng)絡(luò)傳輸?shù)男?，可以方便地下載觀看，一個幾分鐘的flash動畫片也許只有12兆字節(jié)大小。所以Flash一經(jīng)推出，就風(fēng)靡網(wǎng)絡(luò)世界?，F(xiàn)在更是許多專業(yè)與非專業(yè)設(shè)計者的首選動畫制作軟件。,什么是Flash,1.1 Flash動畫的基本概念,Flash的前身是Jonathan Gay在學(xué)

9、生時代編寫的繪圖程序SuperPaint II 1993 Jonathan成立了自己的公司FutureWave 1995開始動畫軟件的開發(fā)，并將其繪圖軟件SmartSketch更名為FutureSplash Animator 1996與Macromedia公司 合作將并將FutureSplash Animator更名為Macromedia Flash 1.0 之后版本不斷升級，從Flash 2.0、Flash 3.0、Flash 4.0、Flash 5.0、Flash MX、Flash MX 2004到現(xiàn)在的Flash CS4,Flash的起源與發(fā)展,1.1 Flash動畫的基本概念,體積很小

10、 不會失真 互動性強(qiáng) 支持音、視頻 簡單易學(xué),Flash動畫的特點(diǎn),1.1 Flash動畫的基本概念,Flash網(wǎng)頁動畫 Flash動畫短片 Flash視頻動畫 Flash多媒體軟件開發(fā) Flash MV Flash交互網(wǎng)站與游戲開發(fā),flash的應(yīng)用領(lǐng)域,1.1 Flash動畫的基本概念,Flash引領(lǐng)網(wǎng)絡(luò)動畫,1.1 Flash動畫的基本概念,使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動畫可以邊播放邊下載，從而緩解了網(wǎng)頁瀏覽者焦急等待的情緒 通過使用關(guān)鍵幀和元件使得所生成的動畫（.swf)文件非常小 把音樂、動畫、聲效、交互方式融合在一起 強(qiáng)大

11、的動畫編輯功能使得設(shè)計者可以隨心所欲地設(shè)計出高品質(zhì)的動畫，通過ActionScript可以實(shí)現(xiàn)交互性，是Flash具有更多的設(shè)計自由度，另外，它與當(dāng)今最流行的網(wǎng)頁設(shè)計工具Dreamweaver配合默契，可以直接嵌入網(wǎng)頁的任一位置，非常方便,矢量圖與點(diǎn)陣圖 幀 圖層 元件,1.1 Flash動畫的基本概念,Flash動畫的基本知識,點(diǎn)陣圖形：也稱位圖，是以稱為像素的彩色點(diǎn)來描繪圖像， 是非分辨率獨(dú)立性的,矢量圖形：是用稱為向量的直線或曲線來描繪圖像， 是分辨率獨(dú)立性的,矢量圖,點(diǎn)陣圖,矢量圖與點(diǎn)陣圖,1.1 Flash動畫的基本概念,位圖放大后失真,1.1 Flash動畫的基本概念,矢量位圖放大

12、后不失真,1.1 Flash動畫的基本概念,Flash 動畫的類型,1.1 Flash動畫的基本概念,補(bǔ)間動畫 是Flash CS4新增的功能核心之一。使用補(bǔ)間動畫可設(shè)置對象的屬性，如一個幀中以及另一個幀中的位置和 Alpha 透明度。 Flash 然后在中間內(nèi)插幀的屬性值。對于由對象的連續(xù)運(yùn)動或變形構(gòu)成的動畫，補(bǔ)間動畫很有用。補(bǔ)間動畫在時間軸中顯示為連續(xù)的幀范圍，默認(rèn)情況下可以作為單個對象進(jìn)行選擇。補(bǔ)間動畫功能強(qiáng)大，易于創(chuàng)建。,Flash 動畫的類型,1.1 Flash動畫的基本概念,傳統(tǒng)補(bǔ)間 傳統(tǒng)補(bǔ)間與補(bǔ)間動畫類似，但是創(chuàng)建起來更復(fù)雜。傳統(tǒng)補(bǔ)間允許一些特定的動畫效果，使用基于范圍的補(bǔ)間不能

13、實(shí)現(xiàn)這些效果。反向運(yùn)動姿勢 反向運(yùn)動姿勢用于伸展和彎曲形狀對象以及鏈接元件實(shí)例組，使它們以自然方式一起移動?？梢栽诓煌瑤幸圆煌绞椒胖眯螤顚ο蠡蜴溄拥膶?shí)例， Flash 將在中間內(nèi)插幀中的位置。,Flash 動畫的類型,1.1 Flash動畫的基本概念,補(bǔ)間形狀 在形狀補(bǔ)間中，可在時間軸中的特定幀繪制一個形狀，然后更改該形狀或在另一個特定幀繪制另一個形狀。然后，F(xiàn)lash 將內(nèi)插中間的幀的中間形狀，創(chuàng)建一個形狀變形為另一個形狀的動畫。,Flash 動畫的類型,1.1 Flash動畫的基本概念,逐幀動畫 使用此動畫技術(shù)，可以為時間軸中的每個幀指定不同的藝術(shù)作品。使用此技術(shù)可創(chuàng)建與快速連續(xù)播放的

14、影片幀類似的效果。對于每個幀的圖形元素必須不同的復(fù)雜動畫而言，此技術(shù)非常有用。,動畫的基本類型,（1）逐幀動畫 （2）運(yùn)動漸變動畫,逐幀動畫,逐幀動畫是由許多單個的關(guān)鍵幀組合而成的，適合制作一個動畫在每個幀上都有關(guān)鍵性變化的情況。 要創(chuàng)建逐幀動畫，需要將每個幀都定義為關(guān)鍵幀，然后給每個幀創(chuàng)建不同的圖像。 創(chuàng)建逐幀動畫實(shí)例,創(chuàng)建逐幀動畫實(shí)例,步驟1：新建一個文件，利用屬性面板可以設(shè)置場景為合適的大小和背景色。,步驟2：選擇第1幀作為逐幀動畫的起始幀，單擊右鍵，在彈出的下拉菜單中選擇“插入關(guān)鍵幀”。,運(yùn)動漸變動畫,運(yùn)動漸變動畫的創(chuàng)建 運(yùn)動漸變實(shí)際上是一個對象移動的兩點(diǎn)關(guān)鍵幀間的變化。在兩個關(guān)鍵幀上

15、可分別定義不同的屬性，如尺寸、顏色、角度等。 運(yùn)動漸變動畫創(chuàng)建實(shí)例 形狀漸變動畫的創(chuàng)建 形狀漸變動畫與運(yùn)動漸變一樣，但更主要的是外形的改變。 形狀漸變動畫創(chuàng)建實(shí)例,運(yùn)動漸變動畫的創(chuàng)建實(shí)例,步驟1：新建一個文件，利用屬性面板設(shè)置場景為合適的大小和背景色。,步驟2：從電腦中導(dǎo)入圖片作為動畫的主體。,形狀漸變動畫創(chuàng)建實(shí)例,學(xué)習(xí)內(nèi)容 介紹Flash CS4的工作界面，主要講解舞臺工具箱、屬性面板、庫面板等的操作。,1.2 Flash CS4 工作界面,第1章 基本知識和FLASH 介紹,1.啟動Flash 單擊“開始”“程序”MacromediaMacromedia Flash CS4命令。 在“我的

16、電腦”的硬盤中雙擊打開任何一個擴(kuò)展名為“*.fla”的Flash文檔。 2. Flash 的退出 退出Flash的方法有以下幾種： 單擊“文件”“退出”命令。 單擊Flash CS4主界面右上角的關(guān)閉按鈕。 按Alt+F4組合鍵。,Flash的啟動和退出,1.2 Flash CS4 工作界面,1.3 簡單的Flash 動畫制作,方法： 1 選擇 “ 文件 ”“ 保存 ”。 2 選擇 “ 文件 ”“另存為” 3 單擊 “ 保存 ”按鈕。 4 快捷方式,保存文件,1.3 簡單的Flash 動畫制作,打開現(xiàn)有文檔 1 選擇 “ 文件 ”“ 打開 ”。 2 在 “ 打開 ” 對話框中，定位到文件或在

17、“ 轉(zhuǎn)到 ” 框中輸入文件的路徑。 3 單擊 “ 打開 ”。 4 快捷方式,打開文件,1.3 簡單的Flash 動畫制作,導(dǎo)出影片 1 選擇 “ 文件 ”“ 導(dǎo)出 ”“ 導(dǎo)出影片 ”。 2 在 “ 打開 ” 對話框中，定位到文件或在 “ 轉(zhuǎn)到 ” 框中輸入文件的路徑。 3 單擊 “ 保存 ”。,導(dǎo)出影片,標(biāo)題欄,菜單欄,時間軸面板,場景舞臺,屬性面板,繪圖工具箱,Flash的工作界面,1.2 Flash CS4 工作界面,工作區(qū),標(biāo)題欄,1.2 Flash CS4 工作界面,標(biāo)題欄：用于顯示Flash CS4中打開文檔的名稱。如果打開多個文檔，當(dāng)前文檔名稱高亮顯示，如果要編輯哪個文檔，在該文檔

18、名稱上單擊即可。,菜單欄,菜單欄：通過下拉式菜單可執(zhí)行相應(yīng)的命令。幾乎全部的Flash命令都可從菜單獲得。有些菜單選項(xiàng)的右邊出現(xiàn)箭 頭，表示其還有子菜單。,“文本”菜單 “命令”菜單 “控制”菜單 “調(diào)試”菜單 “窗口”菜單 “幫助”菜單,“文件”菜單 “編輯”菜單 “視圖”菜單 “插入”菜單 “ 修改”菜單,1.2 Flash CS4 工作界面,菜單欄,1.2 Flash CS4 工作界面,文件：創(chuàng)建，打開，保存，打印，輸出動畫，導(dǎo)入外部文件 編輯：對舞臺上對象以及幀進(jìn)行選擇，復(fù)制，粘貼，自定義面板，設(shè)置參數(shù) 視圖：窗口環(huán)境布局設(shè)置 插入：動畫插入對象 修改：修改動畫中的對象 文本：修改文字

19、外觀，對齊，對文字進(jìn)行拼寫檢查 命令：保存，查找，運(yùn)行之類的命令 控制：測試播放動畫 調(diào)試：調(diào)試ActionScript 窗口：控制功能面板的顯示和布局 幫助：提供Flash在線幫助信息和支持站點(diǎn)信息，包括教程和ActionScript幫助,工具箱,工具箱提供了圖形繪制和編輯的各種工具。 選擇窗口-工具命令，或Ctrl+F2可調(diào)出工具箱。 工具箱中的工具包含四個部分： 1、“工具”選區(qū)：包含了繪圖、填充、選取、變形和擦除工具。 2、“查看”選區(qū)：包含了“縮放”和“手形”工具，用于調(diào)整畫面顯示。 3、“顏色”選區(qū)：用于設(shè)置筆觸顏色和填充顏色。 4、“選項(xiàng)”選區(qū)：顯示了工具屬性或與當(dāng)前工具相關(guān)的工

20、具選項(xiàng)。,1.2 Flash CS4 工作界面,工具箱,部分選取工具,3D工具組(旋轉(zhuǎn)、平移),文本工具,形狀工具組,刷子工具組,顏料桶工具組,橡皮擦工具,縮放工具,筆觸顏色,填充顏色,選擇工具,任意變形工具組,套索工具,鋼筆工具組,鉛筆工具,Deco工具,骨骼工具組,吸管工具,工具功能選項(xiàng),1.2 Flash CS4 工作界面,手形工具,直線工具,屬性面板,1.2 Flash CS4 工作界面,屬性面板顯示所選對象的屬性設(shè)置，不同的對象對應(yīng)的屬性面板參數(shù)也不一樣。 顯示/隱藏屬性面板的方法 “窗口”屬性面板” 快捷鍵,舞臺是一個矩形區(qū)域，可以在其中繪制、編輯和制作電影內(nèi)容。任何時間看到的舞臺

21、上的內(nèi)容都表示當(dāng)前幀的內(nèi)容 舞臺類似于畫布，工作區(qū)類似于劇院的后臺，可以放置對象但不能在動畫中顯示。,舞臺和工作區(qū),1.2 Flash CS4 工作界面,時間軸面板是由圖層區(qū)、時間幀區(qū)和狀態(tài)區(qū)組成的。 用于組織動畫各幀的內(nèi)容，并且可以控制動畫每幀每層顯示的內(nèi)容，還可以顯示動畫播放的速率等信息。,時間軸面板,1.2 Flash CS4 工作界面,時間軸,1.2 Flash CS4 工作界面,所有的動畫藝術(shù)作品都是由靜止的畫面組成的，而每一個格都分別繪制著動畫中一個靜止的畫面。在Flash中，這些繪制和保存動畫畫面的格就稱為幀(Frame)。 幀是構(gòu)成Flash動畫的基本單位。幀裝載著Flash作

22、品的全部播放內(nèi)容(圖形、音頻、素材符號及其他嵌入對象)。在時間線控制窗中，每一幀都是由時間標(biāo)尺上按順序排列的小方格來表示。,幀的概念,1.1 Flash動畫的基本概念,幀與幀速率(fps) 動畫中播放的每一幅畫面稱為一幀，每秒鐘播放的幀數(shù)稱為幀速率。 幀速率達(dá)到每秒 10 幀以上，產(chǎn)生運(yùn)動感。幀速率達(dá)到每秒 15 幀以上，運(yùn)動畫面平滑流暢。 電影的幀速率為每秒 24 幀。 影片幀頻率最大可以設(shè)置120fps,對于在網(wǎng)絡(luò)上播放的動畫,最合適的幀頻率是12fps.,由于計算機(jī)動畫與傳統(tǒng)動畫有不同之處，所以在Flash中幀又可根據(jù)其意義和用法不同分為： 關(guān)鍵幀 普通幀 空白關(guān)鍵幀 空白普通幀 空幀,

23、Flash中的幀,1.2 Flash CS4 工作界面,Flash中的幀,1、關(guān)鍵幀：關(guān)鍵幀定義了動畫的變化環(huán)節(jié)，逐幀動畫的每一幀都是關(guān)鍵幀。而補(bǔ)間動畫在動畫的重要點(diǎn)上創(chuàng)建關(guān)鍵幀，再由Flash自己創(chuàng)建關(guān)鍵幀之間的內(nèi)容。 2、普通幀：普通幀顯示為一個個的單元格。無內(nèi)容的幀是空白的單元格，有內(nèi)容的幀顯示出一定的顏色。不同的顏色代表不同類型的動畫，關(guān)鍵幀后面的普通幀將繼承該關(guān)鍵幀的內(nèi)容。 3、空白關(guān)鍵幀：空白關(guān)鍵幀是尚未存放對象的關(guān)鍵點(diǎn)，空白普通幀則是起到延續(xù)空白關(guān)鍵幀的作用，空幀是還未使用的幀。,1.2 Flash CS4 工作界面,各種類型的幀圖標(biāo),1.2 Flash CS4 工作界面,不同的

24、圖標(biāo)可以區(qū)分不同的幀 不同類型的幀在動畫中所起的作用也不同,幀操作,Flash 是一套用來設(shè)計動畫的軟件，可以在關(guān)鍵幀之間補(bǔ)間或填充幀，從而生成流暢的動畫。幀和關(guān)鍵幀在時間軸中出現(xiàn)的順序決定它們在 Flash 應(yīng)用程序中顯示的順序。 時間軸幀 分幀的應(yīng)用,時間軸幀,（1）時間軸與幀 （2）在時間軸中處理幀 （3）不同幀的符號 （4）幀標(biāo)記與幀注釋 （5）幀的操作 （6）幀的速度,時間軸與幀,時間軸是以時間為基礎(chǔ)的線性表，讓使用者以時間的進(jìn)行為基礎(chǔ)，一步步地安排每個動作。在時間軸中可處理幀和關(guān)鍵幀，將它們按照對象在幀中出現(xiàn)的順序進(jìn)行排列。,在時間軸中處理幀,可以對幀或關(guān)鍵幀進(jìn)行如下修改： 插入、

25、選擇、刪除和移動幀或關(guān)鍵幀。 將幀和關(guān)鍵幀拖到同一層中的不同位置，或是拖到不同的層中。 拷貝和粘貼幀和關(guān)鍵幀。 將關(guān)鍵幀轉(zhuǎn)換為幀。 從“庫”面板中將一個項(xiàng)目拖動到舞臺上，從而將該項(xiàng)目添加到當(dāng)前的關(guān)鍵幀中。,不同幀的符號,代表移動漸變動畫，用箭頭來顯示動畫的過程。,代表形狀漸變動畫，也用箭頭來顯示，以移動漸變動畫不同表現(xiàn)在顏色上。,虛線表示在動畫的過程中出了問題，這時需要查看開頭與結(jié)尾的關(guān)鍵幀的屬性。,當(dāng)小寫字母 “a”出現(xiàn)時，代表這個幀已經(jīng)被指定某個動作，當(dāng)播放到這里時，會執(zhí)行該動作。,幀標(biāo)記與幀注釋,給幀加入注釋不會對程序產(chǎn)生任何作用，其目的是為了用來記錄注意事項(xiàng)，或是為了給其他人員看的參考

26、信息。 操作步驟： 單擊需要要加入的關(guān)鍵幀 單擊屬性面板中的 “Frame Label” 鍵，將變成空白框 若要加入幀標(biāo)記，單擊此處后在文本框中加入標(biāo)記名 若要插入注解，在文本框中輸入以 “/”開頭的字符,給幀加入注釋,幀的操作,插入關(guān)鍵幀 拷貝和粘貼幀 過渡幀 空白關(guān)鍵幀 選取所有幀 幀 翻轉(zhuǎn)幀,插入關(guān)鍵幀,操作步驟： 在時間軸上選取要插入的關(guān)鍵幀的位置 然后點(diǎn)擊鼠標(biāo)右鍵在快捷菜單中選擇 “插入關(guān)鍵幀”，或者按快捷鍵 F6 。,提示：若要刪除關(guān)鍵幀，只要選定關(guān)鍵幀，然后單擊鼠標(biāo)右鍵，在快捷菜單中選擇 “清除關(guān)鍵幀”即可。,拷貝和粘貼幀,操作步驟： 先選擇要拷貝的一個幀或多個幀 在被選定的幀上

27、單擊鼠標(biāo)右鍵，從快捷菜單中選擇 “復(fù)制幀”命令 在需要進(jìn)行粘貼的位置單擊鼠標(biāo)右鍵，從快捷菜單中選擇 “粘貼幀”,過渡幀,過渡幀用來連接兩個相鄰的關(guān)鍵幀。 過渡幀可以有不同的形態(tài)?？瞻钻P(guān)鍵幀之間的過渡、移動漸變動畫產(chǎn)生的過渡幀、無移動漸變動畫之間的過渡幀。 過渡幀是不可進(jìn)行編輯的。,空白關(guān)鍵幀,空白關(guān)鍵幀指在一個關(guān)鍵幀里沒有添加任何對象。 注意：使用 “插入”菜單中的 “插入關(guān)鍵幀”命令定義的影格，即使里面不添加對象，也不能叫空白關(guān)鍵幀。,選取所有幀,操作方法： 在圖層欄的空白處單擊，即可選中所有有效幀。 在影格編輯區(qū)單擊鼠標(biāo)右鍵，從快捷菜單中選擇 “選擇所有幀”，也可選中所有有效幀。,選取所有

28、幀后的效果,幀,操作方法： 執(zhí)行 “插入”/“時間軸”/ “幀”命令，可在選定的幀后插入和選定幀相同的過渡幀。如果選擇的是個空白幀，就可在此幀后添加相同的過渡幀。,插入前,插入后,翻轉(zhuǎn)幀,翻轉(zhuǎn)幀可以使所選定的一組幀的順序反轉(zhuǎn)過來，使最后一幀變成第一幀，第一幀變成最后一幀。 翻轉(zhuǎn)幀實(shí)例,幀的速度,“視覺暫留”現(xiàn)象。所以一般的影片幀頻都是24幀/秒以上，才能產(chǎn)生連續(xù)動作的效果。 幀數(shù)越多動畫文件越大，在網(wǎng)絡(luò)上播放時，就有可能出現(xiàn)問題。一般情況下，建議每秒鐘播放12幀左右。 修改 Flash 動畫的幀的速度,分幀的應(yīng)用,為了能夠觀察動畫的細(xì)節(jié)，此時就需要用到分幀顯示。 如何顯示分幀圖 改變分幀顯示的

29、方式,如何顯示分幀圖,按下時間軸下方的 ，分幀途中的所有關(guān)鍵幀上的圖案都可隨時編輯,按下時間軸下方的 ，可將動作對象分幀顯示,按下時間軸下方的 ，分幀圖以輪廓線形式顯現(xiàn),改變分幀顯示的方式,顯示分幀時，除了可以指定只顯示輪廓邊框外，也可以指定顯示分幀圖的張數(shù)，只要按下時間軸下方的 ，就可以從下拉菜單中選擇不同的幀數(shù)。,圖層就像堆疊在一起的多張幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。 在動畫中有多個對象需要處理編輯，為了便于處理和控制各個對象的出場順序以及在時間軸上的停留時間，用層技術(shù)可以更好地實(shí)現(xiàn)這一目的，減少編輯的出錯機(jī)會。,圖層,1.1 Flash動畫的基本概念,圖層面板,

30、圖層面板是進(jìn)行層顯示和操作的主要區(qū)域，由層名稱和幾個相關(guān)層的操作功能按鈕組成。當(dāng)前舞臺中正在編輯的作品所有層的名稱、類型、狀態(tài)都會按照層的放置順序排列。在“圖層”面板中，可以對層進(jìn)行操作，比如新建圖層、刪除圖層、改變層的放置順序等。,1.2 Flash CS4 工作界面,浮動面板是一些功能的操作平臺，可以自由拖動、縮放。各種浮動面板可以通過窗口菜單或組合鍵進(jìn)行隱藏和顯示切換。 常用的面板有屬性面板、庫面板、混色器面板以及動作面板。 其中屬性面板是Flash最常用的一個面板，在其中可以設(shè)置當(dāng)前選擇對象的屬性，比如在工作區(qū)選擇文本，屬性面板中就會顯示文字的屬性，就可以輕松設(shè)置文本的屬性以達(dá)到設(shè)計的

31、要求。,浮動面板,1.2 Flash CS4 工作界面,（1）打開面板。從【窗口】菜單選擇所需的面板。 （2）關(guān)閉面板。從【窗口】菜單選擇所需的面板或者右擊要關(guān)閉的面板標(biāo)題欄，在彈出的菜單中選擇【關(guān)閉面板組】命令。,浮動面板,1.2 Flash CS4 工作界面,隱藏/顯示所有打開的面板 “窗口”“隱藏/顯示”面板 快捷鍵F4 收縮/展開面板 雙擊面板右上角的雙向箭頭 移動/合并/分離面板 移動拖拽面板標(biāo)簽 合并拖拽面板標(biāo)簽到另一個面板，出現(xiàn)藍(lán)色顯示時，松開鼠標(biāo) 分離拖拽面板標(biāo)簽到工作區(qū),浮動面板,1.2 Flash CS4 工作界面,鎖定/解鎖圖層,單擊圖層名字右邊的鎖定欄，就可以鎖定圖層，

32、再次單擊鎖定欄可解除堆圖層的鎖定。 可單擊按鈕 ，可將所有的圖層鎖定，再次單擊就可解除對所有的圖層的鎖定 在按住 Alt 鍵后，單擊任意一個圖層上的鎖定欄，可鎖定或解除此圖層外的所有圖層 在按住 Ctrl 鍵后單擊任意一個圖層可鎖定或解除所有圖層,圖層的重命名,在無命名情況下，新圖層會按創(chuàng)建順序自動命名。對圖層重命名可更好管理圖層。 方法： 用鼠標(biāo)雙擊該圖層名稱，當(dāng)高亮顯示文字時可直接輸入新名稱，最后再按回車鍵即可。 用鼠標(biāo)點(diǎn)擊某圖層，從快捷菜單中選擇 “屬性”選項(xiàng)，這時會彈出 “圖層屬性”對話框，可利用對話框中的各種參數(shù)設(shè)定新圖層。,圖層的屬性設(shè)置,在任意的圖層上單擊鼠標(biāo)右鍵都會彈出快捷菜單

33、，選擇其中的 “屬性”項(xiàng)，可以在打開的圖層屬性對話框中設(shè)置各種參數(shù)。,改變圖層的次序,由于圖層就像透明的紙一樣，在舞臺上一層層地向上疊加。因此圖層順序?qū)绊憣ο蟮娘@示效果。 操作步驟： 將鼠標(biāo)移動到要改變圖層順序的層上，并按住鼠標(biāo)左鍵不放向上或向下移動； 在拖動過程中，會看到一條虛線隨著鼠標(biāo)移動，將該虛線移動到想要的位置，放開鼠標(biāo)即可。,查看層,時間軸中圖層或文件夾名稱旁邊的 表示它處于隱藏狀態(tài)。若要顯示只需用鼠標(biāo)再次單擊。被隱藏的圖層可輸出但不能進(jìn)行編輯。,顯示或隱藏圖層,引導(dǎo)圖層,使用引導(dǎo)圖層可制作出沿自定義路徑進(jìn)行運(yùn)動的動畫。 引導(dǎo)層是用層名稱左側(cè)的輔助線圖標(biāo)表示的。用戶必須在對象所屬

34、的圖層中增加一個參照層，而且引導(dǎo)圖層不會出現(xiàn)在發(fā)布后的電影中。 添加引導(dǎo)層的操作步驟,添加引導(dǎo)層的操作步驟,步驟1：新建一個文件，然后執(zhí)行 “插入”菜單下的 “新建元件”選項(xiàng)。,“新建元件”對話框,遮罩層,Flash 的遮罩層與 Photoshop 里的蒙板概念很相似。使用遮罩功能可以產(chǎn)生類似聚光燈掃射的效果，也可以把多個圖層聚合在一個遮罩層下邊，因此產(chǎn)生豐富多彩的效果。 遮罩層操作實(shí)例,遮罩層操作實(shí)例,步驟1：新建一個文件，然后在元件庫里新增一個元件，用文本工具輸入 “Welcome”。如圖所示。,輸入文字,庫（Library）：在Flash中庫是用來存放元件的地方。 可以通過選擇“窗口”“

35、庫”命令來打開庫面板?？旖萱I 可以通過選擇“文件”“導(dǎo)入庫”命令來將外部的元件導(dǎo)入指定的圖片庫中,庫,1.2 Flash CS4 工作界面,庫面板,1.2 Flash CS4 工作界面,新建元件,新建文件夾,屬性,刪除元件,元件,在Flash中，元件是整個動畫的基礎(chǔ)部分。 可以將動畫中多次使用的對象作為元件，放入庫中保存。 可以隨時對元件進(jìn)行編輯，編輯后動畫中的相應(yīng)部分也跟隨變化，設(shè)計完成后，最終形成完整的動畫,1.1 Flash動畫的基本概念,元件,圖形（Graphic）：最常用，用于創(chuàng)建靜態(tài)元件，并且可以引用外部的圖片來作為元件,按鈕（Button）：用于創(chuàng)建動態(tài)交互按鈕的形式，即在鼠標(biāo)處

36、于不同的位置產(chǎn)生不同的響應(yīng),電影剪輯（Movie Clip）：是動態(tài)視頻剪輯元件 ，不同于上面兩種形式的是它有自己獨(dú)立的時間軸，是動態(tài)的元件形式,Flash中元件分為三種形式：,1.1 Flash動畫的基本概念,五、元件,元件的類型 圖形元件 影片剪輯元件 按鈕元件 創(chuàng)建元件的方法 方法一：新建元件（Ctrl + F8） 方法二：轉(zhuǎn)換為元件（F8）,五、元件,元件的特點(diǎn) 選中后被藍(lán)框包圍 不可以部分選擇 即使在同一圖層中，也不相互融合,元件的類型,影片剪輯元件 是一段flash動畫，它是主動畫的一個組成部分，它可獨(dú)立于主動畫進(jìn)行播放。 按鈕元件 用于創(chuàng)建動畫的交互控制按鈕，以響應(yīng)鼠標(biāo)事件（如單

37、擊、滑過等）。 圖形元件 是可反復(fù)使用的圖形，可以是只含一幀的靜止圖片，也可以制作成由多個幀組成的動畫。,創(chuàng)建元件的方法,利用菜單命令新建元件 將對象轉(zhuǎn)換為元件 將動畫轉(zhuǎn)換為影片元件 創(chuàng)建按鈕,一場舞臺劇，分為好幾幕，按照次序一幕幕的進(jìn)行演出。在Flash動畫制作中也采用此種方式，不過“幕”換成了“場景”（Scenes）。一個簡單的動畫只需一個場景即可，而在創(chuàng)建復(fù)雜動畫時，就需要使用多個場景來完成,場景,1.1 Flash動畫的基本概念,執(zhí)行“窗口”“設(shè)計面板”“場景”命令可以打開“場景”控制面板。 快捷鍵 通過單擊該控制面板下方的各按鈕，可復(fù)制、創(chuàng)建和刪除場景。此外，要改變場景名稱，可在“場

38、景”控制面板中雙擊要更名的場景，并輸入新的場景名；要改變文檔中場景的順序，只需在“場景”控制面板中上、下拖動場景名即可。,場景面板,1.2 Flash CS4 工作界面,庫的應(yīng)用,庫存放了編輯動畫需要的各種元件，這些元件可以隨時調(diào)出使用。若將元件調(diào)出放到場景中，就生成了該元件的一個實(shí)例。 庫面板 在文檔之間拷貝庫資源 使用庫資源,庫面板,打開庫面板： 單擊“窗口”/“庫”命令或按“F11”鍵。 庫面板中各按鈕的功能： 寬庫視圖按鈕：用于展開圖庫顯示各元件的名稱、類型、使用次數(shù)和最后依次改動的時間等內(nèi)容。 窄庫視圖按鈕：使庫面板變窄。 切換排序順序按鈕：改變各元件的排列順序 新建元件按鈕：單擊它

39、可新建元件。 新建文件夾按鈕：可新建文件夾。 屬性按鈕：調(diào)整庫中元件屬性。 刪除按鈕：刪除庫中的元件或文件夾。,在文檔之間拷貝庫資源,通過拷貝和粘貼來拷貝庫資源 通過拖動來復(fù)制庫資源 通過在目標(biāo)文檔中打開源文檔的庫來復(fù)制庫資源,使用庫資源,共享庫資源可以在多個目標(biāo)文檔中使用源文檔資源?？墒褂脙煞N方法共享庫資源： 對于運(yùn)行時共享資源，源文檔的資源是以外部文件的形式鏈接到目標(biāo)文檔中的。 對于創(chuàng)作期間的共享資源，可以用本地網(wǎng)絡(luò)上任何其他可用元件來更新或替換正在創(chuàng)作的文檔中的任何元件。,編輯元件,圖形元件屬性面板 按鈕元件屬性面板,Flash 工作界面 場景,場景列表,添加場景,復(fù)制場景,刪除場景,1

40、.2 Flash CS4 工作界面,1.2 Flash CS4 工作界面,新建場景： 選擇“插入”“場景”命令即可新建一個場景。 按Shift+F2組合鍵，即可打開場景面板。單擊此面板右下角的“添加場景”按鈕即可新建一個場景。 復(fù)制/修改/刪除場景 復(fù)制場景：單擊場景面板右下角的“直接復(fù)制場景”按鈕。 修改場景名稱：在場景面板中雙擊需要修改名稱的場景，然后輸入新名稱即可。 刪除場景：在場景面板中選中需要刪除的場景，然后單擊面板右下角的“刪除場景”按鈕，在彈出的提示框中單擊“確定”按鈕，即可將此場景刪除。,場景的基本操作,學(xué)習(xí)目的 通過創(chuàng)建一個簡單的Flash動畫文件，掌握動畫制作的基本流程和F

41、lash CS4的基本操作,1.3 簡單的Flash 動畫制作,第1章 基本知識和FLASH 介紹,1.3 簡單的Flash 動畫制作,先創(chuàng)建一個影片，在其中繪制或?qū)雸D形或圖像； 然后在舞臺上安排這些內(nèi)容并使用時間線面板創(chuàng)建動畫效果，在這個過程中可以使用動作使 Flash 電影能夠響應(yīng)特定事件，從而獲得交互效果； 電影制作完成后，應(yīng)將其導(dǎo)出為一個用 Flash 播放器能夠播放的 .swf 文件，也可以使用Flash 程序組中 Standalone Player 將其制作成一個能夠獨(dú)立于播放器運(yùn)行的可執(zhí)行文件（即 .exe 文件）。,Flash動畫創(chuàng)作的工作流程,Swf文件 Swf文件是fla

42、sh播放文件，也就是通常所說的flash動 畫。它的后綴名為.swf,是Shockwave Flash的簡稱，需要通過內(nèi)置的或外置的Flash播放器來播放。Swf文件不能被編 輯，只能由編輯完成的Fla源文件輸出而成. 在輸出Swf文件時，可以有一些設(shè)置選項(xiàng)。點(diǎn)擊主菜單中的“文件-導(dǎo)出影片”即可彈出對話框進(jìn)行參數(shù)設(shè)置。,1.3 簡單的Flash 動畫制作,Flash 文件格式,Fla文件 Fla文件是制作和編輯Flash動畫的源文件。它的后綴名為.fla,是Flash的簡稱。Fla文件無法用內(nèi)置的或外置的Flash播放器來播放，但它可以在Flash程序中運(yùn)行。用Fla文件可以輸出多種格式的動畫

43、文件，包括Swf文件、Gif文件等。,1.3 簡單的Flash 動畫制作,Flash 文件格式,1.3 簡單的Flash 動畫制作,創(chuàng)建新文檔 1 選擇 “ 文件 ”“ 新建 ”。 2 在 “ 常規(guī) ” 選項(xiàng)卡上，選擇 “Flash 文檔 ”。 從模板創(chuàng)建新文檔 1 選擇 “ 文件 ”“ 新建 ”。 2 單擊 “ 模板 ” 選項(xiàng)卡。 3 從“類別”列表中選擇一個類別，并從“類別項(xiàng)目”列表中選擇一個文檔，然后單擊“確定”?？梢赃x擇 Flash 自帶的標(biāo)準(zhǔn)模板， 也可以選擇保存的模板。,新建文件,1.3 簡單的Flash 動畫制作,方法 （1）如果當(dāng)前工作界面中沒有“屬性”面板，可以選擇“窗口”“

44、屬性”命令。 （2）單擊“屬性”面板中“大小”后面的按鈕，彈出“文檔屬性”對話框。 （3）在對話框中的“尺寸”數(shù)值框中輸入需要的數(shù)值即可改變舞臺大?。粏螕簟氨尘邦伾庇覀?cè)的顏色塊，打開顏色庫，在其中選擇一種顏色，即可改變背景顏色；在“幀頻”數(shù)值框中輸入每秒要顯示的動畫幀數(shù)，其值越大，動畫運(yùn)動速度越快；在“標(biāo)尺單位”下拉列表中選擇標(biāo)尺的度量單位。 （4）在對話框中將各項(xiàng)設(shè)置完成后，單擊“確定”按鈕。,設(shè)置文檔屬性,1.3 簡單的Flash 動畫制作,在制作動畫時，有時需要將動畫中的圖形或者其他對象進(jìn)行精確定位，這時就要用到標(biāo)尺功能，標(biāo)尺可以起到精確定位的作用。 方法 默認(rèn)情況下，標(biāo)尺沒有顯示出來

45、，如果要顯示標(biāo)尺，選擇“視圖”“標(biāo)尺”命令，再次選擇此命令可隱藏標(biāo)尺。,使用標(biāo)尺,1.3 簡單的Flash 動畫制作,當(dāng)在文檔中顯示網(wǎng)格時，將在所有場景中的對象之后顯示一系列的直線?？梢詫ο笈c網(wǎng)格對齊，也可以修改網(wǎng)格大小和網(wǎng)格線顏色。 1. 顯示網(wǎng)格 選擇“視圖”“網(wǎng)格”“顯示網(wǎng)格”命令即可顯示網(wǎng)格 2. 編輯網(wǎng)格 選擇“視圖”“網(wǎng)格”“編輯網(wǎng)格”命令，彈出“網(wǎng)格”對話框。,使用網(wǎng)格,1.3 簡單的Flash 動畫制作,使用輔助線,如果顯示了標(biāo)尺，可以將水平和垂直輔助線從標(biāo)尺拖動到舞臺上。可以移動、鎖定、隱藏和刪除輔助線，也可以使對象貼緊至輔助線，更改輔助線顏色和貼緊容差（對象與輔助線必須有

46、多近才能貼緊至輔助線）。,1.3 簡單的Flash 動畫制作,1. 顯示輔助線 將標(biāo)尺顯示出來后，在水平標(biāo)尺或垂直標(biāo)尺上按下鼠標(biāo)左鍵并在舞臺上拖動，即可繪制出水平或者垂直輔助線。 輔助線繪制完成后，選擇“視圖”“輔助線”“顯示輔助線”命令，可將輔助線隱藏；再次選擇此命令，則可顯示剛才繪制的輔助線。 2. 鎖定/清除輔助線 選擇“視圖”“輔助線”“鎖定輔助線”命令即可將輔助線進(jìn)行鎖定。 選擇“視圖”“輔助線”“清除輔助線”命令即可將輔助線清除。 3. 編輯輔助線 編輯輔助線的操作方法如下： （1）選擇“視圖”“輔助線”“編輯輔助線”命令，彈出“輔助線”對話框。 （2）在對話框中按照需要進(jìn)行適當(dāng)?shù)?/p>

47、設(shè)置后，單擊“確定”按鈕即可。,使用輔助線,1.3 簡單的Flash 動畫制作,改變舞臺顯示比例有以下幾種方法： 1. 通過菜單命令 單擊“視圖”“放大”命令即可放大舞臺的顯示比例； 選擇“視圖”“縮小”命令則可以縮小舞臺的顯示比例； 選擇“視圖”“縮放比率”子菜單中的命令可以設(shè)置大小不同的顯示比例 選擇“視圖”“縮放比率”子菜單中的“顯示幀”命令顯示整個舞臺 2. 通過下拉列表 單擊顯示比例框右端的下拉按鈕，在彈出的下拉列表中選擇一種合適的顯示比例，或者在文本框中輸入縮放比例，然后按Enter鍵即可。 3. 通過工具箱中的按鈕 單擊工具箱查看區(qū)中的“縮放工具”按鈕，在下面的選項(xiàng)中進(jìn)行選擇，選擇帶“+”號的放大鏡時，光標(biāo)在舞臺上移動就顯示為“+”號的放大鏡，可以實(shí)現(xiàn)放大功能；當(dāng)選擇帶“-”號的放大鏡時，光標(biāo)在舞臺上移動就顯示為“-”號的放大鏡，可以實(shí)現(xiàn)縮小功能?？焖偾袚Q按住,改變舞臺顯示比例,任務(wù)概述 制作一段文字從左向右水平再從右向左移動的簡單動畫。,1.3 簡單的Flash 動畫制作,課堂實(shí)例 水平移動的文字,1 新建文件 選擇菜單【文件】【新建】命令，打開“新建文檔”窗口。選擇類型中的“Flash 文檔”，點(diǎn)擊“確定”進(jìn)入文檔編輯窗口。也可以單擊主工具欄的“新建”按鈕，直接創(chuàng)建一個Flash文檔。,1.3 簡單的Flash