閃框跑馬燈製作開始^^
跑馬燈源碼下載:
←1. 點圖下載閃8跑馬燈源碼
2. 下載完成,這是是fla檔,不用解壓,可直接在閃8開啟
跑馬燈閃框秀
這是延續上編跑馬燈製作完成後,將色碼框換成閃圖,讓跑馬燈外框變成閃框套用方法。
1. 匯入圖片至元件庫
把要替換的閃圖匯入元件庫(也可以是任何動圖或靜圖)
按檔案→點擊匯入→選匯入至元件庫
2. 先從起點邊線換圖這部份開始
進入SyBmol 12↓
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
↓將置換的閃圖拉進舞台
↓修改元件62的寬高及XY 尺寸位置↓
↓刪除圖層
刪除圖層後,看測試影片,控制→測試影片↓右邊線換圖了↓
→
↑就這樣完成了^^,以上就是起點右邊線換圖步驟 ^O^↑
3. 終點邊線換圖
點Scene 1 回到場景1
↓因為終點邊線跟上下框線重疊,要製作時會妨礙,所以先把上下框線隱藏及鎖住.
接下來換圖步驟都跟 2. 起點邊線換圖 是一樣的作法,所以我就簡單說明喔^^
↓
(PS:若是快點兩下進入後,下方屬性沒有出現,就再點兩下+,然後回到場景1,再重新進入)
↓
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
↓將置換的閃圖拉進舞台
↓修改元件62的寬高及XY 尺寸位置↓
↓刪除圖層
刪除圖層後,看測試影片,控制→測試影片↓左邊線換圖了↓
→
↑就這樣完成了^^,以上就是起點左邊線換圖步驟 ^O^↑
4. 上下框線換圖
點Scene 1 回到場景1
↓這裡也是,上下框線跟終點邊線重疊,製作時會妨礙,所以先把終點邊線隱藏及鎖住.
(PS:若是快點兩下進入後,下方屬性沒有出現,就再點兩下+,然後回到場景1,再重新進入)
接下來換圖步驟也跟 2. 起點邊線換圖一樣的作法,所以也是簡單說明喔^^
4-1. 置換紫紅閃圖上
↓上下框線,意思就是有兩個點要換圖,上邊框跟下邊框,這裡先置換上框線的圖。
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
↓將置換的閃圖拉進舞台(先置換紫紅閃圖上的圖片)
↓修改元件62的寬高及XY 尺寸位置↓
↓刪除圖層
刪除紫紅閃圖上,圖層後,看測試影片,控制→測試影片↓紫紅閃圖上也換圖了↓
→
↑以上就是紫紅閃圖上框線換圖步驟 ^O^↑而紫紅閃圖下框線換圖步驟跟上框線換圖是一樣的.
4-2. 置換紫紅閃圖下
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
↓將置換的閃圖拉進舞台(先置換紫紅閃圖上的圖片)
↓修改元件62的寬高及XY 尺寸位置↓
↓刪除圖層
刪除紫紅閃圖下,圖層後,看測試影片,控制→測試影片↓紫紅閃圖下換圖了↓
→
↑以上就是紫紅閃圖下框線換圖步驟 ^O^↑
哇..全部換圖完畢,這教學文也結束了,啊!還有一道手續沒有做,就是更換連結製作網址。
這本應是在上篇就教的,但是我忘記了,PO好文後才想到,所以就放在這篇教學了。
5. 更換連結點
點Scene 1 回到場景1
跑馬燈的連結,在起點右圖跟終點左圖,也就是源碼的小精靈圖及幸運圖上,
我又加上了,在跑馬圖也加進一個連結,呵,只是語法加入而已,很簡單,隨您喜歡,就加在那裡喔^^
on (release) { getURL("http://tw.myblog.yahoo.com/happy-ok", "_blank"); } on (rollOver) { this.play(); }
以上是連結的語法,只要在網址的地方換上您家的位址就可以了。
↓
※ 這樣就完成了喔,另外兩個連結,作法都跟這是一樣的,我就不再說明了。
來看一下測試影片,點一下連結,成功了,就可以儲存上傳了唷^^
成品展示↓
<embed src="http://img388.imageshack.us/img388/1200/123nb7.swf" width="350" height="40" FlashVars="go=我是閃框跑馬燈^^感謝臣妾源碼分享及品味人生小圖分享,祝大家快樂開心^^" quality="high" wmode="transparent"></embed>
這款欄物製作,還是要感謝臣妾賜源碼,才能順利做出教學文,再次謝謝臣妾。
還有感謝品味人生收集的超可愛小圖分享,好用的素材,剛好可以做跑馬燈^^
六. 存檔及發佈
6-1. 另存新檔
(直接按工具圖示儲存也可以,但它是直接儲存,
有時候會將原檔給蓋過去,所以還是用另存新檔比較保險.)
↓fla 源檔無法貼在部落格,只是保留,以後修改,才有源檔可改.
6-2. 發佈
檔案另存後,要再經由發佈,就是存 swf 檔,這種檔才能上傳貼到部落格分享。
↓這裡有許多存檔類型,可以自已勾選,若不想用預設名稱,也可自己改檔名.
↓發佈完成再按確定,發佈設定視窗就會消失.
↓看一下檔案內容,基本儲存會存下這三種檔案類型.
檔案存好後,就可以將.swf 這檔案上傳到奇摩支援的swf 空間,取得網址,
套上專有的跑馬燈語法,就能發表到部落格,與大家分享成品了^^
<embed src="跑馬燈網址" width="任意" height="40" FlashVars="go=輸入您要說的話"></embed>
七. 上傳空間
奇摩支援的swf空間,目前我都使用青蛙空間及樂多,空間都是不穩定的,
所以有越多空間上傳越好,若您有其他空間,歡迎告知分享喔!感恩^^
貼版語法
好了這次真的完工了唷,辛苦您了,看了這麼落落長的一篇教學文
希望有幫上忙,讓您能很快的學會跑馬燈製作^^
祝大家 平安如意 天天快樂開心
玄音 合十/2008.0705
|
留言列表