【教學(xué)目標】了解用Flash制作課件的優(yōu)勢與不足,學(xué)會用Flash制作演示型 動畫課件和交互型課件。
【重點難點】重點是Flash動畫基本技法及其綜合運用,難點是交互性 的實現(xiàn)。
【教學(xué)策略】教師實例演示,學(xué)生上機操作,教師輔導(dǎo)和點評。
【媒體選擇】主要采用Flash示范課件和實際操作講解相結(jié)合,并輔以文字教材 、網(wǎng)上學(xué)習(xí)資源和教學(xué)光盤。
【教學(xué)內(nèi)容】
Flash 是由 Macromedia 出品的、優(yōu)秀的矢量動畫編輯軟件,它支持動畫、聲音以及交互,具有強大的多媒體編輯功能,尤其適合制作用于在網(wǎng)絡(luò)上傳輸?shù)慕换バ驼n件。在主頁制作、影視動畫創(chuàng)造、網(wǎng)上廣告(企業(yè)或個人簡歷、產(chǎn)品展示)、娛樂( MTV 、網(wǎng)絡(luò)游戲)、電子賀卡、軟件教程(多媒體光盤)制作等眾多領(lǐng)域有著廣泛的應(yīng)用。
學(xué)習(xí)內(nèi)容與要求:
第一節(jié) Flash 基礎(chǔ):了解 Flash 的特點,掌握 Flash 的基本概念,熟悉 Flash 的界面。初步掌握圖形繪制工具的設(shè)置和使用,體會“幀”的概念,了解“幀”的一般操作。
第二節(jié) Flash 動畫基本技法:掌握元件、元件庫的概念和使用,理解層的概念,掌握引導(dǎo)層、蒙板層的使用, 掌握“元件+層+時間軸+關(guān)鍵幀技術(shù)”基本原理, 學(xué)會幀幀動畫、運動過渡動畫(包括位置、縮放、旋轉(zhuǎn)、色彩、亮度、透明度變化,路徑動畫和蒙板動畫等)和形變過渡動畫的制作方法與注意事項。
第三節(jié) 初步掌握交互性 Flash 動畫的制作,即利用幀動作、按鈕動作和電影剪輯動作制作行為動畫,實現(xiàn)基本的交互效果,掌握作品發(fā)布方法,了解 Flash 輔助工具軟件,會利用網(wǎng)上豐富的 Flash 學(xué)習(xí)資源。
一 、 Flash的十大特點
( 1 )小而精。
( 2 )作品任意縮放不變形,可滿屏播放、右鍵實現(xiàn)播放控制,使用方便。
( 3 )作品創(chuàng)作容易上手。
( 4 )元件庫技術(shù)先進,作品修改非常方便。
( 5 )多媒體集成:可導(dǎo)入文本、表格、圖片、聲音、視頻、 gif 動畫、 Flash 動畫等多種媒體。
( 6 )交互性強。
( 7 )多用戶端播放: Flash Player 單獨播放、獨立運行和 Web 瀏覽器播放。
( 8 )流媒體,支持 MP3 數(shù)據(jù)流式音頻,動畫播放非常流暢。
( 9 )低開發(fā)建設(shè)成本和高開發(fā)建設(shè)效率。
( 10 )可應(yīng)用到 Authorware, Director, Dreamweaver, FrontPage 中。因此, Flash 動畫已經(jīng)成為網(wǎng)上交互式矢量動畫的標準,在中小學(xué)教學(xué)中應(yīng)用非常廣泛,已成為一項教學(xué)基本功。
二、 Flash MX 的工作環(huán)境
1. 舞臺:也叫工作區(qū),是繪圖和編輯動畫的矩形區(qū)域,也是動畫中“演員”表演的前臺。
2. 繪圖工具欄:包括繪圖工具 16 個,查看工具 2 個,顏色工具 5 個,工具選項若干個。
3. 時間軸( Timeline ):好像導(dǎo)演手中的劇本,它決定了各個場景的切換以及演員出場、表演的時間順序,即什么時候、哪位演員上場、說什么臺詞、做什么動作以及各位演員之間應(yīng)該如何配合等等。時間軸線記錄了全部的動畫信息,是控制動畫流程最重要的手段。
4. 面板: Flash MX 新工作環(huán)境的一大特色。調(diào)出 / 關(guān)閉面板的方法有以下幾種:
( 1 )點“窗口 / …”,即從“窗口”菜單中調(diào)出( 2 )右擊舞臺中的對象,在出現(xiàn)的快捷菜單中選擇“面板”
( 3 )點“窗口 / 面板設(shè)置 / 默認布局”( 4 )“窗口 / 關(guān)閉所有面板”( 5 )單擊面板窗口右側(cè)的“ X ”。
5. 庫窗口(元件庫):把在電影中多次出現(xiàn)的對象定義成“元件”( symbol ),存儲在庫中,在場景中引用其“實例”( instance )即可,可以大大減少文件的體積,提高開發(fā)效率和元件的共享性。調(diào)出元件庫的方法:
( 1 )窗口 / 庫( Ctrl+L 或 F11 ):打開當(dāng)前電影的元件庫。
( 2 )窗口 / 公用庫:打開 Flash MX 提供的 3 種類型的共享元件庫(按鈕、聲音、學(xué)習(xí)交互)。
( 3 )文件 / 作為庫打開:打開、共享和使用其他動畫源文件( .fla )中的元件庫。
( 4 )文件 / 導(dǎo)入或?qū)氲綆欤簩?dǎo)入外部以獨立媒體文件形式存在的多媒體元件。
6. 電影播放控制器:窗口 / 工具欄 / 控制欄?;剀嚮?Ctrl+ 回車或文件 / 發(fā)布預(yù)覽。
7. 其他:標題欄 , 菜單欄,標準工具欄,滾動條,狀態(tài)欄,網(wǎng)格 , 標尺,屬性面板等。
三、位圖與矢量圖
矢量圖放大后仍然能夠保持原清晰度,這是因為矢量圖是用包含顏色和位置屬性的直線或曲線(稱為矢量)來描述的,具有獨立的分辨率。而位圖經(jīng)過縮放后圖形顯示質(zhì)量大為下降,這是因為位圖是通過對每一個圖形柵格內(nèi)不同顏色的點即像素來描述,分辨率不是獨立的,縮放時因為像素重新分配而導(dǎo)致圖形邊緣粗糙變模糊,降低輸出(顯示)質(zhì)量。
三、繪圖與上色
繪圖與上色是 Flash 基本功。以 畫一片樹葉為例,其步驟包括兩步:首先是繪圖,( drawing )即畫出樹葉的輪廓(葉子的脈絡(luò));其次是上色( painting )即在被輪廓線包圍的區(qū)域填充綠色。通常把繪圖( draw )操作完成的結(jié)果稱為“線”(直線和曲線),上色( paint )操作完成的結(jié)果稱為“填充區(qū)域”或“形”,合起來即為圖形。
四、圖形構(gòu)成、組合與分割
線條 + 填充區(qū)域 = 完整圖形;點“矩形工具”,在舞臺上繪制 2 個矩形,點“箭頭”工具,用鼠標畫框的方法選中其中一個,點“修改 →組合 ”,使它成為組合對象,點“線條”工具,分別在組合的矩形和未組合的矩形中間畫一條交叉的線條。注意觀察:組合圖形和與之交叉的直線均未被分割,而未組合的矩形和與之交叉的線條均被分割成 2 段。嘗試用線條分割的方法將一個圓分成六個等份,然后分別填充不同的顏色,再刪除所有多余的線條,做成一個彩色盤。
五、理解對象與選擇對象
3只鳥共同組成 1 個組合對象, 1 只鳥為 1 個基本對象,鳥的眼睛是 1 個子對象。使用箭頭工具和套索工具,配合單擊、雙擊、拖曳和 shift 鍵選擇對象:單擊選中一條線,雙擊選中相連的所有線條,單擊選中填充區(qū)域,用鼠標拖曳出一個矩形選擇對象,按 shift 鍵選擇多個對象。
六、滴管、墨水瓶和油漆桶
滴管工具用于拾取工作區(qū)中已經(jīng)存在的某種筆觸或填充樣式。注意滴管工具在拾取某種筆觸后自動變?yōu)槟抗ぞ撸ㄓ糜诟淖儓D形的線條輪廓即筆觸),在拾取某種填充樣式后自動變?yōu)橛推嵬肮ぞ撸ㄓ糜诟淖儓D形的填充區(qū)域即色塊)。
七、填充缺口、漸變填充與位圖填充
選油漆桶工具,“選項”欄有 4 個選項:不封閉、封閉小空隙、封閉中等空隙和封閉大空隙。這些選項適合在所繪制的圖形未完全封閉、有大小不等的缺口時封閉填充圖形。
選油漆桶工具,點“油漆桶顏色”下拉箭頭,選中一種放射狀即中心漸變色,再點“填充變形”工具,點擊填充區(qū)域,調(diào)整漸變中心位置,漸變圓大小和方向,使變成合適的模樣。
用油漆桶填充一種線性漸變色,點“填充變形”工具,點擊填充區(qū)域,調(diào)整漸變中心位置,漸變大小和方向,使變成合適的模樣。
點“文件 → 導(dǎo)入”,選中一幅位圖(例如 c:\windows\circles.bmp2 )。選中位圖,點“修改 → 分離”。點選滴管工具,點擊圖形內(nèi)部,油漆桶工具的填充顏色自動變?yōu)閯偛庞玫喂芄ぞ呤叭〉拇蛏⒘说奈粓D的填充樣式。分別用橢圓和矩形工具畫圖,畫出來的圖形內(nèi)部以導(dǎo)入的位圖來填充。
八、直線變曲線、調(diào)整圖形輪廓
“箭頭”工具除了用于選中和移動對象外,還可以用來調(diào)整圖形輪廓:不按 ctrl 鍵,將鼠標定位到圖形某個頂點或拐點位置,鼠標變成直角形狀,拖拽鼠標可以移動頂點或拐點的位置,圖形自動作相應(yīng)變化。定位到圖形其他位置,鼠標變成弧線,拖拽鼠標可以將直線或曲線拉成弧形。按 ctrl 鍵不放,拖拽鼠標可以強拉出一個尖角。
點“查看 / 網(wǎng)格 / 顯示網(wǎng)格”,再點“查看 / 網(wǎng)格 / 對齊網(wǎng)格”。點放大鏡工具,可進行多倍放大或縮小顯示。
點矩形工具,在舞臺上繪制 3 個矩形,點箭頭工具,將鼠標指向矩形右上角的頂點,當(dāng)變成直角形狀時,垂直向下拖拽至與矩形右下角的頂點重合后釋放鼠標,矩形變成直角三角形。將鼠標指向直角頂點,當(dāng)變成直角形狀時,拖拽一小段距離后釋放鼠標,直角三角形變成銳角三角形或鈍角三角形。
將鼠標指向矩形上邊線中點,當(dāng)變成弧形時,垂直向上拖拽一小段距離后釋放鼠標,發(fā)現(xiàn)原來的直線線段被拉成弧線,用同樣的方法將矩形的右、下、左邊線拉成弧線,使矩形變成橢圓。將余下的矩形改造成任意形狀。
九、運動對象的幾何重心與注冊點
Flash 中每個元件、實例和組合對象(包括文本)都有一個注冊點,在移動、旋轉(zhuǎn)對象或?qū)嵤┳冃尾僮鲿r都要用到它,例如縮放或旋轉(zhuǎn)時,基準點就是該對象的注冊點(通常就是對象的幾何中心)。線條和填充區(qū)域沒有注冊點,它們旋轉(zhuǎn)、縮放或定位的基準點就是它們的左上角頂點。修改注冊點的方法:雙擊對象,在編輯狀態(tài)下,用鼠標將對象移動到合適的位置(相對于舞臺中央的“ + ”注冊點)。創(chuàng)建、編輯元件時最好使對象的幾何中心與舞臺上的默認注冊點重合。使用“信息”面板可以用數(shù)值進行精確調(diào)整。
十、縮放、旋轉(zhuǎn)、 翻轉(zhuǎn)與變形
點選“任意變形”工具,點選圖形對象,或點“修改 / 變形 / 任意變形”。拖拽圖形對象上的控點進行縮放、旋轉(zhuǎn)、翻轉(zhuǎn)與變形。也可右擊對象,選“面板 / 變形”,在“變形面板”中輸入縮放的寬度和高度比例(如 50% )、旋轉(zhuǎn)的角度(如 30 °)以及水平和垂直傾斜的角度,實現(xiàn)精確變形。
十一、把線條轉(zhuǎn)換為填充區(qū)域
1. 用鉛筆或橢圓工具畫圖,刪除填充區(qū)域 2. 選中線條,點“修改 / 形狀 / 將線條轉(zhuǎn)換為填充” 3. 用漸變色填充 4. 嘗試制作五環(huán)奧運標志
十二、制作中空字和變形字
文本未分離(打碎)前,可以編輯它的內(nèi)容,進行整體移動、旋轉(zhuǎn)、縮放,但不能用墨水瓶、油漆桶等工具對文本進行加工。把文本分離(打碎)為圖形,就可以象一般圖形一樣進行任意修改。
1. 點選文本工具,先在屬性面板中設(shè)置字體、字號、顏色等,然后在舞臺上點鼠標,輸入文本
2. 點選箭頭工具,點“修改 / 分類”,打散文本
3. 用墨水瓶添加輪廓線
4. 用箭頭工具拖動文字的輪廓線,改變文字形狀
5. 刪除文字中的填充區(qū)域
十三、將導(dǎo)入的位圖矢量化和去背景
1. 點“文件 / 導(dǎo)入”,選擇要導(dǎo)入的位圖文件(后綴一般是 bmp 、 jpg 、 gif 等)。
2. 點“插入 / 新建元件”,輸入名稱,在“行為”欄選“圖形”,確定。
3. 按 F11 調(diào)出庫窗口,將庫中的位圖拖放到舞臺中,選中它,點“修改 / 轉(zhuǎn)換位圖為矢量圖”,確定。
4. 點套索工具,在選項區(qū)中點選“魔術(shù)棒”,點擊位圖中的背景,按 Delete 刪除它。如果用魔術(shù)棒不能很好地點選背景,也可以在選項區(qū)中點選“多邊形套索”,選中要保留下來的部分,復(fù)制,按 Ctrl+A 全選,按 Delete 刪除,右擊,選“粘貼到當(dāng)前位置”。
十四、理解元件與實例
1. 元件是指一個可重復(fù)使用的圖形、圖片、動畫或按鈕,實例就是指元件在工作區(qū)的實際應(yīng)用 ( 引用 ) 。把電影中多次使用的元素做成元件可以:簡化動畫的編輯,簡化時間軸;使動畫文件的體積大大縮減;加快電影的播放速度。
2. 元件的種類及用途
( 1 )圖形元件:主要用來制作靜態(tài)圖形、不具有交互性的動畫以及與等時線緊密聯(lián)系的主電影。
( 2 )電影剪輯元件:用來制作獨立于主電影等時線的動畫。它就像主電影中的小電影片斷,它可以包括交互性控制、聲音甚至其他電影剪輯的實例。也可以把電影剪輯的實例放在按鈕的等時線中,從而實現(xiàn)動畫按鈕。有時為了實現(xiàn)交互性,單獨的圖像也要做成電影剪輯。電影剪輯圖符的動畫和交互性在編輯時不能直接看到效果,必須選擇“控制 / 測試電影”或“控制 / 測試場景”
( 3 )按鈕元件:它可以在電影中創(chuàng)建交互按鈕,響應(yīng)標準的鼠標事件(如單擊)。首先要為按鈕分配用于不同狀態(tài)的外觀,然后為按鈕的實例分配動作。
創(chuàng)建元件的方法有:插入 / 新建元件;按 Ctrl-F8 ; 點庫窗口左下角的“ + ”按鈕;右擊圖片,選“轉(zhuǎn)換為元件”。在彈出的“ 創(chuàng)建新元件”對話框中輸入元件名稱, 在 [ 行為 ] 欄中指定元件類型,確定。
十五、文本的種類和處理
Flash MX 中的文本有 3 類:靜態(tài)文本、動態(tài)文本和可編輯文本。
靜態(tài)文本在電影播放時不能改變和編輯,分為固定行寬文本(可自動換行,文本框右上角有方形手柄標志)和延伸文本(不會自動換行,文本框右上角有圓形手柄標志),雙擊方形手柄、拖曳圓形手柄可以轉(zhuǎn)換。
動態(tài)文本框用來存放動態(tài)變化的文本,可以通過指定一個文本變量,并且利用動作語句給文本變量賦值的辦法實現(xiàn)文本的動態(tài)變化。
可編輯文本,主要用來創(chuàng)建電影的交互性,用戶在可編輯文本框中輸入內(nèi)容, Flash 對其進行處理,如判斷輸入是否正確輸入了預(yù)設(shè)的文本,制作用戶登錄界面和填空題等。
十六、制作立體按鈕外形
1. 制作一個漸變圓(細黑線,線性漸變色,按 shift 畫正圓),點“修改 / 組合”。
2. 用油漆桶和變形 3. 在舞臺空白處制作一個小漸變圓(無輪廓線,線性漸變色,按 shift 畫正圓)。
4. 用油漆桶和變形填充調(diào)整小圓的漸變方向,使與大圓正好相反,點“修改 / 組合”。
5. 移動小圓到大圓中央,得到一個有立體感的按鈕外形。
注意:如果直接把小圓畫在大圓里,移動小圓時就會出現(xiàn)空白。
十七、理解組合對象及其層次
先畫一個大圓,接著在舞臺空白處畫一個小圓,再將小圓拖到大圓上,最后拖開小圓,結(jié)果發(fā)現(xiàn)大圓被小圓挖去了兩者重疊的部分。這說明后畫的小圓會覆蓋先畫的大圓的部分。點 2 次撤消,用鼠標畫方框的方法選中大圓,點“修改 / 組合”或按 Ctrl+G 使大圓變成組合對象,將小圓拖到大圓上,再拖開小圓,結(jié)果發(fā)現(xiàn)大圓并沒有被小圓挖去了兩者重疊的部分。
各組合對象都浮在背景上,它們之間有層次關(guān)系。 Flash 的規(guī)則是后畫的對象在上面,先畫的對象在下面??梢酝ㄟ^“修改 / 排列”來更改重疊對象的層次關(guān)系。
十八、理解圖層、熟悉圖層的基本操作
1. 點“文件 / 新建( Ctrl+N )”,新建一個動畫文件。
2. 在圖層 1 中畫一個矩形。
3. 點“插入 / 圖層”(或點時間軸中的“ + ”),在圖層 2 中畫一個圓,使與矩形部分重疊。此時,圓在矩形上。
4. 用鼠標拖曳圖層 1 到圖層 2 上釋放鼠標,則矩形變動圓的上面。
5. 點圖層 1 名稱和鉛筆右側(cè)的與眼睛對應(yīng)的 ·, 隱藏該圖層,發(fā)現(xiàn)矩形不見了。隱藏圖層 2 ,圓也不見了。點圖層上方的“眼睛”按鈕,全部取消隱藏。再點一次“眼睛”按鈕,則所有的圖層全部隱藏。
6. 鎖定圖層 1 或 2 ,則舞臺中的矩形或圓雖然可見,但無法被選中、修改。
7. 輪廓顯示圖層 1 或 2 ,則矩形或圓只有線條顯示,不顯示填充區(qū)域。
十九、將工作區(qū)的動畫轉(zhuǎn)成電影剪輯元件
當(dāng)已經(jīng)在工作區(qū)創(chuàng)建了一個動畫,而又想在電影的其他地方重復(fù)使用,或者把它作為實例來操作,則可以將它轉(zhuǎn)換成電影剪輯元件。方法如下:
1. 點選最高圖層的第一個幀,按 Shift 鍵不放,點選最低圖層的最后一個幀。如果只有一個圖層,則點動畫起始幀,按 Shift 鍵不放,點選動畫結(jié)束幀)。
2. 點“編輯 / 復(fù)制幀”或右擊選中的動畫幀,選“拷貝幀”。
3. 點“插入 / 新建元件”,選“電影剪輯”類別。這時工作區(qū)切換到元件編輯模式。
4. 右擊時間軸圖層 1 第一幀,選“粘貼幀”。
5. 點舞臺左上角的“場景 1 ”,切換到場景1 ,按 F11(窗口 / 庫),將庫中的電影剪輯拖放到工作區(qū)適當(dāng)位置。
二十、制作移動動畫
Flash 運行后,系統(tǒng)自動建立了一個擴展名為 fla 的動畫文件,首先保存它。然后點“修改 - 文檔” ( 或按 Ctrl-M) ,修改當(dāng)前舞臺的屬性。可以修改播放速度 ( 幀速率,默認每秒 12 幀,比較適合目前的互聯(lián)網(wǎng)網(wǎng)速 ) ,舞臺尺寸,是否顯示網(wǎng)格,網(wǎng)格點間距,網(wǎng)格色和背景色以及選用何種度量單位等。動畫創(chuàng)作前,要先確定舞臺尺寸和背景色。舞臺尺寸默認為寬 550 點、高 400 點,設(shè)置時要與動畫對象的尺寸匹配,舞臺過大,動畫對象太小,顯得比例失衡、不協(xié)調(diào),舞臺小了,容納不下動畫對象。所以創(chuàng)作動畫時,如果確實不需要默認寬 550 、高 400 的舞臺大小,可以以左上角為準,安排動畫對象的位置,動畫制作完成后,在“文檔屬性”對話框中點“匹配”欄的“內(nèi)容”按鈕,這樣 Flash 會根據(jù)動畫對象的尺寸,自動調(diào)整舞臺大小,使比較適合動畫對象。
1. 放大與縮小
A. 點選起始幀(第 1 幀),導(dǎo)入圖片,右擊圖片,選“轉(zhuǎn)換為元件”,輸入元件名稱,在 [ 行為 ] 處選 [ 圖形 ] 。
B. 右擊結(jié)束幀(第 20 幀),選“插入關(guān)鍵幀”。
C. 右擊圖片,選“面板 / 變形”,在“變形面板”中輸入寬、高縮放比例。
D. 在起始幀與結(jié)束幀之間任一位置右擊,選“創(chuàng)建補間動畫”。注意,確認 幀屬性面板中的“縮放”復(fù)選框一定要選中。 按 Ctrl+ 回車,預(yù)覽。
提示:運動漸變動畫的標志是有一個實箭頭將 起始幀與結(jié)束幀連起來 ,背景變?yōu)榈{色。如果出現(xiàn)的是虛線,則表明動畫沒有做成功,可能是 起始幀和結(jié)束幀中的對象不一致,或者是形狀。因為形狀是散的,不是整體,因而不能直接做運動動畫,必須要先轉(zhuǎn)換成組合對象或元件。
2. 添加旋轉(zhuǎn)效果
在起始幀與結(jié)束幀之間的任一位置單擊左鍵,點下面屬性面板 [ 旋轉(zhuǎn) ] 下拉箭頭,選擇旋轉(zhuǎn)方向(順時針或逆時針),輸入旋轉(zhuǎn)次數(shù)。
3. 利用透明度屬性實現(xiàn)淡入淡出效果
點起始幀,點選圖片,在屬性欄選擇 [ 顏色 ]/[ Alpha ] (透明度),改變?yōu)?0 ( 完全透明) 或 50 ( 半透明) 以下,這樣就實現(xiàn)了淡入效果。
右擊結(jié)束幀后 20 幀處(如第 40 幀),選“插入關(guān)鍵幀”。點選圖片,在屬性欄選擇 [ 顏色 ] —— [ Alpha ] ,改變?yōu)?100 。在第 20 幀 - 第 40 幀之間任一位置右擊,選“創(chuàng)建補間動畫”。這樣就實現(xiàn)了淡出效果。
以上操作把 縮放、旋轉(zhuǎn)、透明度變化的效果都應(yīng)用在同一個圖片對象上,實際制作時要根據(jù)需要靈活運用。
4. 制作沿路徑移動動畫
新建立一個動畫文件,雙擊圖層 1 ,改名為“圖片”,按回車。從庫中將圖片元件拖入第 1 幀,在第 30 幀按 F6 插入關(guān)鍵幀。
點“添加運動引導(dǎo)層”按鈕,時間軸中的“圖片”層 向右縮進,表示該層已與新建的 引導(dǎo)層建立了引導(dǎo)與被引導(dǎo)的 關(guān)聯(lián)。 用鉛筆工具畫出一條曲線,即路徑,點該層對應(yīng)的鎖按鈕,鎖住引導(dǎo)層。
點選“圖片”層第 1 幀,將鼠標移至圖片對象的幾何中心點即注冊點,按下鼠標,拖到圖片到曲線的起始位置后釋放鼠標。拖動時, 圖片中心出現(xiàn)小圓圈,當(dāng)圖片接近路徑端點時,中心點會自動捕捉到該端點 。
點選“圖片”層第 40 幀,用拖動圖片注冊點的辦法將圖形吸到曲線的尾部。
提示: Flash允許多個圖層與同一個運動導(dǎo)向?qū)雨P(guān)聯(lián),也就是說可以有多個對象沿同一個路徑運動。建立導(dǎo)向?qū)舆€有一種方法,即右擊“圖片”層(需要引導(dǎo)的圖層),選“添加引導(dǎo)圖”,則在“圖片”層上出現(xiàn)新的導(dǎo)向?qū)?,“圖片”自動縮進,顯示二者關(guān)聯(lián)。
注意:要隨時保存文件。點“文件 / 保存”(按 Ctrl-S ),在彈出的“另存為”對話框中輸入文件名,確定,系統(tǒng)把源文件保存為 .fla 格式。按 Ctrl-Enter ,則系統(tǒng)會自動生成與源文件同名、擴展名為 swf 的電影文件。
5. 制作文字動畫
新建一個動畫文件,在第 1 幀舞臺的左上角輸入文字,點箭頭工具,右擊文字,選選“轉(zhuǎn)換為元件”,在 [ 行為 ] 處選 [ 圖形 ] 。右擊第 20 幀,選“插入關(guān)鍵幀”,將文字拖動到舞臺的右下角。在第 1 — 20 幀之間任一位置單擊鼠標右鍵,選擇“創(chuàng)建補間動畫”。參照前面介紹的方法可以實現(xiàn)文字的 縮放、旋轉(zhuǎn)、色彩、亮度、透明度變化以及路徑動畫。
6. 讓 gif 動畫“動”起來
目前,網(wǎng)上已有豐富的 gif 動畫素材,這為 Flash 動畫創(chuàng)作提供了寶貴的素材資源。在 百度關(guān)鍵詞文本域中輸入“ gif 動畫庫”,可以 從網(wǎng)上搜索、下載 大量種類齊全的 gif 動畫。將 gif 動畫直接導(dǎo)入到 Flash 時間軸,無需修改或稍加處理就可以制作成 幀幀動畫。將 gif 動畫導(dǎo)入到圖形元件或電影剪輯中,可以制作成更復(fù)雜的動畫效果。
A .新建一個動畫文件。按 F11 調(diào)出庫窗口,點“新建元件”按鈕,輸入元件名稱,在 [ 行為 ] 處選 [ 電影剪輯 ] ,確定。點 “文件 / 導(dǎo)入”,彈出“導(dǎo)入”對話框, 點工具欄“查看”菜單下拉箭頭, 選“縮略圖”,預(yù)覽圖片,雙擊要導(dǎo)入的 gif 動畫文件。
B .根據(jù)需要對電影剪輯元件時間軸中的幀以及幀中的圖形進行修改,例如通過插入普通幀使幀幀動畫適當(dāng)變慢,通過刪除普通幀使幀幀動畫適當(dāng)變快,去除關(guān)鍵幀圖形中的背景部分,調(diào)整位置等。
C .在庫窗口中選中屬于剛剛 導(dǎo)入的 gif 動畫的位圖,右擊選中的位圖,選“移至新文件夾”,在“新文件夾”窗口中輸入合適的名稱。雙擊文件夾,使其關(guān)閉。這樣,庫窗口依然簡潔明了。
D .用同法將其它 gif 動畫導(dǎo)入到另外新建的電影剪輯元件中,并且將 gif 動畫所屬的位圖移至新文件夾。
E .切換到場景 1 ,將庫中導(dǎo)入了 gif 動畫的電影剪輯元件拖放到舞臺上,成為實例??梢栽谖枧_上添加多個電影剪輯實例。選中實例,點屬性面板,展開它,修改實例的屬性,如實例的名稱、尺寸、位置、亮度、透明度、色調(diào)等。
F .根據(jù)需要進一步制作動畫效果,如平移、 縮放、旋轉(zhuǎn)、色彩、亮度、透明度變化,路徑動畫等。
7 、制作蒙版動畫
蒙版動畫又稱為遮罩動畫,是 Flash 動畫技法中最富魅力、創(chuàng)意和挑戰(zhàn)性的一種。運用得巧妙,可以制作出令人眩目的 動畫效果。
( 1 )遮罩層(探照燈)“動”,被遮罩層(被遮罩對象)“不動”——美麗的圖片現(xiàn)出來
A .新建一個動畫文件。按 F11 調(diào)出庫窗口,點“新建元件”按鈕,輸入元件名稱“探照燈”,在 [ 行為 ] 處選 [ 圖形 ] ,確定。按 Shift 不放,用橢圓工具畫一個標準圓。點圓的線條,按 Delete 刪除它。點選圓,展開屬性面板,將高、寬數(shù)值改為 80 )。
B .切換到場景 1 ,雙擊圖層 1 ,命名為“移動探照燈”。在第 1 幀拖入“探照燈”元件。右擊第 12 幀,選“插入關(guān)鍵幀”,右擊舞臺中的探照燈圖形,選“面板 / 變形”,在“變形面板”中輸入縮放比例 800% ,回車。右擊第 1 — 12 幀之間的任意幀,選“創(chuàng)建補間動畫”。右擊第 1 幀,選“拷貝幀”,右擊第 24 幀,選“粘貼幀”,右擊第 12 — 24 幀之間的任意幀,選“創(chuàng)建補間動畫”。
C .添加一個新圖層,命名為“圖片”。在第 1 幀導(dǎo)入圖片,右擊第 24 幀,選“插入幀”。
D .右擊“移動探照燈”層,選“遮罩層”。
E .按 Ctrl+ 回車,預(yù)覽。隨著探照燈的放射性放大,被遮罩的被放射性地逐漸顯現(xiàn)出來,隨著探照燈的縮小,圖片從外圍向中心逐漸消隱。
( 2 )遮罩層(探照燈)不“動”,被遮罩層(被遮罩對象)“動”
A .新建一個動畫文件。
B .雙擊圖層 1 ,改名為背景。點“文件 / 導(dǎo)入”,選擇背景圖片,確定。
C .右擊圖片,選“屬性”,查看圖片大小(如寬 600px ,高 400px )。
D .點“修改 / 文檔”,將舞臺大小設(shè)置和圖片大小相同(寬 600 ,高 400 )。
E .右擊圖片,選“轉(zhuǎn)換為元件”。再次右擊圖片,選“屬性”,點屬性面板中的 [ 顏色 ] 下拉箭頭,選 [ Alpha] (透明度),設(shè)置為 30 ( 半透明)。 在時間軸背景層處點擊鎖,將背景層鎖定。
F .添加一個新層,雙擊層名稱,重命名為“滾動文字”。在第 1 幀用文本工具輸入要滾動顯示的文字(如詩歌、課文)。在第 200 幀插入關(guān)鍵幀,將文字移動到合適的位置,右擊第 1 — 200 幀之間的任意幀,選“創(chuàng)建補間動畫”。
G .新建圖層,將圖層改名為“遮罩”,在第 1 幀中畫一個大小合適的矩形,將圖形調(diào)整到合適位置。右擊該層,選“遮罩層”。
H .按 Ctrl+ 回車,預(yù)覽。在變淺了的背景中,文字緩慢地滾動顯示。
8. 制作運動過渡動畫要點小結(jié)
( 1 )運動對象必須在獨立的圖層中繪制或?qū)搿?
( 2 )用于制作運動過渡動畫的兩個關(guān)鍵幀,必須是未打散的文本、組合對象和實例。
( 3 )運動過渡動畫不僅可以表現(xiàn)運動對象位置變化,而且可以派生出許多分支:
旋轉(zhuǎn)動畫:可選擇順時針或逆時針旋轉(zhuǎn),并可設(shè)置旋轉(zhuǎn)次數(shù),可原地轉(zhuǎn),也可邊轉(zhuǎn)邊移動。
縮放動畫:兩個關(guān)鍵幀一大一小即可。相當(dāng)于攝影時的拉鏡頭和推鏡頭。
色彩動畫:用于表現(xiàn)物體的色彩漸變。注意兩個關(guān)鍵幀中的對象必須是庫中元件的引用實例。圖形或組合對象不能直接制作色彩動畫。
路徑動畫:又稱運動導(dǎo)引動畫。
蒙板動畫:是一種比較特殊的運動動畫。
動中有動:使動態(tài)圖形或動態(tài)電影剪輯作運動動畫可以實現(xiàn)比較復(fù)雜的、比較特殊的動畫效果。例如鳥兒振動翅膀向前或沿特定路徑飛翔、汽車輪子轉(zhuǎn)動并行進、大象向前行走等。
二十一、制作形狀漸變動畫
1. 自動延伸的直線
形狀漸變動畫是漸變動畫的另一種形式,是一種常用的、重要的動畫技法。
A .新建一個動畫文件,按 Ctrl-M 對電影的屬性作一個調(diào)整,將其設(shè)置為狹長的矩形 ( 如寬設(shè)為 400 ,高設(shè)為 50) ,將背景色設(shè)為藍色。
B .點選第 1 幀,用鉛筆或直線工具畫一水平線(按 Shift 鍵畫出筆直線),長度是動畫結(jié)束時的最長狀態(tài)。
C .在第 40 幀上按 F6 插入關(guān)鍵幀,實際上是把第 1 幀復(fù)制到第 40 幀。
D .點選第 1 幀,用鼠標畫方框的方法選中除線條最左端以外的多余部分,按 Delete 刪除,這樣就只保留了線條的首端很短的一小段。點幀屬性面板的“補間”下拉箭頭,選“形狀”漸變。這時在第 1 幀和第 40 幀之間出現(xiàn)一個實箭頭,背景變?yōu)榈G色,表明形狀漸變動畫制作成功。
提示 1 :如果出現(xiàn)的是虛線,則表明動畫沒有做成功,可能是 起始幀和結(jié)束幀中的對象是未打散的外部導(dǎo)入圖片、文本、組合對象或?qū)嵗?。未打散的文本、組合對象或?qū)嵗钦w,不是散的,因而不能直接做形狀漸變,必須要先打散(分離)。打散(分離)的方法是選中對象后,點“修改 / 分離”或按 Ctrl+B 。
提示 2 :用 Flash MX 工具欄中的繪圖工具(如線條、鉛筆、鋼筆、矩形、橢圓、墨水瓶、油漆桶工具)繪制的圖形是形狀,但轉(zhuǎn)換成元件或組合對象后就不再是形狀了。此外,用文本工具制作的未打散的文本是組合對象。
2 、老鼠變成貓
先用百度從網(wǎng)上搜索、下載 老鼠和貓的圖片。
A .新建一個動畫文件,按 Ctrl-M 對電影的屬性作調(diào)整,將其設(shè)置為寬 100 ,高 100 。
B .點選第 1 幀,點“文件 / 導(dǎo)入”,在“導(dǎo)入”對話框中選擇 老鼠圖片。點選舞臺中的老鼠圖片,點“修改 / 分離”或按 Ctrl+B ,將圖片轉(zhuǎn)換成形狀。必要時用套索工具中的魔術(shù)棒去除背景。
C . 點選第 20 幀,用同樣的方法導(dǎo)入 貓的圖片,轉(zhuǎn)換成形狀并去除背景。
D . 點選第 1 幀,點幀屬性面板的“補間”下拉箭頭,選“形狀”漸變。
二十二、 按鈕制作
1 .變色文字
A .插入 / 新建元件,選 [ 按鈕 ] ,給按鈕命名。
B .在 [ 彈起 ] 幀 輸入文字“按鈕”,在 [ 指針經(jīng)過 ] 幀 ——插入關(guān)鍵幀( F6 )——改變“按鈕”字體顏色。在 [ 按下 ] 幀 ——插入關(guān)鍵幀( F6 )——將“按鈕”字體顏色再改變。
C .切換到場景 1 ,按 F11 打開庫,把 [ 按鈕 ] 元件拖動到場景 1 中。
D . Ctrl+ 回車,移動鼠標到文字按鈕上并單擊,查看文字變色效果。
2 .給文字添加變色背景
A .切換到 [ 按鈕 ] 元件編輯窗口。
B .添加圖層 2 ,將圖層 2 拖動到按鈕層(圖層 1 )下。
C .在 [ 彈起 ] 幀 畫個矩形或橢圓形;在 [ 指針經(jīng)過 ] 幀 插入關(guān)鍵幀( F6 ),將圖形顏色改變;在 [ 按下 ] 幀 插入關(guān)鍵幀( F6 ),將圖形顏色再改變。
D .切換到場景 1 ,打開庫,把 [ 按鈕 ] 元件拖動到場景 1 中。按 Ctrl+ 回車,查看效果。
3 .場景交互
A .增加一個場景:場景二。在此場景中輸入文字“場景二”,并制作一個簡單的運動動畫。
B .切換到場景 1 中,輸入文字“場景一”。將庫中已做好的按鈕拖動到此場景中。
C .在場景 1 的第一幀處單擊右鍵,選 [ 動作 ] ,展開 [ 動作 ] 面板,單擊“ + ”,選“動作 - 影片控制 -stop ”。
D .將 [ 動作 -- 幀 ] 面板縮回,回到場景 1 。
E .右擊 [ 按鈕 ] 實例,選 [ 動作 ] ,展開 [ 動作 ] 面板,單擊“ + ”,選“動作 - 影片控制 - go to ”。在右側(cè)場景處選擇 [ 場景 2] 。
F .按 Ctrl+ 回車,動畫在場景 1 停下來,單擊其中的按鈕,跳轉(zhuǎn)到場景 2 ,播放場景 2 中的動畫。
二十三、導(dǎo)出影片與 發(fā)布作品
1. 導(dǎo)出影片:點“文件 / 導(dǎo)出影片”。
2. 發(fā)布作品: 點“文件 / 發(fā)布設(shè)置 ”。 Flash MX 有多種打包方式,分別生成 .swf , .html , .gif , .jpg , .png , .exe , .mov 文件。其中, .swf 是不帶播放器的 Flash 動畫,是最流行的標準網(wǎng)絡(luò)動畫格式,而 .exe 則是帶播放器的、 windows 下獨立可執(zhí)行的 Flash 動畫。要發(fā)布為 gif 動畫,先在“格式”標簽中選中“ gif 圖像”復(fù)選框,再點“ gif ”標簽,在“回放”欄中選“動畫”(默認為“靜態(tài)”),點“透明”下拉箭頭,選“透明”。最后點“發(fā)布”。生成的 swf , html , gif , exe 文件保存動畫源文件 .fla 所在的文件夾。
二十四、 Flash 輔助工具軟件簡介
隨著 Flash 動畫的普及, Flash 輔助工具軟件也越來越多。
swfhacker 可以將 exe 格式的 Flash 動畫轉(zhuǎn)換為 swf 格式,可以解除導(dǎo)入保護,重新設(shè)置播放速度等。
Flash 工具集 Flash Toolset Pro 提供從瀏覽、檢查、資源提取、操控、查找到發(fā)布 swf/projector 文件的全部功能。有了它,不但能欣賞他人制作的精美 Flash 作品,還能從 Projector 文件中提取 Swf 或利用 Swf 生成 Projector 可執(zhí)行文件,去除 swf 文件的導(dǎo)入保護,獲取 Flash 屬性( width, height, fps 以及 number of frames )。
Flash 轉(zhuǎn)換王可以將 Flash 的 SWF 動畫轉(zhuǎn)換為 VCD/SVCD/DVD/AVI 等標準視頻格式的優(yōu)秀轉(zhuǎn)換工具,這樣可讓 Flash 動畫在家庭電視機、移動 VCD/DVD 機和車載媒體系統(tǒng)上自由共賞。
Flash 格式的幻燈片制作工具 SWFnSlide 可以利用任何數(shù)字圖片和音頻文件產(chǎn)生效果極好的幻燈片供演示使用的工具 , 輸出格式有 Html 網(wǎng)頁格式 ,SWF Flash 動畫格式 ,QuickTime 視頻格式,以及 zip 壓縮文件格式 , 有多種圖像和伴音效果提供。
FlashCam 能把屏幕的操作行動錄為 Flash 文件。而且還可以編輯或刪除錄下來的圖片。它可以制作出相當(dāng)棒的 SWF 格式的教學(xué)影片,可以將捕捉的影像單獨幀連貫起來成為一個 SWF 文件,還可以插入標題文字、錄制旁白聲音、自訂鼠標軌跡、制作出 HTML+SWF 文件,實在是軟件教學(xué)的最佳選擇!
二十五、 去除內(nèi)置播放器
Exe 格式的 Flash 動畫雖然具有在 windows 下獨立可執(zhí)行、無須另配播放器等優(yōu)點,但這種格式與 .swf 相比,卻不利于網(wǎng)上教學(xué)、發(fā)布、進一步加工處理以及二次開發(fā)與利用。 exe2swf 是一個將已編譯成 EXE 的 Flash 動畫轉(zhuǎn)換為 SWF 格式的工具軟件。
( 1 )從網(wǎng)上下載 Exe 格式的 Flash 動畫課件 。
( 2 )下載和安裝 exe2swf
打開網(wǎng)頁 http://www./soft.php 或 http://www./~jwbos/floris/exe2swf-v0-01.zip ,下載 exe2swf.zip 。壓縮包下載后雙擊它,啟動 WinRAR 或 WinZip 進行解壓,雙擊其中的 exe2swf.exe ,進入安裝許可協(xié)議對話框,單擊“ Ok , I agree ”,進入安裝選項設(shè)置對話框,一般無須改變默認的設(shè)置,單擊“ Install ”,最后單擊“ Finish ”,完成安裝。
( 3 )去除內(nèi)置播放器
右擊 exe 文件,在彈出的快捷菜單中選“ Convert Flash EXE to SWF ”,在“ Select output file ”對話框中選擇好保存 SWF 文件 的地址,確定好文件名,單擊“保存”。
也可將 swf 轉(zhuǎn)成 exe :用 Flash 播放器打開 swf ,執(zhí)行菜單命令“文件”→“創(chuàng)建播放器”,在“另存為”對話框中為課件命名,保證“保存類型”為“播放器( *.exe )。
二十六、去除“導(dǎo)入保護”
“導(dǎo)入保護”是 Flash 在發(fā)布設(shè)置時的一個選項 。當(dāng)用戶試圖通過菜單命令“文件”→“導(dǎo)入”或快捷鍵 Ctrl+R 將受保護的 SWF 動畫 導(dǎo)入到 Flash 時間軸中時,會出現(xiàn)錯誤提示。
DeFlash1.3 、 Swfhacker 等工具可以將受保護的 swf 動畫解保護,方便用戶在 Flash 環(huán)境中導(dǎo)入。 DeFlash1.3 支持 Flash3 、 Flash4 和 Flash5 。從 flashsun 網(wǎng)站( http://www./soft.php )下載這個 248KB 大小的 DeFlash13.exe ,雙擊運行它。單擊“ Open file… ”,選擇要破解保護的 swf 文件,單擊“打開”,然后選擇要保存經(jīng)過破解處理的 swf 文件的路徑,單擊“保存”,很快 DeFlash13 給出已經(jīng)破解成功的反饋信息“ ...Saved file is DEPROTECTED! ”,最后關(guān)閉程序。
二十七、“萃取”素材
目前,網(wǎng)上提供的免費 Flash 課件資源越來越豐富,如果能夠 “萃取”出這些 Flash 作品中的素材資源,對于豐富我們的素材庫、進行二次開發(fā)、制作出更優(yōu)秀的多媒體課件具有積極的意義。
( 1 )從 Flash 源文件中萃取素材: 如果手頭上有 Flash 源文件即 .fla ,可以選 Flash 程序的菜單命令“文件”→“以庫打開”,然后選擇包含所要素材的 .fla 文件,單擊“打開”。打開的素材庫可以很方便地被其他 .fla 課件隨時使用,真正做到資源共享。
( 2 )從 swf 文件中萃取素材: SWF 資源分解工具 SWF Decoder。
二十八、查看 Flash 源代碼、進行學(xué)習(xí)研究
閃客帝國:學(xué)堂(http://www./school/):提供最新 Flash 教程、精彩制作實例及源代碼和 Flash 資源。源代碼包括簡單動畫、在線游戲、復(fù)雜動畫、特效等,是獲取 Flash 創(chuàng)作技巧的捷徑。
閃盟在線(www./): 以軟件 Flash 教學(xué)為中心,網(wǎng)頁制作、平面設(shè)計技術(shù)交流站點。開設(shè)精彩動畫欣賞、矢量圖形、閃客培訓(xùn)中心等欄目。 提供 Flash 工具、教程、源代碼等資源。
閃客天地(www./):專業(yè) Flash 資源與娛樂站點,薈萃大量精彩豐富的國內(nèi)外優(yōu)秀作品供在線欣賞和下載。有精品源程序下載、 Flash 矢量資源、 Flash 聲音資源等欄目。
閃吧(www.)。
二十九、在 Flash中導(dǎo)入和調(diào)用 swf 課件 新建一個電影剪輯元件,點“文件 / 導(dǎo)入”,選中要 swf 課件。這樣,就可以修改原課件的內(nèi)容,利用其中的各種素材資源。也可以用動作語句 Fscommand , LOAD MOVIE , GETURL 等調(diào)用 swf 課件。 |