第3講FashCS3基礎(chǔ)動(dòng)畫制作ppt課件_第1頁
第3講FashCS3基礎(chǔ)動(dòng)畫制作ppt課件_第2頁
第3講FashCS3基礎(chǔ)動(dòng)畫制作ppt課件_第3頁
第3講FashCS3基礎(chǔ)動(dòng)畫制作ppt課件_第4頁
第3講FashCS3基礎(chǔ)動(dòng)畫制作ppt課件_第5頁
已閱讀5頁,還剩21頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、第第3 3講講 flash cs3flash cs3基礎(chǔ)動(dòng)畫制作基礎(chǔ)動(dòng)畫制作學(xué)習(xí)要點(diǎn)學(xué)習(xí)要點(diǎn) 逐幀動(dòng)畫制作 形狀補(bǔ)間動(dòng)畫制作 動(dòng)作補(bǔ)間動(dòng)畫制作 引導(dǎo)層動(dòng)畫制作 遮罩動(dòng)畫制作 制作方法:一個(gè)關(guān)鍵幀接一個(gè)關(guān)鍵幀地繪制作內(nèi)容,相鄰幀之間的內(nèi)容只有細(xì)微變化,多幀連續(xù)播放即形成動(dòng)畫。3.1 3.1 逐幀動(dòng)畫制作逐幀動(dòng)畫制作3.2 3.2 形狀補(bǔ)間動(dòng)畫制作形狀補(bǔ)間動(dòng)畫制作3.2.1 3.2.1 知識(shí)講解知識(shí)講解1.1.形狀補(bǔ)間動(dòng)畫的定義形狀補(bǔ)間動(dòng)畫的定義在補(bǔ)間形狀中,在一個(gè)關(guān)鍵幀繪制一個(gè)形狀,然后在另一個(gè)關(guān)鍵幀更改該形狀或繪制另一個(gè)形狀。 flash 會(huì)內(nèi)插二者之間的幀的值或形狀來創(chuàng)建動(dòng)畫。利用這種動(dòng)畫,

2、可以實(shí)現(xiàn)對(duì)象的大小、位置、顏色等變化。2. 2. 形狀補(bǔ)間動(dòng)畫的構(gòu)成要素和時(shí)間軸表現(xiàn)形狀補(bǔ)間動(dòng)畫的構(gòu)成要素和時(shí)間軸表現(xiàn)構(gòu)成形狀補(bǔ)間動(dòng)畫的元素是形狀。形狀補(bǔ)間動(dòng)畫建立后,時(shí)間幀面板的背景色變?yōu)榈G色,在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭,如果制作錯(cuò)誤顯示為虛線。形狀補(bǔ)間動(dòng)畫在時(shí)間軸表現(xiàn)技巧提示:技巧提示:若要對(duì)組、實(shí)例或位圖圖像應(yīng)用形狀補(bǔ)間,請(qǐng)分離這些元素(按ctrl+b組合鍵)。 若要對(duì)文本應(yīng)用形狀補(bǔ)間,請(qǐng)將文本分離兩次,從而將文本轉(zhuǎn)換為對(duì)象。3. 3. 形狀補(bǔ)間動(dòng)畫的屬性面板形狀補(bǔ)間動(dòng)畫的屬性面板用戶在制作形狀補(bǔ)間動(dòng)畫時(shí),可根據(jù)動(dòng)畫要求,利用其屬性面板對(duì)動(dòng)畫進(jìn)行加速或減速等屬性設(shè)置, 形狀補(bǔ)

3、間動(dòng)畫的屬性面板 3.2.2.3.2.2.課堂案例課堂案例loadingloading下載條制作下載條制作【學(xué)習(xí)目標(biāo)】使用形狀補(bǔ)間動(dòng)畫制作loading下載條【知識(shí)要點(diǎn)】使用矩形工具、任意變形工具、形狀補(bǔ)間動(dòng)畫命令制作下載條的動(dòng)畫效果。使用文本工具添加文字效果 loading下載條最終效果 3.2.3.3.2.3.課堂案例課堂案例翻書效果翻書效果【學(xué)習(xí)目標(biāo)】使用添加形狀提示來形狀補(bǔ)間動(dòng)畫制作翻書效果?!局R(shí)要點(diǎn)】使用矩形工具、任意變形工具、形狀補(bǔ)間動(dòng)畫命令制作翻書的動(dòng)畫效果,最終效果如圖所示。翻書最終效果 3.3 3.3 動(dòng)作補(bǔ)間動(dòng)畫制作動(dòng)作補(bǔ)間動(dòng)畫制作3.3.1 3.3.1 知識(shí)講解知識(shí)講解

