Flash 8 跑馬燈製作教學(含源碼下載)上篇
感謝 臣妾 大方的釋出源碼分享,有跑馬燈.公告欄.計日器 這樣就不必再為找不到源碼而喪氣了,真是太感謝臣妾了。 之前都是用Flash MX作欄物,有些源碼無法開啟,這次臣妾的欄物源碼,也因為開不起來, 就想說用 Flash8來試試看,賓果!而且之前的時鐘及月曆源碼都照開無誤, 看來閃8 是最佳的Flash欄物製作軟體^^在奇摩搜尋打上 Flash8-cht.exe 可以找到軟體。
|
||||||
|
跑馬燈製作開始^^
一. 下載跑馬燈源碼:
2. 下載完成,記得解壓縮,取得源碼↓
二. 開啟舊檔
1. 請打開 Flash8 軟體
→
↓
↓閃8界面
三. 跑馬燈變裝秀
1. 請先選出三個物件,這是跑馬燈的主角喔。
2. 跑馬燈源碼舞台設定150*40,主角圖片尺寸不要太大,會不好縮放,動圖或靜圖都可以。
換成→
3-1. 起點右圖換主角(就是把小精靈換成招搖貓^^)
3-2. 匯入圖片至元件庫
↓把鼠標移到藍框內,這時鼠標會變成 快點兩下,進入Symbol內
在元件庫找到招搖貓,要拉到舞台的是要影片片段的元件喔。↓
→
3-3. 插入圖層,丟掉圖層
現在位置一樣還在Symbol裡面喔^^
↓將小精靈圖層丟掉
↓
3-4. 測試影片
ok了,起點右圖置換完成^^
PS:因為起點右圖有AS語法控制,所以換圖必需用以上方法(我只會這方法),
起點右圖位置才能跟著跑馬燈寬窄尺寸移動。
4. 終點左圖換主角(將幸運字換成快樂圖)
換成→
4-1. 回到場景1
4-1. 先把要置換的圖片,匯入到元件庫(請參考上面3-2教學)
4-2. 置換終點左圖↓
↓
↓替換元件(在此之前有將圖片先匯入元件庫,在這裡就能找到喔^^)
↓圖片換過了
4-3. 調整終點左圖到適當位置
這左圖沒有AS語法控制,所以只要將圖片擺在左邊不要離開舞台就可以了。
將鼠標移到終點左圖的藍框內,這時鼠標變成 ,這圖型的鼠標,才能移動物件喔^^
滑鼠移動大步有時不恰當,也可以用方向鍵移動圖片位置。
我將圖片移動到靠左邊且舞台置中的位置,有看到是不是左藍邊不見了,
這是因為被終點邊線(粉紅色)檔住了,才會看不到全部藍框。
調好位置後,測試影片看看→圖片有點小,來↓
4-4. 放大圖片
3.將鼠標移到8黑點右上角的黑點,這時鼠標變成,按住滑鼠不動
並按著鍵盤Shif按鍵(等比例放大),往右拉開,拉到不超出舞台的範圍後,放開滑鼠。
然後再將圖片位置用方向鍵微調到恰當位置就好了,再看看測試影片。完成^^↓
5. 跑馬圖+框,換主角(將小咪圖換成歡迎光臨圖)
換成→
5-1. 置換跑馬圖
這跑馬圖也沒有AS語法控制,所以只要將圖片換過,就可以了。
5-2. 將圖片匯入元件庫(請參考上面3-2匯入教學)
作法同上面→ 4-2. 置換終點左圖
因為跑馬圖是在起點右圖招搖貓的下層,所以點擊時,都會變成點到招搖貓。
這時把起點右圖隱藏並鎖起來,就可以順利點到跑馬圖小咪了。
鎖住及隱藏的圖層只要再點一下鎖跟大紅叉就恢復原狀了。
現在小咪還是被八黑點框住,這時只要將鼠標移到左邊工具列的選取工具點一下,
小咪就變成是藍框框住的情況了。
PS:這圖層是跑馬圖+框有兩個元件共存,若直接在場景1替換圖片,會讓跑馬線消失,
所以當小咪圖被藍框框住時,指著藍框裡面快點兩下進入Symbol裡面,
進入後有跑馬線跟小咪圖兩個圖層,點一下小咪圖層第一格,小咪圖單獨被藍框框住
這時就可以依上面→4-2. 置換終點左圖作法開始換圖了
換好圖,再將圖片位置調適當就可以了。然後再看一下測試影片,滿意了這步驟就完成了。
到這裡,若沒有想要再修改線條及文字色,那麼就算是完工了。
完工了,再來就是存檔及發佈,然後上傳到奇摩支援的swf空間後,
取得網址,再套上embed跑馬燈語法,之後就可以貼到部落格自欄位或文章處了。
成品展示↓
<embed src="http://img124.imageshack.us/img124/676/rtl03af7.swf" width="350" height="40" FlashVars="go=我是招搖貓跑馬燈^^感謝臣妾源碼分享及品味人生小圖分享,祝大家快樂開心^^" quality="high" wmode="transparent"></embed>
這款欄物製作,還是要感謝臣妾賜源碼,才能順利做出教學文,再次謝謝臣妾。
還有感謝品味人生收集的超可愛小圖分享,好用的素材,剛好可以做跑馬燈^^
有始有終,繼續剩下的修改,這部份簡單多了^^
四. 跑馬文字大小設定及字色更改
↓
修改完後,看一下測試影片,滿意了就可以回到場景1了↓
五. 起點終點左右邊線顏色及上下框顏色
1.終點邊線換顏色
終點邊線及上下框線修改時會互相干擾,所以先把上下框線給隱藏並鎖起來。
4.指著中心點快點兩下進入Symbol8↓
以上終點邊線換色完成^^
2.上下框線換顏色
剛才把上下框線,隱藏及鎖住,現在再各點一下鎖及大紅叉,就解開了。
換成把終點邊線隱藏及鎖住。起點右圖也可以解開了。
4.指著中心點快點兩下進入Symbol9↓
↓
好,現在終點邊線及上下框線都換色完成^^
3. 起點邊線換顏色
最後的了^^
↓
↓
好了,全部換色完成,看一下測試影片。滿意了,就可存檔了唷^^
六. 存檔及發佈
6-1. 另存新檔
(直接按工具圖示儲存也可以,但它是直接儲存,
有時候會將原檔給蓋過去,所以還是用另存新檔比較保險.)
↓fla源檔無法貼在部落格,只是保留,以後修改,才有源檔可改.
6-2. 發佈
檔案另存後,要再經由發佈,就是存 swf 檔,這種檔才能上傳貼到部落格分享。
↓這裡有許多存檔類型,可以自已勾選,若不想用預設名稱,也可自己改檔名.
↓發佈完成再按確定,發佈設定視窗就會消失.
↓看一下檔案內容,基本儲存會存下這三種檔案類型.
檔案存好後,就可以將.swf 這檔案上傳到奇摩支援的swf 空間,取得網址,
套上專有的跑馬燈語法,就能發表到部落格,與大家分享成品了^^
<embed src="http://blog.roodo.com/happy_ok/c2c18d7d.swf" width="200" height="40" FlashVars="go=招搖貓跑馬燈,這是藍色框的" quality="high" wmode="transparent"></embed>
七. 上傳空間
奇摩支援的swf空間,目前我都使用青蛙空間及樂多,空間都是不穩定的,
所以有越多空間上傳越好,若您有其他空間,歡迎告知分享喔!感恩^^
YA^^,教學文到此終於告一段落了,這麼一大串落落長的,
真是辛苦您把它學完喔,期待諸位的學習成果分享。
祝大家 平安如意 天天快樂開心
玄音 合十/2008.0704
留言列表