官术网_书友最值得收藏!

第1章 Flash動畫制作基礎

1.1 Flash動畫概述

Flash是美國Adobe公司推出的世界主流多媒體交互動畫工具軟件。該軟件的優勢在于基于矢量動畫的制作,并且生成的交互動畫更適合網絡傳輸。從1996年Macromedia公司發布Flash 1.0開始,到現在的Adobe Flash CC以及最新的Adobe Animate CC,Flash的發展令人矚目。

1.1.1 動畫的概念與制作流程

動畫是利用人的“視覺暫留”特性,連續播放一系列畫面,給視覺造成連續變化的圖畫,如圖1-1所示。它的基本原理與電影、電視一樣,都是視覺原理。

978-7-111-56564-2-Chapter01-1.jpg

圖1-1 連續畫面

其中,“視覺暫留”特性是人的眼睛看到一幅畫或一個物體后,在1/24s內不會消失。利用這一原理,在一幅畫還沒有消失前播放出下一幅畫,就會給人造成一種流暢的視覺變化效果。

1.前期策劃與籌備階段

前期策劃包括撰寫選題報告、籌備形象素材、編輯故事腳本(文學劇本)、設定角色與環境、完成畫面分鏡頭初稿和生產進度日程安排圖表。

2.中期創作與制作階段

中期創作與制作階段主要包括原畫、動畫、背景繪制、掃描、修線填色、合成及編輯等。原畫與動畫以及背景主要依靠鉛筆和紙繪出草稿再掃描數字化。現在開始使用無紙動畫這一制作方式,即使用鼠標、壓感筆和數位板。

3.后期加工階段

最終將二維動畫軟件的作品輸出為視頻文件,再對這些視頻文件進行一些合成以及剪輯工作就成了動畫片。

1.1.2 Flash動畫及其特點

Flash以流控制技術和矢量技術等為基礎,能夠將矢量圖、位圖、音頻、動畫和深一層交互動作有機地、靈活地結合在一起,從而制作出美觀、新奇、交互性更強的動畫效果。

較傳統動畫而言,Flash提供的物體變形和透明技術使得創建動畫更加容易,并為動畫設計者的豐富想象提供了實現手段;其交互設計讓用戶可以隨心所欲地控制動畫,賦予用戶更多的主動權。因此,Flash動畫具有以下特點。

●動畫短小。Flash動畫受網絡資源的制約一般比較短小,但繪制的畫面是矢量格式,無論把它放大多少倍都不會失真。

●交互性強。Flash動畫具有交互性優勢,可以通過單擊、選擇等動作決定動畫的運行過程和結果,是傳統動畫所無法比擬的。

●具有廣泛的傳播性。Flash動畫具有文件小、傳輸速度快、播放采用流式技術的特點,可在網上供人欣賞和下載,因此也具有較好的廣泛傳播性。

●輕便與靈巧。Flash動畫有嶄新的視覺效果,成為一種新時代的藝術表現形式,比傳統的動畫更加輕便與靈巧。

●人力少,成本低。Flash動畫制作的成本非常低,使用Flash制作的動畫能夠大大地減少人力、物力資源的消耗。同時,在制作時間上也會大大減少。

由于人類眼睛的“視覺暫留”特性,電影采用了每秒24幅畫面的速度拍攝播放;電視采用了每秒25幅(PAL制)(中央電視臺的動畫就是PAL制)或30幅(NSTC制)畫面的速度拍攝播放。如果以每秒低于24幅畫面的速度拍攝播放,就會出現停頓現象。

1.1.3 Flash動畫的應用領域

隨著網絡熱潮的不斷掀起,Flash動畫軟件版本也開始逐漸升級。強大的動畫編輯功能及操作平臺更受用戶的喜愛,從而使得Flash動畫的應用范圍越來越廣泛,其主要體現在以下幾個方面。

1.網絡廣告

網絡廣告主要體現在宣傳網站、企業和商品等方面。用Flash制作出來的廣告,要求主題色調要鮮明、文字要簡潔,較美觀的廣告能夠增強網站的可看性,并且容易引起客戶的注意力而不影響其需求,如圖1-2所示。