4、1.1.動(dòng)作補(bǔ)間動(dòng)畫的定義動(dòng)作補(bǔ)間動(dòng)畫的定義 在動(dòng)作補(bǔ)間動(dòng)畫中,在一個(gè)關(guān)鍵幀放置一個(gè)元件實(shí)例,然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件實(shí)例的大小、顏色、位置、透明度、方向等,flash根據(jù)二者之間差值創(chuàng)建的動(dòng)畫稱為動(dòng)作補(bǔ)間動(dòng)畫。2. 2. 動(dòng)作補(bǔ)間動(dòng)畫的構(gòu)成要素和時(shí)間軸表現(xiàn)動(dòng)作補(bǔ)間動(dòng)畫的構(gòu)成要素和時(shí)間軸表現(xiàn)構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫的元素是元件實(shí)例,包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等,時(shí)間幀面板的背景色變?yōu)榈仙谄鹗紟徒Y(jié)束幀之間有一個(gè)長長的箭頭,如圖所示,如果制作錯(cuò)誤顯示為虛線。動(dòng)作補(bǔ)間動(dòng)畫在時(shí)間軸表現(xiàn) 技巧提示:技巧提示:若要對(duì)象是形狀,只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動(dòng)作

5、補(bǔ)間動(dòng)畫”,否則會(huì)出現(xiàn)虛線顯示。3. 3. 動(dòng)作補(bǔ)間動(dòng)畫的屬性面板動(dòng)作補(bǔ)間動(dòng)畫的屬性面板用戶在制作動(dòng)作補(bǔ)間動(dòng)畫時(shí),在時(shí)間軸“動(dòng)作補(bǔ)間動(dòng)畫”的起始幀上單擊,然后打開屬性面板(按【ctrl+f3】快捷鍵),如圖所示。動(dòng)作補(bǔ)間動(dòng)畫的屬性面板緩動(dòng):這個(gè)選項(xiàng)的作用與形狀補(bǔ)間動(dòng)畫的完全一樣,在此不再贅述。旋轉(zhuǎn):有4個(gè)選項(xiàng),選擇“無”(默認(rèn)設(shè)置),即禁止元件實(shí)例旋轉(zhuǎn);選擇“自動(dòng)”,可以使元件實(shí)例根據(jù)起始幀與結(jié)束幀上的角度,自動(dòng)進(jìn)行旋轉(zhuǎn);選擇“順時(shí)針”或“逆時(shí)針”,并在后面輸入數(shù)字,可使元件實(shí)例在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。調(diào)整到路徑:將補(bǔ)間元素的基線調(diào)整到運(yùn)動(dòng)路徑,此項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng)的。在下一

6、節(jié)中我們學(xué)習(xí)。同步:此選項(xiàng)使圖形元件實(shí)例內(nèi)部的動(dòng)畫和主時(shí)間軸同步。貼緊:此選項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng),可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑.3.3.2.3.3.2.課堂案例課堂案例汽車行駛汽車行駛【學(xué)習(xí)目標(biāo)】使用物體移動(dòng)動(dòng)畫的制作,以及物體進(jìn)行加速或減速運(yùn)動(dòng)的設(shè)置技巧?!局R(shí)要點(diǎn)】使用動(dòng)作補(bǔ)間動(dòng)畫命令制作汽車行駛的動(dòng)畫效果。如圖所示。 汽車行駛最終效果3.3.3.3.3.3.課堂案例課堂案例鐘擺運(yùn)動(dòng)鐘擺運(yùn)動(dòng)鐘擺運(yùn)動(dòng)最終效果【學(xué)習(xí)目標(biāo)】使用物體擺動(dòng)動(dòng)畫的制作,以及物體進(jìn)行加速或減速運(yùn)動(dòng)的設(shè)置技巧?!局R(shí)要點(diǎn)】使用繪畫工具繪制鐘擺,利用動(dòng)作補(bǔ)間動(dòng)畫命令制作鐘擺運(yùn)動(dòng)的動(dòng)畫效果。如下圖所示。3.4

