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

 

 
 

本文引用自ClaudiasBlog - Flash 8 跑馬燈加閃框及連結點教學下篇

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 陳墨 的頭像
    陳墨

    陳墨部語

    陳墨 發表在 痞客邦 留言(0) 人氣()