close








Flash 8 跑馬燈製作教學下篇


加閃框及連結點製作(含源碼下載)


感謝 臣妾 大方的釋出源碼分享,有跑馬燈.公告欄.計日器


這樣就不必再為找不到源碼而喪氣了,真是太感謝臣妾了。 


之前都是用Flash MX作欄物,有些源碼無法開啟,這次臣妾的欄物源碼,也因為開不起來,


就想說用 Flash8 來試試看,賓果!而且之前的時鐘及月曆源碼都照開無誤,


看來閃8 是最佳的Flash欄物製作軟體^^


 































 閃框跑馬燈製作開始^^

跑馬燈源碼下載:


閃8跑馬燈源碼 ←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





arrow
arrow
    全站熱搜
    創作者介紹
    創作者 甜蜜 的頭像
    甜蜜

    甜蜜媽咪痞世界

    甜蜜 發表在 痞客邦 留言(1) 人氣()