Flash-教程全.ppt

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

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

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

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

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

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

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

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

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

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

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

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

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

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

16、電腦”的硬盤中雙擊打開任何一個擴展名為“*.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 動畫制作,導出影片 1 選擇 “ 文件 ”“ 導出 ”“ 導出影片 ”。 2 在 “ 打開 ” 對話框中，定位到文件或在 “ 轉(zhuǎn)到 ” 框中輸入文件的路徑。 3 單擊 “ 保存 ”。,導出影片,標題欄,菜單欄,時間軸面板,場景舞臺,屬性面板,繪圖工具箱,Flash的工作界面,1.2 Flash CS4 工作界面,工作區(qū),標題欄,1.2 Flash CS4 工作界面,標題欄：用于顯示Flash CS4中打開文檔的名稱。如果打開多個文檔，當前文檔名稱高亮顯示，如果要編輯哪個文檔，在該文檔

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

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

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

21、上的內(nèi)容都表示當前幀的內(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)容(圖形、音頻、素材符號及其他嵌入對象)。在時間線控制窗中，每一幀都是由時間標尺上按順序排列的小方格來表示。,幀的概念,1.1 Flash動畫的基本概念,幀與幀速率(fps) 動畫中播放的每一幅畫面稱為一幀，每秒鐘播放的幀數(shù)稱為幀速率。 幀速率達到每秒 10 幀以上，產(chǎn)生運動感。幀速率達到每秒 15 幀以上，運動畫面平滑流暢。 電影的幀速率為每秒 24 幀。 影片幀頻率最大可以設(shè)置120fps,對于在網(wǎng)絡上播放的動畫,最合適的幀頻率是12fps.,由于計算機動畫與傳統(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)鍵幀。而補間動畫在動畫的重要點上創(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)鍵點，空白普通幀則是起到延續(xù)空白關(guān)鍵幀的作用，空幀是還未使用的幀。,1.2 Flash CS4 工作界面,各種類型的幀圖標,1.2 Flash CS4 工作界面,不同的

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

45、，如果要顯示標尺，選擇“視圖”“標尺”命令，再次選擇此命令可隱藏標尺。,使用標尺,1.3 簡單的Flash 動畫制作,當在文檔中顯示網(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 動畫制作,使用輔助線,如果顯示了標尺，可以將水平和垂直輔助線從標尺拖動到舞臺上?？梢砸苿印㈡i定、隱藏和刪除輔助線，也可以使對象貼緊至輔助線，更改輔助線顏色和貼緊容差（對象與輔助線必須有

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

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