Flash MX月曆製作教學(含源碼下載)

2008062502:52

感謝玄音的辛苦製作教學,分享給大家 

摸索好久的月曆終於學會了,好東西要與大家分享^^希望您們也會開心的學習。

要完全了解Flash月曆製作過程很複雜,但只要有月曆源碼,製作月曆就簡單了。

開始吧^^

 

一.  準備動作:  ←點圖下載Flash MX月曆源碼

※ 下載完成,記得解壓縮,取得→ 月曆源碼

準備一張背景圖當做月曆的表面,尺寸大小若以奇摩欄位為例,

則寬最好在135以內,大一點也無妨,到時要貼自欄位時,在語法中縮小月曆就可以了。

 

二. 月曆製作步驟

1. 請打開 Macromedia Flash MX 軟體

按主要工具圖示開舊檔案,找到您下載的月曆源碼,將月曆源碼叫入Flash MX裡。

或者按上方文字工具列的檔案→也可以開舊檔案

 

2. 月曆星期數字改色及改大小還有當日底圖的更換

1.星期文字改色改大小

星期長條塊我分三格組成,因為我設定六是綠色日是紅色其他是黑色,若您想換個顏色↓

3.將鼠標指到藍框內不放快點兩下,進入星期內容↓

若要改一至五的顏色,則在一二三四五的框快點兩下,進入文字編輯模式,將一至五反白↓

更改完成,日跟六的也是一樣,鼠標指到六或日的位置點一下,再將文字反白就能重新設定您喜愛的文字。

星期都設定滿意了,就回到場景1

 

2.月曆文字改色改大小

這裡是以140寬度做成月曆,月曆文字排列的框框(42個框)大約就是這樣大小,

所以說若您一樣用這樣大小做月曆,則月曆的大小就不用改,不過顏色可以更換。

月曆數字不是完全一樣顏色,日這排數字是紅色,六這排是綠色

若要改日這排數字,改一個整排就會跟著改,六也一樣。

而一到五這五排是一起的,所以改一個五排會跟著一起改。

改日紅排顏色↓

日紅排設定完成,六綠排一到五五排的設定方法都是如此。

 

3.當日底圖更換

剛才我們進入日紅排時有看到它的兩個圖層,其中一個就是當日底圖

當日底圖就是要進入日紅排內容裡改,改一個會全部跟著改。

現在就再進入日紅排內容

要再進入彩虹心圖內容↓

按右鍵點功能表移除影格

↓現在第一格什麼都沒有

↓點第一格插入關鍵影格換底圖

把想換上的圖片叫入元件庫中→開啟元件庫將圖片拉入當日底圖畫布第一個日裡面↓

完成了,可以看測試影片,到這裡月曆也做的差不多。

<embed src="http://img124.imageshack.us/img124/5853/qqqx0.swf" width="140" height="227"></embed>

 

3. 幫月曆源碼換背景

(每個圖層的第一格,實心表示這圖層有物件在舞台上,空心則是沒有物件在舞台上。)

↓1.刪除背景

(將原來的黃色背景刪除)

↓2.更換背景

(將準備好的背景圖叫入元件庫中)

↓放進元件庫之前會出現這個詢問,選第二個按確定

↓叫出元件庫

被叫入元件庫裡面的圖,後面都有複製兩字↓

 

哇,背景圖片比電影畫布大,那麼就修改電影大小(以背景圖尺寸為主)

3.修改電影尺寸↓

(電影尺寸重新設好後,再將背景圖調整好在畫布上)

調整好背景圖位置,可以按控制測試影片看看^^背景圖OK,不過其他物件不OK

 

4. 調整月曆星期及時間位置

我先將時間移到下面,點一下數字鐘圖層第一格,舞台上會有藍框出現,那就是時間的位置

把鼠標移到藍框裡按住不放,將時間拖曳到您想放置時間的位置。

再來調整月曆及星期,月曆這麼多物件,如何連選?

4.放開滑鼠後,月曆跟星期都被藍框框起來了↑

5.把鼠標移到藍框內點住不放拖曳,將它們拖到您想放置的位置。

6.再將年月拉到您想擺的位置,整個月曆就差不多了。

現在再來看看測試影片↓

嗯嗯,就是這樣了,其實只要有源碼,要做出自我個性月曆不難,

只要您會操控Flash MX,您就能做出很棒的月曆。

 

啊,對了,還有一個地方,那就是按鈕連結

這個可以知道作品原創人是出自哪裡^^

 

5. 按鈕連結

將時間軸拉桿往上拉,在第二個圖層可以看到按鈕連結圖層

它現在是被鎖住(不能移動)且有紅色XX(不顯示在舞台上)

現在把鎖打開(按一下鎖)把XX也點掉(點一下XX)了,現在舞台上多了一塊綠色遮罩↓

這是指滑鼠指到遮罩範圍內時,就會有連結手指出現,點一下就可以到連結的位置喔^^

 因為源碼是設定我的部落網址,所以點下會到我家去,現在要把連結網址換成您家的^^

控制測試影片,點一下連結範圍,是不是連結到您家了。

 

6.  儲存發佈

好了,月曆完成可以儲存了。

 

7.  swf 檔上傳到樂多,套上語法就可以貼到自欄位了。

全部完成了^^

<embed src="http://img110.imageshack.us/img110/1955/q1dj9.swf" width="149" height="246"></embed>


這篇有點複雜,也就是更改文字大小色當日底圖,其他都很簡單的,

再說有了源碼等於完成一半,在搜尋教學站過程中,

也有格友提供我許多好資訊,雖然都不完整,但所有不完整加起來就是完整了。

感謝大家的加油喔,終於把教學文完成了。

 

祝您們學習愉快

玄音 合十