978-7-111-56564-2-Chapter01-2.jpg

圖1-2 網絡廣告動畫

2.網站建設

Flash網站的優勢在于其良好的交互性,能給用戶帶來全新的互動體驗和視覺享受。通常,很多網站都會引入Flash元素,以增加頁面的美觀性來提高網站的宣傳效果,比如網站中的導航菜單、Banner、產品展示等。有時也會通過Flash來制作整個網站,如圖1-3所示。

978-7-111-56564-2-Chapter01-3.jpg

圖1-3 Flash網站

Flash導航菜單在網站中的應用十分廣泛。通過它可以展現導航的活潑性,從而使得網站更加靈活。當網站欄目較少時,可以制作簡單且美觀的菜單;當網站欄目較多時,又可以制作活躍的二級菜單項目。

3.交互游戲

Flash交互游戲,其本身的內容允許瀏覽者直接進行參與,并提供互動的條件。Flash游戲多種多樣,主要包括棋牌類、冒險類、策略類和益智類等。其交互性主要通過鼠標和鍵盤的操控來實現。

制作用鼠標操控的互動游戲,主要通過鼠標單擊事件來實現。如圖1-4所示的是一個古典服裝搭配設計的Flash互動游戲,它就是通過鼠標單擊來完成的。

978-7-111-56564-2-Chapter01-4.jpg

圖1-4 鼠標互動性游戲

4.動畫短片

MTV是動畫短片的一種典型,用最好的歌曲配以最精美的畫面,將其變為視覺和聽覺相結合的一種嶄新的藝術形式。制作Flash MTV,要求開發人員有一定的繪畫技巧以及豐富的想象力,如圖1-5所示。

978-7-111-56564-2-Chapter01-5.jpg

圖1-5 Flash《愛的追隨》短片

a)場景1 b)場景2

5.教學課件

教學課件是在計算機上運行的教學輔助軟件,是集圖、文、聲為一體,通過直觀生動的形象來提高課堂教學效率的一種輔助手段。而Flash恰恰滿足了制作教學課件的需求。如圖1-6所示為一個工業吸污車工作原理的數學課件,通過動畫方式展示了地下污水管道疏通的整改過程。

978-7-111-56564-2-Chapter01-6.jpg

圖1-6 Flash教學課件

1.2 圖像的基礎知識

1.2.1 像素與分辨率

1.像素

像素是構成圖像的最小單位,它的形態是一個小方點。很多個像素組合在一起就構成了一幅圖像,組合成圖像的每一個像素只顯示一種顏色。由于圖像能記錄下每一個像素的數據信息,因而可以精確記錄色調豐富的圖像,逼真地表現自然界的景觀,如圖1-7所示。

978-7-111-56564-2-Chapter01-7.jpg

圖1-7 像素構成的風景圖片

2.分辨率

分辨率是圖像處理中一個非常重要的概念,它是指位圖圖像在每英寸上所包含的像素數量,單位使用每英寸的像素數PPI(Pixels/Inch)來表示。圖像分辨率的高低直接影響圖像的質量,分辨率越高,文件也就越大,圖像也會越清晰,如圖1-8(300PPI)所示,處理速度也會變慢;反之,分辨率越低,圖像就越模糊,如圖1-9(72PPI)所示,文件也會越小,處理速度相對較快。

978-7-111-56564-2-Chapter01-8.jpg

圖1-8 分辨率高的圖像

978-7-111-56564-2-Chapter01-9.jpg

圖1-9 分辨率低的圖像

1.2.2 位圖與矢量圖

在計算機設計領域中,圖形圖像分為兩種類型,即位圖圖像和矢量圖形。這兩種類型的圖形圖像都有各自的特點。

1.位圖

位圖又稱為點陣圖,是由許多點組成,這些點為像素(pixel)。當許多不同顏色的點(即像素)組合在一起后,便構成了一幅完整的圖像。

