flash怎么制作九宮格展示圖片的動(dòng)畫(huà)?

利用flash制作九宮格動(dòng)畫(huà),主要使用了影片剪輯元件,通過(guò)創(chuàng)建補(bǔ)間動(dòng)畫(huà)實(shí)現(xiàn)的,現(xiàn)在就把制作的過(guò)程和截圖分享出來(lái),僅供參考使用。

Adobe Flash Professional CS5 官方簡(jiǎn)體中文完整正式版
- 類(lèi)型:Flash 類(lèi)
- 大小:1.5GB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2015-04-18
1、首先啟動(dòng)flash8,新建一個(gè)大小為800*600,背景顏色為白色,幀頻為12fps的文件。
2、執(zhí)行文件-導(dǎo)入-導(dǎo)入到庫(kù)命令,把事先準(zhǔn)備好的九張圖片導(dǎo)入到庫(kù)中,查看庫(kù)中素材。
3、拖拽一張圖層到舞臺(tái)上,右鍵單擊該圖片,從下拉菜單中選擇轉(zhuǎn)換為元件選項(xiàng),在彈出的對(duì)話框中設(shè)置類(lèi)型為影片剪輯,點(diǎn)擊確定按鈕。
4、選擇該元件設(shè)置大小為1.0*1.0,位置為全居中(水平中齊、垂直中齊),alpha為0%,在第20幀處插入關(guān)鍵幀,設(shè)置大小為200*145,位置為全居中,alpha為100%。
5、在圖層1的1-20幀之間選擇任意一幀,右鍵單擊從下拉菜單中選擇創(chuàng)建補(bǔ)件動(dòng)畫(huà)選項(xiàng),按回車(chē)鍵可以測(cè)試動(dòng)畫(huà)效果。
6、接著在第40幀處按f6插入關(guān)鍵幀,設(shè)置元件的大小為1.0*1.0,位置為全居中,alpha為0%,同樣方法創(chuàng)建補(bǔ)件動(dòng)畫(huà)。
7、新建圖層2,在第20幀處插入關(guān)鍵幀,從庫(kù)中拖拽一張圖片到舞臺(tái),將其轉(zhuǎn)換化為影片剪輯文件,設(shè)置位置x為396,y為123.3,啊alpha為0%,在第40處插入關(guān)鍵幀,大小設(shè)置為200*145,x為299.9,y為67.6,創(chuàng)建補(bǔ)件動(dòng)畫(huà)。
8、采用同樣的方法,依次建立7個(gè)圖層,重復(fù)步驟7,設(shè)置相應(yīng)元件的位置和alpha的值,創(chuàng)建相應(yīng)的補(bǔ)件動(dòng)畫(huà)。
9、再次根據(jù)各個(gè)圖片的位置進(jìn)行調(diào)整,使其布局更加美觀,調(diào)整完成后,按ctrl+enter組合鍵進(jìn)行測(cè)試動(dòng)畫(huà)效果。
10、執(zhí)行文件-導(dǎo)出-導(dǎo)出影片命令,在彈出的對(duì)話框中設(shè)置保存類(lèi)型為gif動(dòng)畫(huà)格式,輸入名稱(chēng),點(diǎn)擊確定按鈕。
相關(guān)推薦:
flash中怎么制作莫爾條紋效應(yīng)的動(dòng)畫(huà)?
flash怎么制作上下跳動(dòng)的英文字母動(dòng)畫(huà)?
相關(guān)文章
flash怎么制作一個(gè)qq表情笑臉哭臉的動(dòng)畫(huà)?
flash怎么制作一個(gè)qq表情笑臉哭臉的動(dòng)畫(huà)?flash中制作動(dòng)畫(huà)很簡(jiǎn)單,今天我們就來(lái)看看flash做一個(gè)由笑到哭的動(dòng)圖表情的教程,需要的朋友可以參考下2016-12-01flash怎么做一個(gè)不斷跳動(dòng)并縮放小小的心形動(dòng)畫(huà)?
flash怎么做一個(gè)不斷跳動(dòng)并縮放小小的心形動(dòng)畫(huà)?想使用flash制作不斷跳動(dòng)的心的動(dòng)畫(huà),該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-11-21flash怎么制作一段簡(jiǎn)單的動(dòng)畫(huà)交互?
flash怎么制作一段簡(jiǎn)單的動(dòng)畫(huà)交互?flash中想制作一個(gè)交互動(dòng)畫(huà),該怎么制作呢?下面我們就來(lái)看看flash制作動(dòng)畫(huà)效果的教程,需要的朋友可以參考下2016-11-14flash怎么制作一段籃球滾動(dòng)的動(dòng)畫(huà)?
flash怎么制作一段籃球滾動(dòng)的動(dòng)畫(huà)?我們知道投球的時(shí)候,籃球落地以后會(huì)彈起落下重復(fù)幾次以后才能落地,該怎么制作這樣一段動(dòng)畫(huà)呢?請(qǐng)看下文詳細(xì)介紹,需要的朋友可以參考2016-11-12flash怎么制作氣泡無(wú)規(guī)則向上升起的動(dòng)畫(huà)?
flash怎么制作氣泡無(wú)規(guī)則向上升起的動(dòng)畫(huà)?flash中制作動(dòng)畫(huà)很方便,今天我們就來(lái)看看讓氣泡隨意上升的動(dòng)畫(huà)的制作方法,教程不難,需要的朋友可以參考下2016-11-10flash形狀補(bǔ)間動(dòng)畫(huà)怎么才能更流暢?
flash形狀補(bǔ)間動(dòng)畫(huà)怎么才能更流暢?flash制作補(bǔ)間動(dòng)畫(huà)不太流暢,該怎么更改的更流暢呢?下面我們就來(lái)看看補(bǔ)間動(dòng)畫(huà)的制作方法,很簡(jiǎn)單,需要的朋友可以參考下2016-11-04Flash怎么制作滾動(dòng)字幕動(dòng)畫(huà)效果?
Flash怎么制作滾動(dòng)字幕動(dòng)畫(huà)效果?Flash中想要制作一段字母滾動(dòng)的動(dòng)畫(huà),該怎么制作呢?下面我們就來(lái)看看詳細(xì)的制作方法,很簡(jiǎn)單,需要的朋友可以參考下2016-10-18flash8簡(jiǎn)單制作倒計(jì)時(shí)動(dòng)畫(huà)效果
這篇教程是向腳本之家的朋友分享flash8簡(jiǎn)單制作倒計(jì)時(shí)動(dòng)畫(huà)效果方法,教程制作出來(lái)的動(dòng)畫(huà)效果非常不錯(cuò),方法也很簡(jiǎn)單,推薦到腳本之家,喜歡的朋友可以參考本文,一起來(lái)看看2016-10-16Flash cs6傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的基礎(chǔ)知識(shí)整理
使用flash制作動(dòng)畫(huà)的時(shí)候,就會(huì)用到動(dòng)畫(huà)補(bǔ)間,今天我們就來(lái)介紹一下傳統(tǒng)的動(dòng)畫(huà)補(bǔ)間的使用方法,以及一些基礎(chǔ)知識(shí)整理,都是比較簡(jiǎn)單的內(nèi)容,需要的朋友可以參考下2016-10-14flash制作一個(gè)小球從左運(yùn)動(dòng)到右的逐幀動(dòng)畫(huà)
這篇教程是向腳本之家的朋友分享flash制作一個(gè)小球從左運(yùn)動(dòng)到右的逐幀動(dòng)畫(huà)方法,教程比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦到腳本之家,一起來(lái)學(xué)習(xí)吧2016-09-28