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级毛片|