位圖可以記錄每一個點的數據信息,因而可以精確地制作出色彩和色調變化豐富的圖像,可以逼真地表現自然界的景象,達到照片般的品質。但是,由于它所包含的圖像像素數目是一定的,若將圖像放大到一定程度后,圖像就會失真,邊緣會出現鋸齒,如圖1-10所示。

978-7-111-56564-2-Chapter01-10.jpg

圖1-10 位圖的原效果與放大后的效果

2.矢量圖

矢量圖形也稱為向量式圖形,它用數學的矢量方式來記錄圖像內容,以線條和色塊為主,這類對象的線條非常光滑、流暢,可以進行無限放大、縮小或旋轉等操作,并且不會失真,如圖1-11所示。矢量圖不宜制作色調豐富或者色彩變化太多的圖形,而且繪制出來的圖形無法像位圖那樣精確地描繪各種絢麗的景象。

978-7-111-56564-2-Chapter01-11.jpg

圖1-11 矢量圖的原效果與放大后的效果

1.3 Flash CC的工作環境

1.3.1 工作界面

1.開始頁

運行Flash CC,首先映入眼簾的是開始頁,開始頁將常用的任務都集中放在一個頁面中,包括“從模板創建”“打開最近的項目”“新建”“學習”以及對官方資源的快速訪問等,如圖1-12所示。

如果要隱藏開始頁面,可以單擊“不再顯示”復選框,然后在彈出的對話框中單擊“確定”按鈕。如果要再次顯示開始頁,可以選擇“編輯”→“首選參數”命令,打開“首選參數”對話框,然后在“常規”類別中設置“啟動時”選項為“歡迎屏幕”。

978-7-111-56564-2-Chapter01-12.jpg

圖1-12 開始頁

2.工作窗口

在開始頁選擇“新建”下的“Flash文件(ActionScript 3.0)”,即可啟動Flash CC的工作窗口并創建一個影片文檔,如圖1-13所示。

978-7-111-56564-2-Chapter01-13.jpg

圖1-13 Flash CC的工作窗口

Flash CC的工作窗口包括標題欄、菜單欄、主工具欄、文檔選項卡、時間軸、編輯欄、舞臺、繪圖工具箱以及面板組等。

窗口最上方的是“標題欄”,自左到右依次為控制菜單按鈕、軟件名稱、當前編輯的文檔名稱和窗口控制按鈕(最小化、最大化、關閉)。

“標題欄”下方是“菜單欄”,在其下拉菜單中提供了幾乎所有的Flash CC命令項。

“菜單欄”下方是“主工具欄”,通過它可以快捷地使用Flash CC的控制命令。

“主工具欄”的下方是“文檔選項卡”,主要用于切換當前要編輯的文檔,其右側是文檔控制按鈕(最小化、最大化/還原、關閉)。右擊文檔選項卡,還可以在彈出的快捷菜單中使用常用的文件控制命令。

3.時間軸

“時間軸”用于組織和控制文檔內容在一定時間內播放的圖層數和幀數。“圖層”就像堆疊在一起的多張幻燈膠片一樣,每個層中都排放著自己的對象。

提到動畫,第一個會聯想到的是小時候最喜歡看的卡通影片,這些卡通影片都是事先繪制好一幀一幀的連續動作的圖片,然后讓它們連續播放,利用人的“視覺暫留”特性,在大腦中便形成了動畫效果。Flash動畫的制作原理也一樣,它是把繪制出來的對象放到一格格的幀中,然后再來播放。時間軸的一些功能介紹如圖1-14所示。

978-7-111-56564-2-Chapter01-14.jpg

圖1-14 時間軸

4.工具箱

工具箱由“工具”“查看”“顏色”和“選項”4部分組成。利用“繪圖工具欄”中的各種工具可以繪制需要的圖形或者對圖形進行編輯處理。在Flash CC中,繪圖工具箱可以安排工具的顯示模式,如圖1-15所示為工具欄。

