Flash —— 二維動畫制作軟件

Flash 動畫制作

1. Flash的工作環(huán)境:

Flash是由Macromedia公司開發(fā)的平面動畫設(shè)計(jì)軟件。

Flash的界面:菜單欄、工具欄滤蝠、工具箱墩虹、時(shí)間軸面板嘱巾、工作區(qū)憨琳、舞臺、屬性和各類浮動面板等旬昭。

圖片發(fā)自簡書App

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)鍵幀用踩。

圖片發(fā)自簡書App

幀操作區(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ú)立尘分,也相互存在影響猜惋。

圖片發(fā)自簡書App

圖層操作區(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ā)布完成页衙。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末摊滔,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子店乐,更是在濱河造成了極大的恐慌艰躺,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件眨八,死亡現(xiàn)場離奇詭異腺兴,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)廉侧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進(jìn)店門页响,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人段誊,你說我怎么就攤上這事闰蚕。” “怎么了连舍?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵没陡,是天一觀的道長。 經(jīng)常有香客問我索赏,道長盼玄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任潜腻,我火速辦了婚禮埃儿,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘砾赔。我一直安慰自己蝌箍,他們只是感情好青灼,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著妓盲,像睡著了一般杂拨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上悯衬,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天弹沽,我揣著相機(jī)與錄音,去河邊找鬼筋粗。 笑死策橘,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的娜亿。 我是一名探鬼主播丽已,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼买决!你這毒婦竟也來了沛婴?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤督赤,失蹤者是張志新(化名)和其女友劉穎嘁灯,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體躲舌,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡丑婿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了没卸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片羹奉。...
    茶點(diǎn)故事閱讀 39,991評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖约计,靈堂內(nèi)的尸體忽然破棺而出尘奏,到底是詐尸還是另有隱情,我是刑警寧澤病蛉,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站瑰煎,受9級特大地震影響铺然,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜酒甸,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一魄健、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧插勤,春花似錦沽瘦、人聲如沸革骨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽良哲。三九已至,卻和暖如春助隧,著一層夾襖步出監(jiān)牢的瞬間筑凫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工并村, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留巍实,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓哩牍,卻偏偏與公主長得像棚潦,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子膝昆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1 CALayer IOS SDK詳解之CALayer(一) http://doc.okbase.net/Hell...
    Kevin_Junbaozi閱讀 5,150評論 3 23
  • 基礎(chǔ) 核心動畫是 iOS 和 MacOS 上的圖形渲染和動畫基礎(chǔ)結(jié)構(gòu)丸边,用于為應(yīng)用的視圖和其他視覺元素設(shè)置動畫。 核...
    davon閱讀 1,905評論 0 8
  • 一外潜、工作區(qū)和工作流程 1.工作區(qū)和面板 保存原环、刪除、重置工作區(qū)痛靠嘱吗、編組、浮動面板 2.首選項(xiàng) 常規(guī)滔驾、預(yù)覽、導(dǎo)入哆致、...
    朱細(xì)細(xì)閱讀 7,478評論 0 52
  • 在iOS中隨處都可以看到絢麗的動畫效果绕德,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌摊阀。在這里你可以看...
    F麥子閱讀 5,111評論 5 13
  • 在iOS中隨處都可以看到絢麗的動畫效果耻蛇,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌胞此。在這里你可以看...
    每天刷兩次牙閱讀 8,490評論 6 30