~✿翔霏の寶貝屋✿~

Flash時鐘製作2-加入動圖及縮小鐘盤

上篇不老松時鐘教學,學會了如何改變時鐘圖片。

這篇則是如何加入動圖或是透明小swf圖還有縮小鐘面配合主圖製作方法

一. 準備動作:請先點擊下載 Clock時鐘源碼

二. 認識Flash MX界面:

最上這行是文字工具列

第二行是主要工具列圖示若是在界面上看不到這行工具列

就按文字工具列的視窗進入再點工具列選主要就會出現

第三行就是時間軸,物件的表演時間長短都在這裡控制

左邊的是繪圖工具圖示

再來就是工作台

電影尺寸可控制螢幕大小,就是圖片多大電影尺寸就設多大。背景可改變螢幕顏色。

三. 時鐘製作開始:

1. 請打開 Macromedia Flash MX 軟體

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

或者按上方文字工具列的檔案點擊開舊檔案

2. 叫出元件庫,按視窗點選元件庫,點擊後會跳出視窗。

3. 將圖片讀入元件庫

讀入的圖是要當時鐘面的主圖,所以要選一張美美的動畫圖喔

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

圖片被放在元件庫,拉住拉桿找到叫入的圖

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

4. 點時間軸拉桿把底圖名稱的時間格拉出來

5. 將讀入的主圖片拉到工作台的源碼時鐘上

(※這裡很重要的,一定要先將時間軸的底圖點選反白,才能將元件庫裡的主圖拉到工作台上放置。)

圖片有藍框圍起來的情況,表示這張圖片可以任意移動位置

(就是當滑鼠移到工作台的主圖時,游標會變成,這時就可以點著主圖不放,

移動滑鼠拖曳圖片,將圖拖到適當位置放置,現在我把主圖放在時鐘中間。)

放好主圖後可以先看預覽。到這裡也算是完成第一階段的時鐘

按文字工具列的控制,再點測試影片,看看主圖在時鐘上的效果。

看到了吧現在是鐘盤太大,圖片太小,不過為了配合奇摩欄位,這尺寸是剛好。

所以我們就來把鐘盤變小。

6. 縮小鐘盤面配會主圖片大小

把鼠標移到八個黑點的其中一個位置可縮放鐘盤尺寸

若要縮放鐘盤寬高則點四個角落的其中一黑點,游標會變成這樣 ,

這時按住黑點不放直接拖曳滑鼠,往內外拉可縮放鐘盤尺寸配合圖片適當大小。

若要縮寬度則點左右兩個其一黑點可任意調整寬度,游標會變成這樣 後就可調整寬度。

若要縮放高度則點上下中間的兩個其一黑點可任意調整高度,游標會變成這樣 後就可調整高度。

ps:若要正比例縮放,則在拉尺寸同時要按住鍵盤的Shift按鍵,就能長寬正比例縮放了。

實地操作

拉拉拉

拉到主圖片裡覺得適當了就放開滑鼠

好,鐘盤拉好了,位置有點向下,那麼就再調整一下鐘盤位置。

八個黑點消失了,就可以移動整個鐘盤。

這時滑鼠移到鐘盤位置,游標會變成,就可以調整位置了。

移移移

移好後,放開滑鼠

時鐘完成了,可以按控制,看看測試影片

嗯..可以了,只是螢幕太大了,時鐘沒有佔那麼大空間。好,那就縮小螢幕尺寸。

(本來開啟軟體後,是要先設定螢幕尺寸的,但是為了配合時鐘源碼,我才在最後這裡調整電影尺寸,

等到熟練這軟體了,把源碼叫進來後,就設定電影尺寸配合主圖片尺寸,程序都OK的。)

7. 設定電影尺寸

在工作台下方有個屬性背景的工具列,若這工具列像動作影格指令那樣只有一行灰色看不到內容

那麼點一下屬性背景前方的白箭頭,屬性背景內容就會出現了。

按確定後,結果螢幕畫布跑掉了,物件們有一半在灰色工作台上,

那麼就要移動物件到螢幕畫布上。

(因為這次是為了配合時鐘源碼圖,所以沒有先設定電影尺寸,不過下次不能這樣做,

因為現在物件只有兩個要移動還不會很複雜,若是物件很多時,那可麻煩了。

所以記得,每次製作時鐘時,叫入時鐘源碼後,再來就是設定電影尺寸,然後再開始加物件進來。)

8. 移動物件到電影畫布上

(如何同時選取兩個物件以上,就是先點一個物件後,

按鍵盤的Ctrl鍵再點第二個物件,如此就能同時選最多個物件了。)

好了,到這裡,時鐘就完全製作完成了,是不是很簡單呢。

然後按控制,看一下測試影片。滿意了就可以儲存檔案了。

9. 儲存檔案

儲存完成,再將swf檔上傳到樂多空間,取得網址,就可以貼到自訂欄位裝飾部落格了

成果展示

<embed src="http://img504.imageshack.us/img504/4007/textic3.swf" width="130" height="160"></embed>

時鐘製作就這樣簡單,因為源碼是固定的,難的是Flash軟體應用,

不過若您熟悉軟體操控,相信您一定可以把時鐘做的很上手。

這裡有呂聰賢老師的Flash MX軟體教學,若您想深入研究,不妨進去看看喔

祝您玩的愉快

祝 大家天天開心 順心如意

玄音 合十 97.06.17