用戶可以自定義工具箱中的工具編排次序,選擇“編輯”→“自定義工具面板”命令,打開“自定義工具欄”對話框,根據需要和個人喜好重新安排和組合工具的位置。

978-7-111-56564-2-Chapter01-15.jpg

圖1-15 工具箱

1.3.2 Flash面板集

1.面板的基本操作

(1)打開面板

用戶可以通過選擇“窗口”菜單中的相應命令打開指定面板。

(2)關閉面板

在已經打開的面板標題上右擊,然后在彈出的快捷菜單中選擇“關閉組”命令即可,或者直接單擊面板右上角的“關閉”按鈕。

(3)折疊或展開面板

單擊面板標題或者面板標題上的折疊按鈕可以將面板折疊為其標題欄。再次單擊即可展開。

(4)移動面板

用戶可以通過拖動面板的標題欄將固定面板移動為浮動面板,也可以移動面板將其和其他面板組合在一起。

(5)將面板縮為圖標

在Flash CC中,單擊面板組右側的“展開面板”按鈕978-7-111-56564-2-Chapter01-16.jpg ,可以將面板展開,如果單擊“折疊為圖標”按鈕978-7-111-56564-2-Chapter01-17.jpg ,可以將面板收縮為圖標。

2.“屬性”面板

“屬性”面板可以很容易地訪問舞臺或時間軸上當前選定項的最常用屬性,也可以在面板中更改對象或文檔的屬性,按快捷鍵<Ctrl+F3>可以調出,如圖1-16所示。

3.“庫”面板

“庫”面板用來組織、編輯和管理動畫中所使用的元素。當建立元件時,“庫”面板就會顯示該元件的屬性,并可以進行修改,如圖1-17所示。

978-7-111-56564-2-Chapter01-18.jpg

圖1-16 “屬性”面板

978-7-111-56564-2-Chapter01-19.jpg

圖1-17 “庫”面板

4.“顏色”面板

用“顏色”面板可以創建和編輯“筆觸顏色”和“填充顏色”。默認為RGB模式,顯示紅、綠和藍的顏色值。Alpha值用來指定顏色的透明度,其范圍在0%~100%,0%為完全透明,100%為完全不透明。“顏色代碼”文本框中顯示的是以#開頭十六進制模式的顏色代碼,可直接輸入。可以在面板的“顏色空間”單擊選擇一種顏色,上下拖動右邊的亮度控件可以調整顏色的亮度。“顏色”面板如圖1-18所示。

5.“信息”面板

“信息”面板可以查看對象的大小、位置、顏色和鼠標的信息。“信息”面板分為4個區域。在左上方顯示對象的寬和高的信息;右上方顯示對象的X軸和Y軸坐標信息,坐標文本框左側有一個“坐標網絡”圖標,單擊這個圖標上的小方塊,可以顯示對象左上角、左下角、右上角、右下角的左邊信息;左下方顯示在舞臺中鼠標位置處的顏色值與Alpha值;右下方顯示鼠標的X軸和Y軸坐標信息,如圖1-19所示。

978-7-111-56564-2-Chapter01-20.jpg

圖1-18 “顏色”面板

978-7-111-56564-2-Chapter01-21.jpg

圖1-19 “信息”面板

6.“變形”面板

“變形”面板可以對選定對象執行縮放、旋轉、傾斜和創建副本的操作。“變形”面板分為3個區域。最上面是縮放區,可以輸入“垂直”和“水平”縮放的百分比值,選中“約束”按鈕978-7-111-56564-2-Chapter01-22.jpg ,可以使對象按原來的長寬比例進行縮放;選中“旋轉”單項按鈕,可輸入旋轉角度使對象旋轉;選中“傾斜”單選按鈕,可輸入“水平”和“垂直”角度來傾斜對象;如果需要變形的對象是元件,則可以實現“3D旋轉”和“3D中心點”的變形;單擊面板下方的“重置選區與變形”按鈕978-7-111-56564-2-Chapter01-23.jpg ,可重置元素的選區與變形操作;單擊“取消變形”按鈕978-7-111-56564-2-Chapter01-24.jpg ,可恢復到最初未變形的狀態,如圖1-20所示。

