時鐘製作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




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 翔霏 的頭像
    翔霏

    ~✿翔霏の寶貝屋✿~

    翔霏 發表在 痞客邦 留言(0) 人氣()