時鐘製作3-三合一時鐘應用(含時鐘數字鐘日期源碼)
這篇是時鐘數字鐘日期源碼,通通放在一起的3合1時鐘^^
一. 準備動作:請先點擊下載→ CTD時鐘源碼
二. 3合1時鐘製作:
1. 請打開 Macromedia Flash MX 軟體
按主要工具圖示開舊檔案,找到你下載的時鐘源碼,將時鐘源碼叫入Flash MX裡。
或者按上方文字工具列的檔案→點擊開舊檔案
2. 叫出元件庫,按視窗點選元件庫,點擊後會跳出視窗。
3. 設定電影畫布尺寸
這次我選的圖片尺寸是:370*370,所以先把電影畫布設定成370*370
※ 若是在工作台下方看不到屬性-背景,只要點一下工作台灰色塊,就會出現了。
設好尺寸後↑畫布變大了,時鐘沒有置中,這個先不管它,繼續下面步驟^^
4. 將圖片讀入元件庫
→
↓放進元件庫之前會出現這個詢問,選第二個按確定
↓圖片被放入元件庫了,到元件庫中找到叫入的底圖
(被叫入元件庫裡面的圖,後面都有複製兩字)
5. 將底圖拉進工作台的時鐘源碼上,底圖剛好佔滿整個畫布。
(※這裡很重要的,一定要先將時間軸底圖圖層第一格點選反白,才能將元件庫裡的主圖拉到工作台上放置。)
圖片有藍框圍起來的情況,表示這張圖片可以任意移動位置
(就是當滑鼠移到工作台的主圖時,游標會變成→,這時就可以點著底圖不放,
移動滑鼠拖曳底圖,將圖拖到畫布上。)
放好底圖後可以先看預覽。到這裡也算是完成第一階段的時鐘^^
按文字工具列的控制,再點測試影片,看看主圖在時鐘上的效果。
看到時鐘.電子鐘還有日期了吧↑只是時鐘還沒調整好位置,而且數字顏色不清楚。
現在就來更換數字顏色還有把3合1時鐘位置調整好
6. 調整3合1時鐘位置及更換數字顏色
作法1. 移動時鐘到適當位置
4. 把底圖鎖起來,移動時鐘時,才不會一直移動到底圖。
5. 鼠標壓著藍框不放拖曳,這時鼠標變成,將時鐘拖到底圖上的適當地方。
作法2. 改變電子鐘數字顏色
↓
3.將鼠標指著藍框,這時鼠標變成,快點兩下。藍框變成↓
這樣的形狀就是可以修改文字的狀態↑
再來將工作台下方的屬性-背景工具列點出來,開始改變數字,其他沒圈的地方不用動它^^
↓
文字設定好之後,按控制先看一下測試影片
↓
咦,電子鐘↑沒有完全顯示出來。
那是因為,剛才加大字體時,沒有把上面文字格子也拉大,而數字只能顯示在限制框框內,所以電子鐘無法完全顯示。
那麼就再回到工作台,將文字格子拉大。
↓
回到工作台面,將鼠標點在文字格的右下小方格上不放,這時鼠標會變成,開始拖曳往右拉,
拉時會有黑色虛框出現,拉到你覺得電子鐘數字可以全部顯示出來的大小後放開鼠標。
→拉→
拉好後再按控制進入看測試影片,看看電子鐘是否有全部顯示,若沒有,就再回到工作台面,再拉。
↓
拉好後,再來調整電子鐘的位置
壓著藍框不動,拖曳滑鼠,將電子鐘移到底圖上適當位置。
↓現在時鐘跟電子鐘位置都移好了。
作法3. 調整日期位置及更換日期顏色
日期星期是分三格顯示:年月‧日‧星期→
先將鼠標指著第一格年月快點兩下,年月格變成文字設定狀態,到屬性-背景工具列中將年月文字改變。
年月改好後,日跟星期數字也是同樣作法。
日期文字都改好後,把年月日期三個格子都選取,然後指著格子不放,移動日期的位置。
連選物件方法:先點取第一個格子,然後按住鍵盤Shift 鍵,同時按第二格子後,再按第三格子
三格都選取了,開始移動日期,將它們擺在底圖適當位置。
大致上這樣3合一時鐘就完成了,可以將所有物件再調整一下,擺的位置都可以後
再進入控制,看一下測試影片,滿意了,就可以儲存了。
7. 儲存檔案(另存新檔)
↓
↓
↓
↓
↓
儲存完成,再將swf檔上傳到樂多空間,取得網址,就可以貼到自訂欄位裝飾部落格了^^
成果展示
<embed src="http://img337.imageshack.us/img337/821/t02eo5.swf" width="370" height="370"></embed>
3合一時鐘製作也很簡單,因為源碼一定是固定的,難的是Flash軟體應用,
不過若您熟悉軟體操控,相信您一定可以把時鐘做的很上手。
這裡有呂聰賢老師的Flash MX軟體教學,若您想深入研究,不妨進去看看喔^^
祝您玩的愉快
祝 大家天天開心 順心如意
玄音 合十 97.06.17
留言列表