7.“對齊”面板

“對齊”面板可以重新調整選定對象的對齊方式與分布,如圖1-21所示。

978-7-111-56564-2-Chapter01-25.jpg

圖1-20 “變形”面板

978-7-111-56564-2-Chapter01-26.jpg

圖1-21 “對齊”面板

“對齊”面板分為以下5個區域。

●與舞臺對齊:按下此按鈕可以調整選定對象相對于舞臺尺寸的對齊方式和分布;如果沒有按下此按鈕則是兩個以上對象之間的相互對齊的分布。

●對齊:用于調整選定對象的左對齊、水平對齊、右對齊、上對齊、垂直中齊和底對齊。

●分布:用于調整選定對象的頂部、水平居中和底部分布,以及左側、垂直居中和右側分布。

●匹配大小:用于調整選定對象的匹配寬度、匹配高度或匹配寬和高。

●間隔:用于調整選定對象的水平間隔和垂直間隔。

1.3.3 網格、標尺與輔助線

網格、標尺和輔助線是3種輔助設計工具,它們可以幫助Flash動畫制作者精確地勾畫和安排對象。下面介紹它們的使用方法。

1.使用網格

對于網格的應用主要有“顯示網格”“編輯網格”和“對齊網格”3種功能。執行“視圖”→“網格”→“顯示網格”命令,可以顯示網格線,如圖1-22所示。

執行“視圖”→“網格”→“編輯網格”命令,打開“網格”對話框,在對話框中可編輯網格的各種屬性,如圖1-23所示。

978-7-111-56564-2-Chapter01-27.jpg

圖1-22 顯示網格

978-7-111-56564-2-Chapter01-28.jpg

圖1-23 “網格”對話框

在動畫制作過程中,借助網格可以很方便地繪制一些規則的圖形,并且可以提高圖形的制作精度和工作效率。

顯示網格后,舞臺背景上出現一些網格線,這些網格線只是在影片文檔編輯環境下起到輔助作用,在導出的影片中并不會顯示這些線條。

2.使用標尺

使用標尺可以度量對象的大小比例,這樣可以更精確地繪制對象。選擇“視圖”→“標尺”命令,可以顯示或隱藏標尺。顯示在工作區左邊的是“垂直標尺”,用來測量對象的高度;顯示在工作區上方的是“水平標尺”,用來測量對象的寬度。舞臺的左上角為“標尺”的零起點,如圖1-24所示。

978-7-111-56564-2-Chapter01-29.jpg

圖1-24 顯示標尺

標尺的單位默認是“像素”,如果要修改標尺的單位,可以執行“修改”→“文檔”命令,打開“文檔屬性”對話框,在“標尺單位”下拉菜單中選擇合適的單位。

3.使用輔助線

首先要確認標尺處于顯示狀態,在“水平標尺”或“垂直標尺”上按下鼠標并拖動到舞臺上,“水平輔助線”或者“垂直輔助線”就被創建出來了,輔助線默認的顏色為綠色,如圖1-25所示。

執行“視圖”→“輔助線”→“編輯輔助線”命令,打開“輔助線”對話框,可以在對話框中編輯輔助線的顏色,還可以選擇“顯示輔助線”復選框、“對齊輔助線”復選框和“鎖定輔助線”復選框對輔助線做進一步的設定。執行“視圖”→“輔助線”→“鎖定輔助線”命令,可以將輔助線鎖定;執行“視圖”→“輔助線”→“對齊輔助線”命令,可以將輔助線對齊。

在“輔助線”對話框的“貼緊精確度”下拉列表中可設置輔助線的對齊精度,如圖1-26所示。

978-7-111-56564-2-Chapter01-30.jpg

圖1-25 拖出“輔助線”

978-7-111-56564-2-Chapter01-31.jpg

圖1-26 “輔助線”對話框