7、3.4 引導(dǎo)層動(dòng)畫制作引導(dǎo)層動(dòng)畫制作3.4.13.4.1知識(shí)講解知識(shí)講解1.1. 引導(dǎo)層動(dòng)畫的定義引導(dǎo)層動(dòng)畫的定義 將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層,使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫形式稱為引導(dǎo)層動(dòng)畫。2. 2. 引導(dǎo)層動(dòng)畫的創(chuàng)建方法引導(dǎo)層動(dòng)畫的創(chuàng)建方法 一個(gè)最基本的引導(dǎo)層動(dòng)畫由兩個(gè)圖層組成,上面一層是引導(dǎo)層,它的圖層圖標(biāo)為 ,下面圖層是被引導(dǎo)層,圖標(biāo)同普通圖層一樣。在一個(gè)普通圖層上點(diǎn)擊時(shí)間軸面板的“添加引導(dǎo)層”按鈕 ,該層的上面就會(huì)添加一個(gè)引導(dǎo)層,同時(shí)該普通層會(huì)縮進(jìn)成為“被引導(dǎo)層”,如下圖所示。引導(dǎo)層、被引導(dǎo)層與普通圖層引導(dǎo)層是用來指示對(duì)象運(yùn)行路徑的,所以引導(dǎo)層中的內(nèi)容可以是用鋼筆、

8、鉛筆、線條、橢圓、矩形工具或畫筆工具等繪制出的線條。被引導(dǎo)層中的對(duì)象是跟著引導(dǎo)線走的,可以使用影片剪輯、圖形元件、按鈕元件等,形狀補(bǔ)間動(dòng)畫無法應(yīng)用引導(dǎo)層動(dòng)畫。注冊(cè)點(diǎn)與引導(dǎo)線技巧提示:技巧提示:創(chuàng)建引導(dǎo)層動(dòng)畫時(shí)一定要注意,位于被引導(dǎo)層關(guān)鍵幀上的元件實(shí)例注冊(cè)點(diǎn)一定要位于引導(dǎo)線上,否則引導(dǎo)層動(dòng)畫無法正常運(yùn)行,如上圖所示。3. 3. 引導(dǎo)層動(dòng)畫的參數(shù)設(shè)置引導(dǎo)層動(dòng)畫的參數(shù)設(shè)置用戶在制作引導(dǎo)層動(dòng)畫時(shí),在時(shí)間軸“引導(dǎo)層動(dòng)畫”的起始幀上單擊,然后打開屬性面板(按【ctrl+f3】快捷鍵),如下圖所示。設(shè)置引導(dǎo)層動(dòng)畫的參數(shù)調(diào)整到路徑:可使被引導(dǎo)層上的對(duì)象按照引導(dǎo)線的走勢(shì)改變引導(dǎo)對(duì)象的角度。這樣制作鳥兒飛翔和魚兒

9、游的效果更逼真。同步:此選項(xiàng)使圖形元件實(shí)例內(nèi)部的動(dòng)畫和主時(shí)間軸同步。貼緊:此選項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng),可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑。3.4.2.3.4.2.課堂案例課堂案例飛行鳥兒飛行鳥兒【學(xué)習(xí)目標(biāo)】掌握引導(dǎo)層動(dòng)畫的制作技巧與方法?!局R(shí)要點(diǎn)】使用動(dòng)作補(bǔ)間動(dòng)畫制作鳥兒飛行,添加引導(dǎo)層。如下圖所示。鳥兒飛行最終效果3.5 3.5 遮罩動(dòng)畫制作遮罩動(dòng)畫制作3.5.13.5.1知識(shí)講解知識(shí)講解1.1.遮罩動(dòng)畫的定義遮罩動(dòng)畫的定義 遮罩動(dòng)畫,顧名思義就是遮擋下面的對(duì)象。遮罩動(dòng)畫至少有兩層:遮罩層和被遮罩層,處于上層是遮罩層,下層是被遮罩層,如下圖所示制作遮罩前后效果對(duì)比,仔細(xì)觀察圖層和鎖定

