第1章Flash動畫制作基礎(chǔ)

1、Flash CS5動畫制作案例教程,教學(xué)課件,Flash動畫概述 圖像的基礎(chǔ)知識 Flash CS5的工作環(huán)境 Flash CS5的基本操作方法 Flash專業(yè)快捷鍵應(yīng)用,本章要點,Flash CS5動畫制作 案例教程,第1章 Flash動畫制作基礎(chǔ),1.1Flash動畫概述,1.1.1動畫的概念與制作流程 動畫是利用人的“視覺暫留”特性，連續(xù)播放一系列畫面，給視覺造成連續(xù)變化的圖畫，如圖所示。它的基本原理與電影、電視一樣，都是視覺原理。,其中，“視覺暫留”特性是人的眼睛看到一幅畫或一個物體后，在1/24秒內(nèi)不會消失。利用這一原理，在一幅畫還沒有消失前播放出下一幅畫，就會給人造成一種流暢的視覺

2、變化效果。,1.1Flash動畫概述,制作流程 1.前期策劃與籌備階段 前期策劃包括選題報告、形象素材籌備，故事腳本（文學(xué)劇本） 、角色與環(huán)境設(shè)定、畫面分鏡頭初稿、生產(chǎn)進(jìn)度日程安排圖表。 2.中期創(chuàng)作與制作階段 主要包括原畫、動畫、背景繪制、掃描、修線填色、合成及編輯等。原畫與動畫以及背景主要依靠鉛筆和紙繪出草稿再掃描數(shù)字化?，F(xiàn)在開始使用無紙動畫這一制作方式。即使用鼠標(biāo)、壓感筆和數(shù)位板。 3.后期加工階段 最終將二維動畫軟件的作品輸出為視頻文件再對這些視頻文件進(jìn)行一些合成以及剪輯工作就成為了動畫片。,1.1Flash動畫概述,1.1.2 Flash動畫及特點,動畫短小 Flash動畫受網(wǎng)絡(luò)資源

3、的制約一般比較短小，但繪制的畫面是矢量格式，無論把它放大多少倍都不會失真。 交互性強 Flash動畫具有交互性優(yōu)勢，可以通過單擊、選擇等動作決定動畫的運行過程和結(jié)果，是傳統(tǒng)動畫所無法比擬的。 具有廣泛傳播性 Flash動畫由于文件小、傳輸速度快、播放采用流式技術(shù)的特點，所以在網(wǎng)上供人欣賞和下載，具有較好的廣泛傳播性。 輕便與靈巧 Flash動畫有嶄新的視覺效果，成為一種新時代的藝術(shù)表現(xiàn)形式。比傳統(tǒng)的動畫更加輕便與靈巧。 人力少，成本低 Flash動畫制作的成本非常低，使用Flash制作的動畫能夠大大地減少人力、物力資源的消耗。同時，在制作時間上也會大大減少。,1.1Flash動畫概述,1.1.

4、3 Flash動畫的應(yīng)用領(lǐng)域,網(wǎng)絡(luò)廣告,注:本廣告動畫來自新浪網(wǎng),1.1Flash動畫概述,1.1.3 Flash動畫的應(yīng)用領(lǐng)域,網(wǎng)站建設(shè),注:本圖片來自中國網(wǎng)頁設(shè)計聯(lián)盟網(wǎng) 瀏覽網(wǎng)站,1.1Flash動畫概述,1.1.3 Flash動畫的應(yīng)用領(lǐng)域,網(wǎng)站片頭,注:本廣告動畫來自安踏運動鞋網(wǎng)站片頭,1.1Flash動畫概述,1.1.3 Flash動畫的應(yīng)用領(lǐng)域,網(wǎng)站短片,1.1Flash動畫概述,1.1.3 Flash動畫的應(yīng)用領(lǐng)域,原理演示,1.1Flash動畫概述,1.1.3 Flash動畫的應(yīng)用領(lǐng)域,原理演示,1.2圖像的基礎(chǔ)知識,1.2.1像素和分辨率 像素是構(gòu)成圖像的最小單位，它的形態(tài)是

5、一個小方點。很多個像素組合在一起就構(gòu)成了一幅圖像，組合成圖像的每一個像素只顯示一種顏色。由于圖像能記錄下每一個像素的數(shù)據(jù)信息，因而可以精確的記錄色調(diào)豐富的圖像，逼真地表現(xiàn)自然界的景觀。,1.2圖像的基礎(chǔ)知識,分辨率是圖像處理中一個非常重要的概念，它是指位圖圖像在每英寸上所包含的像素數(shù)量，單位使用每英寸的像素數(shù)PPI（Pixels/Inch）來表示。圖像分辨率的高低直接影響圖像的質(zhì)量，分辨率越高，文件也就越大，圖像也會越清晰，（300PPI）所示，處理速度也會變慢；反之，分辨率越低，圖像就越模糊，（72PPI）所示，文件也會越小。,分辨率高的圖像 分辨率低的圖像,1.2圖像的基礎(chǔ)知識,1.2.2

6、位圖與矢量圖 位圖又稱為點陣圖，是由許多點組成，這些點為像素（pixel）。當(dāng)許多不同顏色的點（即像素）組合在一起后，便構(gòu)成了一幅完整的圖像。 位圖可以記錄每一個點的數(shù)據(jù)信息，因而可以精確地制作出色彩和色調(diào)變化豐富的圖像，可以逼真地表現(xiàn)自然界的景象，達(dá)到照片般的品質(zhì)。但是，它由于所包含的圖像像素數(shù)目是一定的，若將圖像放大到一定程度后，圖像就會失真，邊緣會出現(xiàn)鋸齒，如圖1-4所示。,位圖的原效果與放大后的效果,1.2圖像的基礎(chǔ)知識,矢量圖形也稱為向量式圖形，它用數(shù)學(xué)的矢量方式來記錄圖像內(nèi)容，以線條和色塊為主，這類對象的線條非常光滑、流暢，可以進(jìn)行無限的放大、縮小或旋轉(zhuǎn)等操作，并且不會失真，如圖所