在輔助線處于解鎖狀態時,選擇工具箱中的“選擇工具”978-7-111-56564-2-Chapter01-32.jpg ,拖動輔助線可改變輔助線的位置,拖動輔助線到舞臺外可以刪除輔助線,也可以執行“視圖”→“輔助線”→“清除輔助線”命令,刪除所有輔助線。

1.4 Flash CC的基本操作方法

1.4.1 Flash動畫的制作流程

Flash動畫制作的基本流程:準備素材→新建Flash影片文檔→設置文檔屬性→制作動畫→測試和保存動畫→導出和發布影片。

1.準備素材

根據動畫的內容需要準備一些動畫素材,包括音頻素材(聲效、音效)、圖像素材、視頻素材等。一般情況下,需要對這些素材進行采集、編輯與整理,以滿足動畫制作的需求。

2.新建Flash影片文檔

Flash影片文檔有兩種創建方法:一種是新建空白影片文檔,另一種是從模板創建影片文檔。在Flash CC中,新建空白影片文檔就是新建“ActionScript 3.0”。

3.設置文檔屬性

在正式制作動畫之前,要先設置好尺寸(舞臺的尺寸)、背景顏色(舞臺背景色)、幀頻(每秒鐘播放的幀數)等文檔屬性。這些操作要在“文檔設置”對話框中進行,如圖1-27所示。

“文檔設置”對話框中各個選項具體介紹如下。

單位:用來選擇舞臺上沿與舞臺側沿的標尺的單位,默認值為“像素”。可以在下拉列表框中選擇英寸、點、像素、厘米和毫米等。

舞臺大小:用來設置舞臺的大小,默認值為550?400像素,可直接在“寬”和“高”文本輸入框中輸入數值。其中,舞臺最大可設置為2880?2880像素,最小為1?1像素。

匹配內容:若要將舞臺大小設置為最大可用打印區域,若將舞臺大小設置為內容四周的空間都相等,可選擇匹配“內容”單選按鈕。

舞臺顏色:用于設置影片文檔的背景顏色,默認為白色。也可以單擊該按鈕,彈出“顏色”面板,選擇其他顏色。

978-7-111-56564-2-Chapter01-33.jpg

圖1-27 “文檔設置”對話框

幀頻:用來設置影片播放的速度,默認值24幀/秒(fps),也可以根據需要設置。

4.制作動畫

這是完成動畫效果制作的最主要的步驟。一般情況下,需要先創建動畫角色,可以用繪圖工具繪制,也可以導入外部的素材,然后在時間軸上組織和編輯動畫效果。

5.測試和保存動畫

動畫制作完成后,可以執行“控制”→“測試影片”命令(快捷鍵<Ctrl+Enter>)對影片效果進行測試,如果滿意可以執行“文件”→“保存”命令(快捷鍵<Ctrl+S>)保存影片。為了安全,在動畫制作過程中要經常保存文件。按<Ctrl+S>快捷鍵可以快速保存文件。

6.導出和發布影片

如果對制作的動畫效果比較滿意了,最后可以導出或者發布影片。執行“文件”→“導出”→“導出影片”命令,可以導出影片;執行“文件”→“發布”命令可以發布影片,通過發布影片可以得到更多類型的目標文件。

1.4.2 制作第一個Flash影片

本節利用Flash CC的預設動畫功能來制作一個文字特效動畫,范例效果如圖1-28所示。

通過制作“歡迎學習Flash CC案例教程”動畫的制作過程,介紹如何新建Flash文檔、設置文檔屬性、保存文件、測試影片、導出影片、打開文件、修改文件、設置文本以及Flash所產生的文件類型等內容。

制作步驟如下:

1.新建Flash影片文檔

1)啟動Flash CC軟件,出現開始頁面,選擇“新建”列表中的“Flash文件(ActionS-cript 3.0)”,這樣就啟動了Flash CC的工作窗口新建一個影片文檔。

978-7-111-56564-2-Chapter01-34.jpg

圖1-28 范例動畫效果

