查看完整版本: 紙飛機導引線動畫
頁: [1]

icehiro 發表於 2009-7-6 12:20 AM

紙飛機導引線動畫

http://www.flycan.com/titantitan/images/05_guideline/501.gif
首先以直線工具畫出紙飛機的線框,再填入明暗不同的顏色。當然~這個要畫什麼圖案都可以,只是紙飛機比較能看出沿路徑移動的效果,畫完記得先GROUP群組或是做成Movieclip,個人建議做成後者,比較好修正。

http://www.flycan.com/titantitan/images/05_guideline/502.gif

選取該物件,按Ctil+Shift+O點上圖時間軸左下方圈選處,增加一個導引線圖層,然後點選工具列的直線工具畫出如上圖閃電狀的三段直線。同學注意導引線只是個路徑而已,所以顏色跟線條粗細都無關,建議同學選1PIX寬的紅色線段,比較容易看清楚。

http://www.flycan.com/titantitan/images/05_guideline/503.gif

點選工具列選取工具將線段如上圖閃電狀直線調整成S型曲線。
同學注意:畫出S型曲線方法很多種,這裡只是用直線工具去畫。當然對滑鼠掌握度高的同學也可以直接以滑鼠或數位板畫出曲線再加以平滑化即可。

http://www.flycan.com/titantitan/images/05_guideline/504.gif

相信現在線段一定歪歪扭扭的,在全選完整導引線段的狀態下,點選工具列的選取工具,再按最夏方如圖圈選處的平滑化按鈕,每按一次,電腦會自行判斷修掉多餘的角度跟節點讓線條愈來愈平滑。同學可以邊調整邊平滑化,也可只選取局部線段加以平滑。

http://www.flycan.com/titantitan/images/05_guideline/505.gif

確認一下圖層的狀態,如上圖紙飛機所在的圖層在導引線下方內縮才是正確的。點選圖上圓圈處的磁鐵工具(左方工具列上也有,功能是一樣的),在點選工具列的變形工具,這樣即可看到紙飛機中間有個小圓圈,即為中心點。在靠近中心點附近位置點選紙飛機,再將紙飛機拖移到導引線線段左邊的開頭,如果有開啟磁鐵工具的話就會自動吸附導引線,看到中心圓圈變大就表示成功吸附導引線,當然也可以相反的把導引線拉去吸附紙飛機的中心點。

http://www.flycan.com/titantitan/images/05_guideline/506.gif

在時間軸後方將兩個圖層都增加相當長度的影格,而紙飛機圖層增加關鍵影格,並點選箭頭處的關鍵影格,將紙飛機照上一步驟拖移到導引線另一端並吸附中心點。

http://www.flycan.com/titantitan/images/05_guideline/507.gif

在兩個關鍵影格中間按右鍵選擇製作補間動畫,可開啟圈選處的描圖紙功能看看是否成功,如果紙飛機不諱言著路徑跑就是某關鍵影格沒有吸附好導引線,再檢查一下囉。

http://www.flycan.com/titantitan/images/05_guideline/508.gif

這時可以發現飛機位置雖然沿著導引線的路徑跑,但是機頭卻不會跟著轉向,這時用變形工具調整頭尾兩個關鍵影格的角度,務必跟導引線平行,然後點選箭頭處第一個關鍵影格,在屬性properties面版點選紅圈處的核取方塊,開啟「延向路徑」功能,再看看飛機的機頭是否成功自動轉向了呢?


這是完成品,紙飛機角度跟傾斜大小隨各人喜好調整就好


這是做更多變化的加強版,原理都一樣的。只要重複上述步驟多做幾段紙飛機動畫,還可以利用Movieclip濾鏡功能做出大小明暗模糊等等做出景深的變化,導引線的飛行路徑也可以多做變化歐:-)



這個範例是導引線Guide line功能的基礎,不一定要紙飛機,大家也可以試著畫各種喜歡的東西,即是飛碟也可以^^,只是飛碟看不太出來延向路徑的效果就是了,以下提供範例檔供同學下載參考8-)

★導引線紙飛機動畫...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

mona5903 發表於 2009-11-26 02:00 PM

多謝大大分享
最近正在研究動畫部分
動畫基礎太薄弱了
引導線....試做中....希望順利成功

rolph 發表於 2010-2-25 10:07 PM

很不錯的導引線教學
學到滿多的
感謝大大的分享了

chishanwang 發表於 2010-3-8 07:26 AM

這個教學不錯,我有接收到了,謝謝大大的教導啊。
頁: [1]