Dreamweaver 3動畫篇:時間軸(Timeline)
2007/1/20 23:09:37
眼見著教程就要走到尾聲,我們漸漸進入到Dreaweaver 3的精華部分那就是時間軸(Timeline)和行為(Behavior)。時間軸可以用于在網頁的頁面上制作動畫。行為可以用來制作網頁上的交互效果。舉例來說就是,鼠標移到圖片上去之后出現(xiàn)了另一個畫面之類的東西。
 首先我們來理解時間軸。動畫的實現(xiàn)原理就是將畫面連起來播放,產生運動的錯覺。所以動畫的基本單位就是一個畫面,也叫做幀。而在動畫中有些畫面是關鍵的,可以影響整個動畫的,這樣的幀叫做關鍵幀。很多的畫面按照時間先后順序鏈起來就是動畫。時間軸就是用來排列畫面的順序的。時間軸由通道組成。每一個通道里面放一個要運動的物體。關鍵幀用圓點表示。還有一個播放頭,播放頭所指的位置就是動畫當前所在的幀。
 以下圖為例,動畫是一只機器貓按照弧線從左往右邊運動。動畫在通道1中。共15幀畫面長度。其中開始的位置,結束的位置還有當中弧線的最低點三個位置是關鍵位置。因此都是關鍵幀。圖中播放頭播放的正好是當中的關鍵幀。也就是圖中機器貓的位置。

通過上面的講解,時間軸的作用我們大致上已經很清楚了。下面我們就來實戰(zhàn)制作這個動畫的效果。在制作之前要強調一件事情。就是要制作動畫就必須用到層。用層才能制作動畫,單一的圖片是無法制作動畫的。文字圖片都必須存放在層中。實際上運動的是層,帶動的圖片文字進行運動。制作過程如下:
1、 插入一個層。在層中插入一張圖片
2、 將層拖拽入時間軸。(時間軸可以通過菜單windowàtimelines打開)系統(tǒng)會彈出一個對話框。提示層的一些屬性是可以做成動畫的。單擊ok即可。注意是將層拖拽在時間軸中,不是圖片。應該看到時間軸中顯示的是Layer字樣。時間軸生成了一段長15幀的畫面。當然覺得太短可以自己拖的長一點。
3、 現(xiàn)在第一幀和最后一幀都是關鍵幀。我們要設置最后一幀確定動畫的結束位置。單擊最后一幀將層拖拽到指定位置。

4、 大家可以看到路徑還是直的。我們要做成彎曲的怎樣做呢。增加一個關鍵幀。單擊當中的位置。按鼠標右鍵。選擇其中的Add keyframe增加關鍵幀。時間軸種增加一個關鍵幀。
5、 單擊該關鍵幀將層拖拽到指定位置。動畫制作完畢了。
6、 還要在時間軸上單擊Autoplay自動播放選項。這樣頁面一裝入瀏覽器動畫就播放。Loop選項表示動畫播放完畢一次以后還要繼續(xù)播放。選中這兩個選項的時候都會彈出對話框,單擊OK即可。
注意:一旦選中了這兩個參數(shù)。時間軸上動畫最后一幀會出現(xiàn)一幀。該幀出現(xiàn)在B通道中。B通道不同于別的通道,是用來控制和添加行為的。這里我們添加的是一個重復和循環(huán)的行為。


返回列表
返回首頁 主站蜘蛛池模板: 啊灬啊灬啊灬深灬快用力| 在线观看片免费人成视频播放| 亚洲另类欧美综合久久图片区| 99久久99久久精品国产片果冻| 日本一区二区三区日本免费| 亚洲va久久久噜噜噜久久天堂| 泳衣男漫画臀篇佳门サエコcc| 午夜视频体验区| 里番本子侵犯肉全彩| 国产欧美日韩综合精品一区二区| 97色精品视频在线观看| 妞干网在线视频观看| 中文字幕在线精品| 日韩a级无码免费视频| 亚洲人成色77777在线观看| 波多野吉衣免费一区| 免费又黄又硬又大爽日本| 美女下面直流白浆视频| 国产免费色视频| 99视频在线看观免费| 成人精品视频一区二区三区尤物| 久久精品一区二区三区av| 男女啪啪免费体验区| 国产女同志videos| 色狠台湾色综合网站| 国产香蕉一区二区三区在线视频| 久久久xxxx| 日韩欧美综合视频| 亚洲aⅴ男人的天堂在线观看| 欧美日韩在线观看免费| 啦啦啦中文在线观看| 青青草91视频| 国产成人无码一区二区三区在线| 18岁大陆女rapper欢迎你| 国内精品久久久人妻中文字幕| ts人妖系列在线专区| 小说专区图片专区| 一级特黄录像免费播放肥| 把美女日出白浆| 久久99精品久久久久久园产越南 | aaaa级毛片|