2)展開“屬性”面板,單擊大小后方的“編輯”按鈕,彈出“文檔屬性”對話框。

3)改變文檔大小寬度為770像素,高度為430像素,幀頻為12幀/秒。

2.素材導入

執行“文件”→“導入”→“導入到舞臺”命令,在彈出的“導入”對話框中選擇“素材”文件夾中的“bg.png”圖片,然后單擊“打開”按鈕即可完成導入。

3.創建文字

1)在繪圖工具箱中選擇“文本工具”978-7-111-56564-2-Chapter01-35.jpg ,在“屬性”面板中設置“字體”為黑體,“字體大小”為40,“文本顏色”為紅色,其他屬性保持默認,效果如圖1-29所示。

2)將鼠標移向舞臺上單擊,在出現的文本框中輸入“歡迎學習Flash CC案例教程!”。

3)在繪圖工具箱中選擇“選擇工具”,拖動文字到舞臺中央的位置,效果如圖1-30所示。

978-7-111-56564-2-Chapter01-36.jpg

圖1-29 “屬性”面板中文字屬性設置

978-7-111-56564-2-Chapter01-37.jpg

圖1-30 創建文本對象

4.文本創建動畫

1)選擇文字“歡迎學習Flash CC案例教程!”,執行“窗口”→“動畫預設”命令,打開“動畫預設”面板,選擇“默認預設”文件夾中的“波形”動畫,如圖1-31所示,單擊“應用”按鈕,即可完成文本動畫的創建,時間軸變化如圖1-32所示。

978-7-111-56564-2-Chapter01-38.jpg

圖1-31 “動畫預設”面板

978-7-111-56564-2-Chapter01-39.jpg

圖1-32 “時間軸”面板變化

2)單擊圖層1中的第70幀,按<F6>鍵插入關鍵幀。

5.保存和測試影片

1)執行“文件”→“保存”命令(或按<Ctrl+S>)保存影片,彈出“另存為”對話框,指定影片保存的文件夾,輸入文件名“Flash動畫制作流程”,單擊“保存”按鈕。這樣就將影片保存起來了,文件的擴展名為fla。

2)執行“控制”→“測試影片”命令(快捷鍵<Ctrl+Enter>),彈出測試窗口,在窗口中可以觀察到影片的效果,并且可以對影片進行調試。關閉測試窗口可以返回到影片編輯窗口對影片效果進行編輯。

3)打開“資源管理器”窗口,定位在影片文檔保存文件夾,可以觀察到兩個文件,如圖1-33所示。左邊是影片文檔源文件(擴展名為fla),也就是步驟1保存的文件。右邊是影片的播放文件(擴展名是swf),也就是步驟2測試影片時生成的文件。直接雙擊影片播放文件可以在Flash播放器(對應的軟件名稱是FlashPlayer)中播放動畫。

978-7-111-56564-2-Chapter01-40.jpg

圖1-33 文檔類型

6.導出影片

1)執行“文件”→“導出”→“導出影片”命令,彈出“導出影片”對話框,指定導出影片的文件夾,輸入導出影片文件名,單擊“保存”按鈕,即可完成影片的導出。

2)也可以進行影片的發布,執行“文件”→“發布設置”命令,彈出“發布設置”對話框,如圖1-34所示。

978-7-111-56564-2-Chapter01-41.jpg

圖1-34 “發布設置”對話框

在“發布設置”中選擇“Flash(.swf)”與“其他格式”中的“HTML包裝器”兩種發布格式,單擊“發布”按鈕后,即可發布。此時可以生成“Flash動畫制作流程.swf”文件與“Flash動畫制作流程.html”。

7.關閉和打開影片文檔

單擊影片文檔窗口右上角的“關閉”按鈕978-7-111-56564-2-Chapter01-42.jpg ,關閉影片。

在開始頁的“打開最近的項目”中單擊“Flash動畫制作流程.fla”文件,就把影片文檔重新打開了。

