查看完整版本: Flash文字繞地球動畫
頁: [1] 2

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

Flash文字繞地球動畫

因為之前有學生問到,所以在這裡寫一下「文字繞地球」作法

http://www.flycan.com/titantitan/images/04_wordaroundearth/401.jpg
首先以Illustrator以圓形工具工具畫出一個正圓形的Path(路徑),線跟面都取消設定。然後以上圖的工具點一下Path,開始打字,並調整字型和字間直到為成一個完整的圓形為止

http://www.flycan.com/titantitan/images/04_wordaroundearth/402.jpg

選取該物件,按Ctil+Shift+O將轉外框,然後選 File→Export匯出成SWF檔案

http://www.flycan.com/titantitan/images/04_wordaroundearth/403.jpg

匯入該SWF到FLASH場景中,將其全選後按F8做成一個Movieclip,這裡我命名為word

http://www.flycan.com/titantitan/images/04_wordaroundearth/407.jpg

點選剛剛做好的Movieclipword再按一次F8再做一個Movieclip「word around」,點兩次後勁入原地編輯模式(注意圖中箭頭位置),將「word」做一個順時鐘轉一圈的補間動畫

http://www.flycan.com/titantitan/images/04_wordaroundearth/404.jpg

回主場景將旋轉地球貼上並置於文字圓圈中央(旋轉地球的範例以後會再貼上),然後將再複製一個地球原地貼上,並按F8做成一個名叫「half earth」的另一個Movieclip

http://www.flycan.com/titantitan/images/04_wordaroundearth/405.jpg

全選3個物件按滑鼠右鍵「分散至圖層」,然後如圖調整LAYER順序

http://www.flycan.com/titantitan/images/04_wordaroundearth/406.jpg

雙點「half earth」進入原地編輯模式,如圖做一個傾斜的半圓遮色片

http://www.flycan.com/titantitan/images/04_wordaroundearth/406.jpg

回場景將圓圈文字「word」以變形工具做成傾斜的橢圓形,調整一下讓半個地球遮住繞道後面的文字,這樣就完成下圖的動畫啦!


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


這動畫本身比較有卡通的趣味性,也可以放隻會跑的角色在文字環上跑,多做些跟地球或文字的互動性,會更有趣喔:-)



這範例稍微有一點點難度,同學還是不清楚的話可下載本範例檔參考8-)

★文字繞地球動畫下載...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

sk76021869227 發表於 2009-7-6 10:47 AM

還是看不懂~~{:1_newsweat:}~~不過還是感謝大大的分享

wilson0210 發表於 2009-7-13 04:53 PM

呵,還蠻有趣的,改天自已來試試

karta668 發表於 2009-8-4 06:27 AM

看不懂加一~
我再慢慢的研究看看!!
謝謝分享^^

jeffy_orange 發表於 2009-10-28 09:47 AM

1# icehiro
我喜歡用圖片來說明過程...非常好
大大....你的熱心給予肯定於感謝
我期許有一天學會了後,也會用圖片來分享....<br><br><br><br><br><div></div>

tn00362425 發表於 2009-11-1 11:33 PM

您真的很用心
我又學到一項技巧
Flash真的很好玩也,用遮色片就可以製造出這樣的效果
請問一下有推薦什麼書籍可以參考的嗎? 謝謝

tin282 發表於 2009-11-26 01:51 PM

很想學...可是看不懂@@ 感謝分享唷~

janso 發表於 2010-1-21 12:32 AM

此版人很少,我需要一些動畫說

復仇刺 發表於 2010-2-7 11:37 AM

-.-
好可惜喔@@載點死掉了= =
@@
不過還是感謝大大提供教學了!!!
@@謝謝您了呢!!!

YangMILU 發表於 2010-3-9 11:56 PM

我最近很想學習怎麼做flash
感謝指導!<br><br><br><br><br><div></div>

MDMA1833 發表於 2010-8-12 05:20 AM

雖然不太懂還是感謝你的分享

切掉 發表於 2010-8-29 09:45 AM

不懂英文!!
Flash看不董加二

資訊一忠 發表於 2010-8-30 03:01 PM

大大....你的熱心給予肯定於感謝
我期許有一天學會了後,也會用圖片來分享....

alexander444 發表於 2010-9-28 08:37 PM

這樣他的字就會自己繞嗎??可以調整數度嗎?

dieano 發表於 2010-11-2 04:33 PM

看不懂加一~
我再慢慢的研究看看!!
謝謝分享^^<br><br><br><br><br><div></div>
頁: [1] 2