用Dreamweaver實現漫天花雨效果(2)_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!

圖6

圖7
確定等時線里紅線在第一格的位置,然后在Dreamweaver的主面板里拖動圖層到右上角,這一步是確認花瓣飄落的起點。再將等時線里的flower1層的最后一格拉到第60格的位置,然后確定那條紅線在第60格的位置,回到DW面板將flower1圖層拉到屏幕的左下角,這一步驟是確定圖片飄落的終點。注重確定起點和終點的時候,一定要看清紅線的位置,紅線的位置代表了你當前再做第幾影格的操作。開始影格和終點影格一定要是要害影格。然后選中上方的Autoplay和Loop,如圖8所示,意思是自動運行和循環運行。這時候你可以按F12預覽一下,你已經可以看到花瓣沿一條直線在運動了。

圖8
下面我們讓花瓣的運動顯得柔和一點,無規則一點。在等時線面板里,在第15影格的地方單擊一下,確認等時線里的紅線在第15格的位置,按右鍵,選擇add keyfreme,如圖9所示,這時主面板的圖層會自動移到第15格應該走到的位置,拖動圖層到其他的地方(可以任意的拖動,取決于你想讓這個花瓣如何運動),這一步是確認該圖層移動到第15影格的時候應該在什么地方。然后將紅線移到第30格、第45格的位置重復上面的動作,再按F12預覽一下,此時花瓣就呈不規則的移動了。再次提醒,插入等時線的一定要是圖層而不是圖片,否則花瓣將不會移動。

圖9
按照上面的做法,我們再增加一個圖層,在圖層中插入另外一幅稍小的圖片,重復上面的動作,只是圖層移動的軌跡可以改變一下,只需要改邊當選中某個要害影格的時候,圖層在主面板的位置就可以了。以次類推,一般加到Flower10層以上的樣子,才有滿天花雨的效果。
相關Dreamweaver教程:
- 相關鏈接:
- 教程說明:
Dreamweaver教程-用Dreamweaver實現漫天花雨效果(2)
。