10、情況。遮罩動(dòng)畫主要用于水波、探照燈效果、百葉窗、放大鏡、望遠(yuǎn)鏡等效果。遮罩前后效果比較2. 2. 遮罩動(dòng)畫的創(chuàng)建方法遮罩動(dòng)畫的創(chuàng)建方法“被遮罩層”其實(shí)就是普通圖層;“遮罩層”創(chuàng)建方法是在遮罩層單擊右鍵,在彈出菜單中勾選“遮罩層”,該圖層就變成遮罩層,系統(tǒng)自動(dòng)把遮罩層下面圖層關(guān)聯(lián)為被遮罩層,如下圖所示。如果想關(guān)聯(lián)更多圖層,只要把其他圖層拖到被遮罩層下面。遮罩層中的圖形對(duì)象在播放是看不見的哦,遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字。被遮罩層中的對(duì)象只能透過遮罩層中的對(duì)象看到。遮罩層和被遮罩層都可以使用形狀補(bǔ)間、動(dòng)作補(bǔ)間和引導(dǎo)層動(dòng)畫。創(chuàng)建遮罩層技巧提示:技巧提示:遮罩層的對(duì)象不能使用線

11、條,如果一定要用線條,一定要線條轉(zhuǎn)換為填充對(duì)象,選擇【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】。3. 3. 遮罩動(dòng)畫的應(yīng)用技巧遮罩動(dòng)畫的應(yīng)用技巧(1)遮罩層的基本原理:能夠透過該圖層中的對(duì)象看到“被遮罩層”中的對(duì)象及其屬性。但是遮罩層中的對(duì)象中的許多屬性,如漸變色、透明度、顏色和線條樣式等卻是被忽略的,比如我們要實(shí)現(xiàn)文字走光效果必須通過被遮罩層的圖像進(jìn)行實(shí)現(xiàn)。(2)顯示遮罩效果:可以鎖定遮罩層和被遮罩層。(3)不能用一個(gè)遮罩層遮擋另一個(gè)遮罩層。(4)制作過程注意:遮罩層經(jīng)常擋住下層的元件,影響實(shí)現(xiàn),無法編輯,可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓按鈕,使遮罩層只顯示邊框形狀,可以調(diào)整遮罩圖形的大

12、小和位置。(5)被遮罩層不能放置動(dòng)態(tài)文本。3.5.2.3.5.2.課堂案例課堂案例探照燈效果探照燈效果【學(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫的制作技巧與方法?!局R(shí)要點(diǎn)】使用遮罩動(dòng)畫制作探照燈效果。如下圖所示。探照燈最終效果 動(dòng)畫片中經(jīng)常會(huì)出現(xiàn)的各種自然現(xiàn)象,如風(fēng)、雨、雪、雷、云、煙、水、火等。因此,flash動(dòng)畫設(shè)計(jì)師應(yīng)該掌握各種自然現(xiàn)象的運(yùn)動(dòng)規(guī)律與制作方法,本實(shí)訓(xùn)項(xiàng)目雨的制作方法,雨從空中降落時(shí)本是一滴一滴的小雨點(diǎn),但因?yàn)閱蝹€(gè)雨點(diǎn)的體積很小,降落的速度又較快,因此在較多的情況下人們看到的雨,往往是因?yàn)橛幸曈X暫留的作用而形成一條條細(xì)長的半透明的直線。所以在動(dòng)畫中表現(xiàn)下雨的鏡頭,一般多是畫一些長短不同的直線掠過畫面。雨從空中降落時(shí),本來是垂直的,由于常常伴有風(fēng),所以看到的雨點(diǎn),往往都是斜著落下來的。當(dāng)雨點(diǎn)落到地面、雨傘等物體上時(shí),還會(huì)濺起小水花。項(xiàng)目實(shí)訓(xùn)項(xiàng)目實(shí)訓(xùn)自然現(xiàn)象自然現(xiàn)象flashflash實(shí)現(xiàn)實(shí)現(xiàn)【學(xué)習(xí)目的】:掌握自然現(xiàn)象下雨的制作方法和技巧?!臼褂霉ぞ摺浚恨D(zhuǎn)換元件、補(bǔ)間動(dòng)畫的制作,最終效果下圖所示。下雨效果圖項(xiàng)目分解項(xiàng)目分解任務(wù)一 制作下雨效果任務(wù)二 制作水花效果任務(wù)三 制作主場(chǎng)景效果操作題制作下雪的場(chǎng)景效果,如下圖所示。下雪效果圖【操作提示】:文件大小設(shè)置為800pixe

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論