閃框跑馬燈製作開始^^
跑馬燈源碼下載:
←1. 點圖下載閃8跑馬燈源碼
2. 下載完成,這是是fla檔,不用解壓,可直接在閃8開啟
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/0b0846a6.jpg&width=55&height=60)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27) ![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27)
跑馬燈閃框秀
這是延續上編跑馬燈製作完成後,將色碼框換成閃圖,讓跑馬燈外框變成閃框套用方法。
1. 匯入圖片至元件庫
把要替換的閃圖匯入元件庫(也可以是任何動圖或靜圖)
按檔案→點擊匯入→選匯入至元件庫
2. 先從起點邊線換圖這部份開始
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/d5120002.gif&width=341&height=316)
進入SyBmol 12↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/9467807c.gif&width=347&height=428)
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/15294cdf.gif&width=295&height=270)
↓將置換的閃圖拉進舞台
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/bc6211f2.gif&width=463&height=526)
↓修改元件62的寬高及XY 尺寸位置↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/8e0fc7ac.gif&width=371&height=292)
↓刪除圖層
刪除圖層後,看測試影片,控制→測試影片↓右邊線換圖了↓
→ ![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/953889eb.gif&width=161&height=130)
↑就這樣完成了^^,以上就是起點右邊線換圖步驟 ^O^↑
3. 終點邊線換圖
點Scene 1 回到場景1
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/0409142c.gif&width=289&height=44)
↓因為終點邊線跟上下框線重疊,要製作時會妨礙,所以先把上下框線隱藏及鎖住.
接下來換圖步驟都跟 2. 起點邊線換圖 是一樣的作法,所以我就簡單說明喔^^
↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/be275a82.gif&width=340&height=300)
(PS:若是快點兩下進入後,下方屬性沒有出現,就再點兩下+,然後回到場景1,再重新進入)
↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/547449af.gif&width=347&height=428)
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
↓將置換的閃圖拉進舞台
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/5a1cfbde.gif&width=463&height=526)
↓修改元件62的寬高及XY 尺寸位置↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/caa92f50.gif&width=371&height=292)
↓刪除圖層
刪除圖層後,看測試影片,控制→測試影片↓左邊線換圖了↓
→ ![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/55340675.gif&width=161&height=136)
↑就這樣完成了^^,以上就是起點左邊線換圖步驟 ^O^↑
4. 上下框線換圖
點Scene 1 回到場景1
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/d9a26028.gif&width=289&height=44)
↓這裡也是,上下框線跟終點邊線重疊,製作時會妨礙,所以先把終點邊線隱藏及鎖住.
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/68c7b451.gif&width=358&height=310)
(PS:若是快點兩下進入後,下方屬性沒有出現,就再點兩下+,然後回到場景1,再重新進入)
接下來換圖步驟也跟 2. 起點邊線換圖一樣的作法,所以也是簡單說明喔^^
4-1. 置換紫紅閃圖上
↓上下框線,意思就是有兩個點要換圖,上邊框跟下邊框,這裡先置換上框線的圖。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/3bd6d7f8.gif&width=347&height=428)
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
↓將置換的閃圖拉進舞台(先置換紫紅閃圖上的圖片)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/293163bd.gif&width=463&height=526)
↓修改元件62的寬高及XY 尺寸位置↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/a13d81ae.gif&width=331&height=294)
↓刪除圖層
刪除紫紅閃圖上,圖層後,看測試影片,控制→測試影片↓紫紅閃圖上也換圖了↓
→ ![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/ab684219.gif&width=159&height=127)
↑以上就是紫紅閃圖上框線換圖步驟 ^O^↑而紫紅閃圖下框線換圖步驟跟上框線換圖是一樣的.
4-2. 置換紫紅閃圖下
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/10e773fe.gif&width=339&height=476)
PS:↑要記住紫紅閃圖的尺寸及位置,因為置換的圖也要一樣尺寸位置
↓插入圖層
↓將置換的閃圖拉進舞台(先置換紫紅閃圖上的圖片)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/85dc7def.gif&width=463&height=526)
↓修改元件62的寬高及XY 尺寸位置↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/33712bea.gif&width=336&height=282)
↓刪除圖層
刪除紫紅閃圖下,圖層後,看測試影片,控制→測試影片↓紫紅閃圖下換圖了↓
→ ![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/d7510f5d.gif&width=157&height=120)
↑以上就是紫紅閃圖下框線換圖步驟 ^O^↑
哇..全部換圖完畢,這教學文也結束了,啊!還有一道手續沒有做,就是更換連結製作網址。
這本應是在上篇就教的,但是我忘記了,PO好文後才想到,所以就放在這篇教學了。
5. 更換連結點
點Scene 1 回到場景1
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/d9a26028.gif&width=289&height=44)
跑馬燈的連結,在起點右圖跟終點左圖,也就是源碼的小精靈圖及幸運圖上,
我又加上了,在跑馬圖也加進一個連結,呵,只是語法加入而已,很簡單,隨您喜歡,就加在那裡喔^^
on (release) { getURL("http://tw.myblog.yahoo.com/happy-ok", "_blank"); } on (rollOver) { this.play(); }
以上是連結的語法,只要在網址的地方換上您家的位址就可以了。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/9542b786.gif&width=346&height=326)
↓
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl2/8aa975c1.gif&width=565&height=314)
※ 這樣就完成了喔,另外兩個連結,作法都跟這是一樣的,我就不再說明了。
來看一下測試影片,點一下連結,成功了,就可以儲存上傳了唷^^
成品展示↓
<embed src="http://img388.imageshack.us/img388/1200/123nb7.swf" width="350" height="40" FlashVars="go=我是閃框跑馬燈^^感謝臣妾源碼分享及品味人生小圖分享,祝大家快樂開心^^" quality="high" wmode="transparent"></embed>
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27) ![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27)
這款欄物製作,還是要感謝臣妾賜源碼,才能順利做出教學文,再次謝謝臣妾。
還有感謝品味人生收集的超可愛小圖分享,好用的素材,剛好可以做跑馬燈^^
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27) ![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27)
六. 存檔及發佈
6-1. 另存新檔
(直接按工具圖示儲存也可以,但它是直接儲存,
有時候會將原檔給蓋過去,所以還是用另存新檔比較保險.)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/e501e731.gif&width=334&height=274)
↓fla 源檔無法貼在部落格,只是保留,以後修改,才有源檔可改.
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/cd0ce271.gif&width=340&height=266)
6-2. 發佈
檔案另存後,要再經由發佈,就是存 swf 檔,這種檔才能上傳貼到部落格分享。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/3c5ce7ec.gif&width=265&height=244)
↓這裡有許多存檔類型,可以自已勾選,若不想用預設名稱,也可自己改檔名.
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/95bcb06b.gif&width=413&height=417)
↓發佈完成再按確定,發佈設定視窗就會消失.
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/01f561f4.gif&width=307&height=100)
↓看一下檔案內容,基本儲存會存下這三種檔案類型.
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/b38c132d.gif&width=286&height=211)
檔案存好後,就可以將.swf 這檔案上傳到奇摩支援的swf 空間,取得網址,
套上專有的跑馬燈語法,就能發表到部落格,與大家分享成品了^^
<embed src="跑馬燈網址" width="任意" height="40" FlashVars="go=輸入您要說的話"></embed>
七. 上傳空間
奇摩支援的swf空間,目前我都使用青蛙空間及樂多,空間都是不穩定的,
所以有越多空間上傳越好,若您有其他空間,歡迎告知分享喔!感恩^^
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27)
貼版語法
![](https://imageproxy.pixnet.cc/imgproxy?url=https://i318.photobucket.com/albums/mm426/2008ok/Flash8/Rtl/ed0292f6.gif&width=205&height=27)
好了這次真的完工了唷,辛苦您了,看了這麼落落長的一篇教學文
希望有幫上忙,讓您能很快的學會跑馬燈製作^^
祝大家 平安如意 天天快樂開心
玄音 合十/2008.0705
![](https://imageproxy.pixnet.cc/imgproxy?url=https://zxc2034.googlepages.com/zzz.gif&width=96&height=54)
|