7、示。矢量圖不宜制作色調(diào)豐富或者色彩變化太多的圖形，而且繪制出來的圖形無法像位圖那樣精確地描繪各種絢麗的景象。,矢量圖的原效果與放大后的效果,1.3 Flash CS5的工作環(huán)境,從模板創(chuàng)建,新建,學(xué)習(xí),打開最近的項目,官方資源的快速訪問,開始頁,1.3 Flash CS5的工作環(huán)境,面板組,舞臺,工具欄,時間軸,菜單欄,文件選項卡,工作區(qū),工作窗口,1.3 Flash CS5的工作環(huán)境,時間軸,工具箱,1.3 Flash CS5的工作環(huán)境,面板演示,“屬性”面板,“庫”面板,“庫”面板,1.3 Flash CS5的工作環(huán)境,面板演示,“信息”面板,“變形”面板,“變形”面板,1.3 Flash

8、 CS5的工作環(huán)境,網(wǎng)格、標(biāo)尺和輔助線,執(zhí)行“視圖”“網(wǎng)格”“顯示網(wǎng)格”命令，可以顯示網(wǎng)格線，如圖所示,1.3 Flash CS5的工作環(huán)境,網(wǎng)格、標(biāo)尺和輔助線,執(zhí)行“視圖”“網(wǎng)格”“編輯網(wǎng)格”命令，打開“網(wǎng)格”對話框，如圖所示,1.3 Flash CS5的工作環(huán)境,網(wǎng)格、標(biāo)尺和輔助線,選擇“視圖”“標(biāo)尺”命令，可以顯示或隱藏標(biāo)尺，如圖所示,1.3 Flash CS5的工作環(huán)境,網(wǎng)格、標(biāo)尺和輔助線,標(biāo)尺狀態(tài)的輔助線，如圖所示。,1.3 Flash CS5的基本操作方法,1.4.1 Flash動畫的制作流程,1準(zhǔn)備素材 根據(jù)動畫的內(nèi)容需要準(zhǔn)備一些動畫素材，包括音頻素材（聲效、音效）、圖像素材、視

9、頻素材等。一般情況下，需要對這些素材進(jìn)行采集、編輯與整理，以滿足動畫制作的需求。 2新建Flash影片文檔 Flash影片文檔有兩種創(chuàng)建方法。一種是新建空白影片文檔，另一種是從模板創(chuàng)建影片文檔。在Flash CS5中，新建空白影片文檔有兩種類型，一種是“Flash文件（ActionScript3.0）”，另一種是“Flash文件（ActionScript2.0）”，這兩種類型的影片文檔不同之處在于前一個的動作腳本語言是ActionScript3.0，后一個的腳本語言是ActionScript2.0。,1.3 Flash CS5的基本操作方法,1.4.1 Flash動畫的制作流程,3設(shè)置文檔屬性

10、 在正式動畫制作之前，要先設(shè)置好尺寸（舞臺的尺寸）、背景顏色（舞臺背景色）、幀頻（每秒鐘播放的幀數(shù)）等文檔屬性。這些操作要在“文檔屬性”對話框中進(jìn)行。 4制作動畫 這是完成動畫效果制作的最主要的步驟。一般情況下，需要先創(chuàng)建動畫角色，可以用繪圖工具繪制，也可以導(dǎo)入外部的素材，然后在時間軸上組織和編輯動畫效果。,1.3 Flash CS5的基本操作方法,1.4.1 Flash動畫的制作流程,5測試和保存動畫 動畫制作完成后，可以執(zhí)行“控制”“測試影片”命令（快捷鍵）對影片效果進(jìn)行測試，如果滿意可以執(zhí)行“文件”“保存”命令（或按）保存影片。為了安全，在動畫制作過程中要經(jīng)常保存文件。按可以快速保存文件

11、。 6導(dǎo)出和發(fā)布影片 如果對制作的動畫效果比較滿意了，組后可以導(dǎo)出或者發(fā)布影片。執(zhí)行“文件”“導(dǎo)出”“導(dǎo)出影片”命令，可以導(dǎo)出影片。執(zhí)行“文件”“發(fā)布”命令可以發(fā)布影片，通過發(fā)布影片可以得到更多類型的目標(biāo)文件。,1.3 Flash CS5的基本操作方法,1.4.1 Flash動畫的制作流程,制作第一個Flash影片,1.5 Flash專業(yè)快捷鍵應(yīng)用,1.3.1快捷鍵指法應(yīng)用 1指法介紹 平面設(shè)計的中Flash軟件的快捷鍵相當(dāng)豐富，在這里舉幾個例子來說明快捷鍵的使用方法與技巧： 快捷鍵的功能是選擇全部。 操作含義：按下鍵不松手，然后按一下鍵，最后松開所有按鍵。 操作要點：按下第一個組合鍵時不可松手，確保在按下它的前提下，去按第二個組合鍵，同樣在按二個組合鍵時第一個組合鍵不可松開。 操作指法（以左手操作鍵盤，右手操作鼠標(biāo)為例），如圖所示,快捷鍵的指法操作技巧,1.5 Flash專業(yè)快捷鍵應(yīng)用,1.5.2常用快捷鍵,