查看完整版本: Flash製作“寫意鐘錶”

lesly 2010-3-5 02:58 AM

Flash製作“寫意鐘錶”

打開Flash 8,看文字菜單行下側是否有"快捷工具",如果沒有,點<窗口><工具攔>勾選<主要攔>,備以後使用.以下有使用這裡的

<對齊工具>,第一次使用<對齊工具>需要把<相對於舞台>下方的按鈕壓下去!

1,時針制作過程:

    直接點文字菜單的<插入><新建元件>,<名稱>寫"時針",<行為> 選<影片剪輯>.

    在編輯區裡,用左側<工具>的<矩形工具>繪制無邊黑色"長方形",打開屬性面板.

    選工具裡的<黑箭頭>,壓住鼠標套住"長方形"後松手,屬性裡出現寬高.將寬設置為6,高設置70.

    使用<主要攔>裡的<對齊工具>第一行,用2(水平中齊)6(底對齊).

    元件制作完,不用保存,自然進入庫裡,想修改元件,必須先打開庫, 對准庫裡元件名右擊,點<編輯>.

2,分針制作過程:

    直接點文字菜單的<插入><新建元件>,<名稱>寫"分針",<行為>選<影片剪輯>.

    在編輯區裡,用左側<工具>的<矩形工具>繪制無邊黑色"長方形",打開屬性面板.

    選工具裡的<黑箭頭>,壓住鼠標套住"長方形"後松手,屬性裡出現寬高.將寬設置為6,高設置85.

    使用<主要攔>裡的<對齊工具>第一行,用2(水平中齊)6(底對齊).

3,秒針制作過程:

    直接點文字菜單的<插入><新建元件>,<名稱>寫"秒針",<行為>選<影片剪輯>.

    在編輯區裡, 用左側<工具>的<矩形工具>繪制無邊紅色"長方形",打開屬性面板.

    選工具裡的<黑箭頭>,壓住鼠標套住"長方形"後松手,屬性裡出現寬高.將寬設置為2,高設置120.Y值設置-100.

    使用<主要攔>裡的<對齊工具>第一行,用2(水平中齊)6(底對齊).

4,表盤制作過程:

    直接點文字菜單的<插入><新建元件>,<名稱>寫"表盤",<行為>選<影片剪輯>.

    在編輯區裡, 用左側<工具>的<橢圓工具>繪制無邊淡灰"圓形",打開屬性面板.

    選工具裡的<黑箭頭>,壓住鼠標套住"圓形"後松手,屬性裡出現寬高.將寬設置為210,高設置210.

    使用<主要攔>裡的<對齊工具>第一行,用2(水平中齊)5(垂直中齊).

5,刻度制作過程:

    繼續在表盤制作裡,加上第二層,在上,下,左,右, 用<線條工具>繪制四個短線條,線條寬度設為1,長度設為10-20

    先制作一個,制作完成後,壓住鼠標套住"短線條"後松手,對准短線條右擊點<復制>(有的叫拷貝),在其他位置右

    擊點粘貼,得到相同的短線條,布置到上下位置.

    再在其他位置點粘貼,又得到一個相同的短線條,壓住鼠標套住"短線條"後松手,點<修改><變形><順時針旋轉 90>

    對准橫的短線條,右擊復制再粘貼一個橫的短線條,布置在左右.

6,數字制作過程:

    繼續在表盤制作裡,加上第三層,(鎖住其他層),用工具中的<A>字母,在編輯區寫上"12",回到工具的黑箭頭後,

    再點工具中的<A>字母,在編輯區寫上"3",這樣重復操作,再寫上"6""9".擺放到適當位置.

    (也可以不要12.3.6,9. 寫上:1,2,4,5,7,8,10,11更藝術點,這不是固定的,看你藝術水平了)

7,三針交叉點遮蓋制作過程:

    三針交叉點露出來不好看,需要裝修遮蓋.以下同制作表盤一樣,只差圓的直徑尺寸.

    直接點文字菜單的<插入><新建元件>,<名稱>寫"三針交叉遮蓋",<行為> 選<影片剪輯>.

    在編輯區裡,用左側< 工具>的<橢圓工具>繪制無邊黑色"圓形",打開屬性面板.

    選工具裡的<黑箭頭>,壓住鼠標套住"圓形" 後松手,屬性裡出現寬高.將寬設置為12,高設置12.

    使用<主要攔>裡的<對齊工具>第一行,用2(水平中齊)5(垂直中齊).
  
到此為止,元件制作完畢.以下回到"場景編輯"
  
1,場景屬性設置(或是說:文檔屬性): 點<修改><文檔>,寬:218,高:218.其他暫不變.

2,增加層,共6層,每層只一幀就可以.順序由下向上,第一層層名:AS,第二層層名:表盤,第三層層名:時針,

第四層層名:分針,第五層層名:秒針,第六層層名:交叉遮蓋.

3,AS層:對准第一幀,打開<動作-幀>面板,復制以下AS代碼, 粘貼在裡面:

復制代碼[code]    _root.onEnterFrame = function() {
    myDate = new Date();
    hour._rotation = myDate.getHours()*30+(myDate.getMinutes()/2);
    min._rotation = myDate.getMinutes()*6+(myDate.getSeconds()/10);
    sec._rotation = myDate.getSeconds()*6;
    };[/code]4, 表盤層:打開庫(按F11),點表盤層第一幀,把庫中表盤元件拉到舞台,點對齊工具第一行的:2和5.

5,時針層:點時針層第一幀,把庫中時針元件拉到舞台,再打開屬性面板,用XY坐標對位置.X=106,Y=39.實例名稱:hour

6,分針層:點分針層第一幀,把庫中分針元件拉到舞台,再打開屬性面板,用XY坐標對位置.X=106,Y=24.實例名稱:min

7,秒針層:點秒針層第一幀,把庫中秒針元件拉到舞台,再打開屬性面板,用XY坐標對位置.X=108,Y=9.實例名稱:sec

8,交叉遮蓋層:打開庫(按F11),點交叉遮蓋層第一幀,把庫中三針交叉遮蓋元件拉到舞台,點對齊工具第一行的:2和5.
  
到此為止,全部完成,點<控制><測試影片>,看到問題關閉<測試>窗口,調整,再<測試影片>,滿意為止.
[align=center]
[b][size=5]點擊觀看:[/size][/b][/align]
[color=RoyalBlue]
[b][size=5][align=center][url]http://boxstr.net/files/6409011_zd5gt/%E5%AF%AB%E6%84%8F%E9%90%98%E9%8C%B6A.swf[/url][/align][/size][/b][/color]

[[i] 本帖最後由 lesly 於 2010-3-15 12:38 PM 編輯 [/i]]

寫意王 2010-3-9 10:40 PM

Produc 唔見左個ed字:tongue:

lesly 2010-3-10 12:45 AM

[quote]原帖由 [i]寫意王[/i] 於 2010-3-9 22:40 發表 [url=http://hkfreezone.com/redirect.php?goto=findpost&pid=5595810&ptid=1152643][img]http://hkfreezone.com/images/common/back.gif[/img][/url]
Produc 唔見左個ed字:tongue: [/quote]
打漏左:tongue2:

呢個唔好,我做過另一個:)=:

亞白 2010-3-24 01:52 PM

我以前也在網上見過這種 [ flash 小時鐘 ]
當時覺得幾得意, 但就不知道如何製作
現在有教學, 係時候練習一下 flash 8
唔該晒 !
:sm009:
頁: [1]
查看完整版本: Flash製作“寫意鐘錶”