Flash 動畫制作
1. Flash的工作環(huán)境:
Flash是由Macromedia公司開發(fā)的平面動畫設(shè)計(jì)軟件。
Flash的界面:菜單欄、工具欄滤蝠、工具箱墩虹、時(shí)間軸面板嘱巾、工作區(qū)憨琳、舞臺、屬性和各類浮動面板等旬昭。
1篙螟、工具箱:(用來繪制圖形和圖像;工具區(qū)问拘、視圖區(qū)遍略、顏色區(qū)、選項(xiàng)區(qū))
1)工具區(qū):
選擇工具:在工作區(qū)選擇或移動一個(gè)或者多個(gè)對象骤坐。(黑箭頭)
部分選取工具:可以移動或編輯單個(gè)錨點(diǎn)或切線绪杏,也可以移動單個(gè)對象。(白箭頭)
直線工具:可以繪制起點(diǎn)到終點(diǎn)之間精確到直線纽绍。(直線)
套索工具:選擇對象不規(guī)則的一部分蕾久,使用更加靈活。(套索)
鋼筆工具:曲線路徑(鋼筆頭)
文本工具:工作區(qū)創(chuàng)建或編輯文本拌夏;處理Action時(shí)用來處理變量的輸入和輸出僧著。(加粗A)
橢圓工具:畫矢量線和填充色塊的橢圓或圓。(圓)
矩形工具:畫矢量線和填充色塊的正方形或矩形辖佣,可切換至多角星形工具——畫多邊形和星形霹抛。(正方形)
鉛筆工具:畫線條和圖形。(鉛筆)
刷子工具:刷出線條和填充閉合的區(qū)域卷谈。(刷子)
任意變形工具:對線條杯拐、圖形、實(shí)例或文本框等對象進(jìn)行調(diào)整世蔗。(帶點(diǎn)正方形)
填充變形工具:編輯漸變顏色端逼、填充圖形或位圖填充圖形的尺寸、角度和中心點(diǎn)污淋。(3個(gè)圖形組合)
墨水瓶工具:改變矢量圖形輪廓線的顏色顶滩、類型和粗細(xì)。(墨水瓶)
顏料桶工具:對封閉區(qū)域填充顏色寸爆、漸變色及位圖等礁鲁。(桶)
滴管工具:從各種已經(jīng)存在對象獲得顏色和類型的信息。(滴管)——用于查看信息赁豆!
橡皮擦工具:擦除工作區(qū)繪制的內(nèi)容仅醇。
2)視圖區(qū):
手型工具:拖動工作區(qū)的對象。(手掌)
縮放工具:對工作對象放大或縮小魔种。(放大鏡)
3)顏色區(qū):
鉛筆?顏色框:設(shè)置筆觸的顏色析二。
顏料桶?顏色框:設(shè)置填充區(qū)的顏色。
黑正方形?白正方形:設(shè)置筆觸的顏色為黑色,填充區(qū)為白色叶摄。
正方形?斜杠:將筆觸顏色或填充區(qū)顏色設(shè)置為不可用属韧。
雙向箭頭:交換筆觸顏色和填充色。
4)選項(xiàng)區(qū):
選項(xiàng)區(qū)中的內(nèi)容是對工具區(qū)中的部分工具的細(xì)節(jié)補(bǔ)充蛤吓;選項(xiàng)區(qū)中的內(nèi)容隨著當(dāng)前選擇的工具不同而不同宵喂。
2、時(shí)間軸面板:
位置:默認(rèn)在工作區(qū)的上面柱衔,主工具欄的下面樊破。(可移動、可隱藏)
1)圖層控制區(qū)域:時(shí)間軸面板的左邊唆铐,進(jìn)行與圖層有關(guān)的操作(圖層命名、插入圖層奔滑、刪除圖層艾岂、鎖定/解鎖圖層、顯示有圖層的輪廓朋其、顯示/隱藏圖層等)王浴。
2)幀操作區(qū)域:時(shí)間軸面板的右邊,用來進(jìn)行幀數(shù)操作(控制當(dāng)前幀頻梅猿、動畫的播放速度氓辣、時(shí)間等);幀是構(gòu)成Flash動畫的基礎(chǔ)袱蚓!
3钞啸、浮動面板:(屬性設(shè)定面板)
位置:窗口的右下方;方便的進(jìn)行屬性設(shè)定喇潘;界面——更簡潔体斩、更規(guī)律。
面板:
混色器面板——顏色的設(shè)定和導(dǎo)入新的顏色颖低。
組件面板——對各個(gè)組件進(jìn)行相關(guān)的操作絮吵。
顏色樣本面板——設(shè)定填充顏色。
使用屬性面板可以容易的訪問和調(diào)整舞臺或時(shí)間軸上的當(dāng)前選定項(xiàng)的最常用屬性忱屑,從而簡化文檔的創(chuàng)建過程蹬敲。
2. Flash動畫基礎(chǔ):
1、Flash動畫制作原理:
Flash動畫三要素:時(shí)間軸莺戒、場景伴嗡、元件庫
時(shí)間軸:安置劇本在動畫中按什么順序出現(xiàn)的地方。
場景:時(shí)間軸劇本所安排的動畫出現(xiàn)在場景中脏毯,即舞臺闹究。
元件庫:拍電影的后臺化妝室,化妝室里有可以重復(fù)使用的圖像食店、動畫或按鈕等渣淤。
2赏寇、Flash基本術(shù)語:
(1)幀(Frame):是構(gòu)成Flash動畫的基本元素;Flash的時(shí)間軸面板上的每一個(gè)小方格代表一幀价认,表示動畫內(nèi)容中的一個(gè)片段嗅定;幀主要有兩種:普通幀、關(guān)鍵幀用踩。
幀操作區(qū)中的相關(guān)術(shù)語:
1)關(guān)鍵幀:描述動畫中關(guān)鍵畫面的幀(每個(gè)關(guān)鍵幀基本不同于前一個(gè))渠退。
2)空白關(guān)鍵幀:關(guān)鍵幀內(nèi)容為空;該幀在工作區(qū)沒有任何內(nèi)容脐彩。
3)空白幀:空白幀是不可編輯的幀碎乃,只有在空白幀中插入空白關(guān)鍵后才能編輯(空白關(guān)鍵幀后的空白方格代表空白幀)。
4)普通幀:關(guān)鍵幀后面出現(xiàn)的灰色方格區(qū)域是普通幀(簡單的延續(xù)前面關(guān)鍵幀中的內(nèi)容)惠奸。
5)當(dāng)前幀:在幀操作區(qū)中的紅色豎線——紅線所在代表當(dāng)前幀(紅線走到哪一幀梅誓,工作區(qū)就顯示哪一幀的內(nèi)容)。
6)幀頻率:動畫的播放速率佛南,以每秒播放多少幀來計(jì)算的(默認(rèn)動畫播放速率:12fps梗掰,PAL制的電視播放速率:24fps)。
7)運(yùn)行時(shí)間:運(yùn)行到當(dāng)前幀所需要的時(shí)間嗅回。
8)幀數(shù):表示第幾幀及穗。
(2)圖層(Layer):為了制作復(fù)雜動畫引入的手段;每個(gè)圖層都有各自的時(shí)間軸绵载,其中包含一系列幀埂陆,在各圖層使用的幀是獨(dú)立的;圖層與圖層之間相互獨(dú)立尘分,也相互存在影響猜惋。
圖層操作區(qū)中各按鈕功能:
1)鎖定/解鎖所有圖層:鎖定——讓編輯好的圖層不因?yàn)檎`操作而影響;解鎖——重新編輯培愁。
2)顯示/隱藏所有圖層:表示該圖層是否可見著摔。
3)顯示所有圖層的輪廓:為了顯示圖形的位置關(guān)系。
4)添加運(yùn)動引導(dǎo)層:實(shí)現(xiàn)某一物體的運(yùn)動軌跡是一條曲線定续,要創(chuàng)建運(yùn)動引導(dǎo)層谍咆。
5)插入圖層文件夾
6)刪除圖層或圖層文件夾
(遮罩層:可以透過該圖層內(nèi)的圖形看到下面圖層的內(nèi)容,但不可以透過無圖形處看到下面圖層私股。)
(3)場景(Scene):是Flash動畫中相對獨(dú)立的一段動畫內(nèi)容摹察;一個(gè)Flash動畫由若干個(gè)場景組成,每個(gè)場景中的圖層和幀都是獨(dú)立的倡鲸;Flash按照場景的順序進(jìn)行播放供嚎。
(4)Alpha通道:決定圖像中每個(gè)像素透明度的通道,用不同的灰度值來表示圖像的可見程度,有256級變化克滴。
3. 制作逐幀動畫:
逐幀動畫:由若干個(gè)連續(xù)關(guān)鍵幀組成的動畫序列逼争,是跟傳統(tǒng)的動畫制作方式類似的、最為基礎(chǔ)的動畫制作方式劝赔。
創(chuàng)建逐幀動畫——需要定義每個(gè)幀為關(guān)鍵幀——給每個(gè)關(guān)鍵幀制作不同的內(nèi)容誓焦。
逐幀動畫制作過程:(以制作“中國北京奧運(yùn)”為例子)
1、新建一個(gè)Flash文件着帽。
2杂伟、在第2~6幀之間分別插入空白關(guān)鍵幀。(先插入空白關(guān)鍵幀仍翰,才能進(jìn)行編輯赫粥;空白幀不能編輯)
3、選中第1關(guān)鍵幀歉备,使用“文本”工具在舞臺上輸入漢字“中”傅是。
4、在第2關(guān)鍵幀中輸入“國”蕾羊;依此類推辫秧,在3~6幀分別輸入“北”笤昨,“京”,“奧”审胸,“運(yùn)”尼变。
5利凑、分別選中各個(gè)關(guān)鍵幀,在屬性面板中嫌术,將每一個(gè)關(guān)鍵幀的X哀澈、Y坐標(biāo)值設(shè)置為相同(同一位置依次出現(xiàn))。
6度气、選擇“控制”——“測試影片”(Ctrl+Enter)割按,觀看動畫。
4. 制作形狀補(bǔ)間動畫:
形狀:Flash中直接使用繪圖工具繪制出來的矢量圖形磷籍,或是將其他對象分離出來的矢量圖形适荣。
形狀補(bǔ)間動畫:Flash動畫的重要組成部分,反映在一段時(shí)間內(nèi)將一個(gè)形狀對象變形為另一個(gè)形狀對象的過程院领。
三個(gè)條件:
至少有兩個(gè)關(guān)鍵幀弛矛;
在這兩個(gè)關(guān)鍵幀中包含必要的形狀,比然!只能是形狀丈氓。
設(shè)定了“形狀補(bǔ)間”的動畫方式。
形狀補(bǔ)間動畫的制作過程:(以“橢圓漸變矩形”為例子)
1、創(chuàng)建一個(gè)新的Flash文件万俗。
2湾笛、“繪圖”工具欄選擇橢圓工具,在第一關(guān)鍵幀繪制一個(gè)填充漸變色的橢圓该编。
3迄本、在第20幀插入關(guān)鍵幀(這時(shí)第2~20幀之間的所有幀都復(fù)制了第一幀的橢圓),刪除第20幀的橢圓课竣。
4嘉赎、在第20幀繪制一個(gè)填充漸變色的矩形。
5于樟、選擇第1~20幀之間的任意幀公条,在“屬性面板”中設(shè)置“補(bǔ)間”項(xiàng)為“形狀”。
6迂曲、設(shè)置完成后將在時(shí)間軸中出現(xiàn)一個(gè)由第1幀到第20幀的箭頭靶橱,表示形狀補(bǔ)間動畫已經(jīng)完成。
7路捧、Ctrl+Enter進(jìn)行影片測試关霸。
5. 制作運(yùn)動補(bǔ)間動畫:
運(yùn)動補(bǔ)間動畫:可以設(shè)置各種對象的運(yùn)動和過渡,利用運(yùn)動過渡可以設(shè)置大小杰扫、傾斜队寇、位置、旋轉(zhuǎn)章姓、顏色及原件的透明度的過渡佳遣。
三個(gè)條件:
至少兩個(gè)關(guān)鍵幀;
在關(guān)鍵幀中必須包含必要的實(shí)例凡伊、組零渐、導(dǎo)入的素材或文本對象;
設(shè)定為“運(yùn)動補(bǔ)間”的動畫方式
運(yùn)動補(bǔ)間動畫的制作過程:(以“帶字圓”為例子)
1系忙、新建一個(gè)Flash文件诵盼。
2、在第1關(guān)鍵幀中繪制一個(gè)填充漸變色的圓笨觅。
3拦耐、在已經(jīng)畫好的圓表面輸入“FLASH”。
4见剩、同時(shí)選中“圓”和“文字”杀糯;修改——轉(zhuǎn)換為元件——圖形——命名為“帶字圓”。
5苍苞、確定——將圓和文字一起轉(zhuǎn)換為圖形元件固翰。
6狼纬、在第30幀插入關(guān)鍵幀,將復(fù)制的帶字圓拖動到舞臺的右上方并將其縮小骂际。
7疗琉、右鍵單擊快捷欄菜單——選擇創(chuàng)建補(bǔ)間動畫——補(bǔ)間為運(yùn)動;帶箭頭直線出現(xiàn)歉铝。
8盈简、Ctrl+Enter進(jìn)行影片測試。
在選擇“動作”補(bǔ)間后太示,屬性面板中會顯示一些設(shè)置選項(xiàng):
1柠贤、縮放:改變對象大小。
2类缤、簡易:先快后慢或者先慢2后快的運(yùn)動效果臼勉。(-100~100;負(fù)值:慢-快餐弱;正值:快-慢宴霸;0:勻速)
3、旋轉(zhuǎn):旋轉(zhuǎn)對象——順時(shí)針膏蚓、逆時(shí)針瓢谢。
4、調(diào)整到路徑:讓動畫對象貼著路徑來運(yùn)動驮瞧。(僅用于對象沿著路徑運(yùn)動的動畫)
5恩闻、同步:對實(shí)例同步校準(zhǔn),確保電影片段能正確循環(huán)剧董。
6、對齊:在運(yùn)動動畫中使用“引導(dǎo)層”時(shí)破停,使用該項(xiàng)可以讓動畫對象自動吸附在路徑上運(yùn)動翅楼。
6. 添加音效和視頻:
1、聲音文件格式:
Flash中不能自己創(chuàng)建或是錄制聲音真慢,編輯動畫所使用的聲音文件大多數(shù)需要從外部導(dǎo)入毅臊。
格式:.wav 和 .mp3 等。
2黑界、視頻文件格式:
Flash中可以使用視頻文件格式:音頻視頻交叉文件(.avi)管嬉、運(yùn)動圖像文件(.mpg或.mpeg)、數(shù)字視頻文件(.dv)朗鸠、Windows媒體文件(.wmp和.asf)蚯撩。
3、導(dǎo)入聲音和視頻:
操縱步驟如下:(導(dǎo)入聲音和視頻文件和導(dǎo)入圖像或其他文件等過程相同)
1)選擇“文件”-導(dǎo)入到庫烛占,打開“導(dǎo)入”對話框胎挎。
2)選擇要導(dǎo)入的文件類型沟启,后選擇需要導(dǎo)入的聲音或視頻文件。
3)單擊“打開”按鈕犹菇,聲音或視頻文件以元件形式出現(xiàn)在庫面板中德迹。
4)為聲音創(chuàng)建一個(gè)圖層,在希望播放聲音的位置插入一個(gè)空白關(guān)鍵幀揭芍!
5)將導(dǎo)入的聲音文件拖到舞臺或在屬性面板的“聲音”下拉列表框中選擇聲音文件胳搞。
6)在“效果”下拉列表框中選擇一種聲音的播放效果。
7)在“同步”下拉列表框中選擇聲音的播放方式称杨,通常選擇“事件”(作用是使聲音同步與某個(gè)事件的發(fā)生)肌毅。
7. 發(fā)布與輸出:
制作動畫完成后:
可以將生成的動畫導(dǎo)出為擴(kuò)展名 .swf 的動畫文件
也可發(fā)布為影片,生成網(wǎng)頁瀏覽器支持的HTML列另、GIF芽腾、JPEG格式文件
也可以導(dǎo)出到Dreamweaver之類的專門創(chuàng)建HTML文檔的編輯器
還可以將影片發(fā)布為能夠獨(dú)立運(yùn)行的程序(.exe)
發(fā)布流程:
文件——發(fā)布設(shè)置——指定要發(fā)布的文件格式和文件名;
發(fā)布——確定——關(guān)閉動畫——文件——發(fā)布——動畫發(fā)布完成页衙。