|
||||||
跑馬燈製作開始^^ 一. 下載跑馬燈源碼: 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> |
- Nov 25 Mon 2013 10:26
Flash 8 跑馬燈製作教學(含源碼下載)上篇
close
文章標籤
全站熱搜
留言列表