如果想給文本添加濾鏡效果,單擊舞臺上的“歡迎學習Flash CC案例教程!”文本對象,接著在“屬性”面板中展開“濾鏡”選項,單擊“添加濾鏡”按鈕978-7-111-56564-2-Chapter01-43.jpg ,選擇“投影”選項,如圖1-35所示,參數設置如圖1-36所示。預覽效果如圖1-28所示。

978-7-111-56564-2-Chapter01-44.jpg

圖1-35 “濾鏡”面板選項

978-7-111-56564-2-Chapter01-45.jpg

圖1-36 “濾鏡”投影效果參數

1.5 Flash專業快捷鍵應用

1.5.1 快捷鍵指法應用

快捷鍵操作是指通過鍵盤的按鍵或按鍵組合來快速執行或切換軟件命令的操作,作為專業的動畫設計人員如果不會快捷鍵,就好像書法愛好者不懂怎樣握毛筆一樣。用快捷鍵比不用快捷鍵在制作同一個動畫項目時,開發效率至少提高一倍,換句話說,如果用快捷鍵操作3個小時完成的工作,那么不用快捷鍵可能要一天干6個小時才能完成,甚至還要加班完成。

1.指法介紹

動畫制作中Flash軟件的快捷鍵相當豐富,在這里舉個例子來說明快捷鍵的使用方法與技巧。

快捷鍵<Ctrl+A>的功能是選擇全部(與Windows操作系統一樣)。

操作含義:按下<Ctrl>鍵不松手,然后按一下<A>鍵,最后松開所有按鍵。

操作要點:按下第一個組合鍵時不可松手,確保在按下它的前提下,去按第二個組合鍵,同樣在按第二個組合鍵時第一個組合鍵不可松開。

操作指法(以左手操作鍵盤,右手操作鼠標為例)如圖1-37所示。

978-7-111-56564-2-Chapter01-46.jpg

圖1-37 <Ctrl+A>快捷鍵的指法操作技巧

2.常見問題

問題1:許多快捷鍵在中文輸入法狀態下無效。解決辦法:切換至英文輸入狀態。

問題2:按組合快捷鍵時,先按的按鍵不小心松開了,使整個組合快捷鍵無效(初期會出現)。解決辦法:不要松開第一個按鍵。

問題3:快捷鍵與鼠標協同操作時,先松開鍵盤,后松開鼠標導致鼠標操作無效。解決辦法:先松開鼠標,再松開鍵盤。

1.5.2 常用快捷鍵

高效的Flash操作基本都是左手摸著鍵盤,右手按著鼠標,常用工具快捷鍵一覽表如表1-1所示。

1-1 Flash常用工具快捷鍵一覽表

978-7-111-56564-2-Chapter01-47.jpg

常用的快捷鍵一覽表如表1-2所示。

1-2 Flash常用快捷鍵一覽表

978-7-111-56564-2-Chapter01-48.jpg

1.6 小結

本章介紹了Flash動畫概述、Flash動畫及其特點、Flash CC的工作環境以及Flash的基本操作方法,通過一個實例系統地學習了Flash動畫的制作與導出發布的整個流程。

1.7 項目作業

1)在網絡中搜索5個優秀的Flash動畫作品,進行交流與展示。

2)根據提供的素材,運用動畫預設功能設計制作“兒童攝影設計展示”動畫,效果如圖1-38所示。

978-7-111-56564-2-Chapter01-49.jpg

圖1-38 “兒童攝影設計展示”動畫

主站蜘蛛池模板: 泰兴市| 韶关市| 文山县| 禄丰县| 丰台区| 监利县| 搜索| 潍坊市| 化隆| 高清| 永康市| 福安市| 长葛市| 建阳市| 漯河市| 常山县| 高邑县| 泰来县| 突泉县| 迭部县| 万山特区| 水城县| 策勒县| 忻城县| 扶沟县| 赣州市| 鄂托克旗| 修武县| 镇沅| 英德市| 临猗县| 西贡区| 白山市| 和田市| 建宁县| 安多县| 象山县| 兴化市| 泗阳县| 安徽省| 恩平市|