| 導購 | 订阅 | 在线投稿
分享
 
 
 

Flash實例:可愛的小青蛙鬧鍾(1)

2008-08-27 06:57:51  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
  這個Flash實例制作了一個可愛的「小青蛙時鍾」動畫,用到了Flash的基本繪圖工具如橢圓、矩形、直線和任意變形等,操作簡潔易懂,適合練習。先看下效果吧:

  效果圖:

  

  

  

  

  制作步驟:

  1、新建一個Flash文檔,Ctrl+F8新建一個元件,命名爲「clock」。選擇橢圓工具,設筆觸爲黑色,填充爲綠色,按住Shift鍵畫出一個正圓。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖01

  2、Ctrl+D複制一個,將填充改爲白色。用選擇工具選中兩個圓,執行菜單/修改/對齊/垂直中齊和水平中齊。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖02

  3、畫青蛙的手。新建一個圖層,命名爲「hand」,放在圖層面板最下層。將綠色的橢圓Ctrl+D再複制一個,並用任意變形工具調到如下大小。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖03

  4、將這個小橢圓放在側面如下位置。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖04

  5、再複制一個小橢圓,放在另外一邊完成青蛙的手。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖05

  6、畫青蛙的腳。新建一個圖層,命名爲「foot」,放在圖層面板最下層。腳是由1個大橢圓和5個小橢圓組成的,所以先複制出6個橢圓並調整到如下大小。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖06

  7、將6個橢圓按如下位置擺放,大橢圓在最下面,中間的小橢圓在最上面。在各個橢圓上單擊右鍵選擇「排列」可以調整它們的層次。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖07

  8、排好之後選中整個腳,Ctrl+D複制一份,選擇菜單/修改/變形/水平翻轉後放在另外一邊完成青蛙的腳。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖08

  9、畫時間刻度。新建一個圖層,命名爲「time」,放在最上層。用直線工具畫一條任意長度的直線。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖09

  10、選中這條直線,Ctrl+T調出變形面板,將「旋轉」的角度設爲「15」。單擊右下角的「複制並應用變形」按鈕,就能複制出另外一條。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖10

  11、繼續單擊此按鈕直到複制出一整圈直線,效果如下。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖11

  12、選中所有的直線,Ctrl+G群組。再用橢圓工具按住Shift鍵畫出如下正圓。選中直線和橢圓,執行菜單/修改/對齊/垂直中齊和水平中齊。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖12

  13、Ctrl+B將它們全部打散後刪掉多余的線條,只留下橢圓外面的這一圈直線就形成了一個刻度盤。Ctrl+G將它們群組。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖13

  14、用任意變形工具將時間刻度調整到合適的大小,放在時鍾上如下位置即可。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖14

  15、畫眼睛。新建一個圖層,命名爲「eye」,放在最下層。再複制一個綠色的橢圓備用。

Flash實例:可愛的小青蛙鬧鍾(1)


  圖15
 
  這個Flash實例制作了一個可愛的「小青蛙時鍾」動畫,用到了Flash的基本繪圖工具如橢圓、矩形、直線和任意變形等,操作簡潔易懂,適合練習。先看下效果吧:   效果圖:   制作步驟:   1、新建一個Flash文檔,Ctrl+F8新建一個元件,命名爲「clock」。選擇橢圓工具,設筆觸爲黑色,填充爲綠色,按住Shift鍵畫出一個正圓。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268027805.jpg[/img][/url]   圖01   2、Ctrl+D複制一個,將填充改爲白色。用選擇工具選中兩個圓,執行菜單/修改/對齊/垂直中齊和水平中齊。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268027989.jpg[/img][/url]   圖02   3、畫青蛙的手。新建一個圖層,命名爲「hand」,放在圖層面板最下層。將綠色的橢圓Ctrl+D再複制一個,並用任意變形工具調到如下大小。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268028306.jpg[/img][/url]   圖03   4、將這個小橢圓放在側面如下位置。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268028518.jpg[/img][/url]   圖04   5、再複制一個小橢圓,放在另外一邊完成青蛙的手。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268028754.jpg[/img][/url]   圖05   6、畫青蛙的腳。新建一個圖層,命名爲「foot」,放在圖層面板最下層。腳是由1個大橢圓和5個小橢圓組成的,所以先複制出6個橢圓並調整到如下大小。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268029140.jpg[/img][/url]   圖06   7、將6個橢圓按如下位置擺放,大橢圓在最下面,中間的小橢圓在最上面。在各個橢圓上單擊右鍵選擇「排列」可以調整它們的層次。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268029434.jpg[/img][/url]   圖07   8、排好之後選中整個腳,Ctrl+D複制一份,選擇菜單/修改/變形/水平翻轉後放在另外一邊完成青蛙的腳。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268029788.jpg[/img][/url]   圖08   9、畫時間刻度。新建一個圖層,命名爲「time」,放在最上層。用直線工具畫一條任意長度的直線。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268029958.jpg[/img][/url]   圖09   10、選中這條直線,Ctrl+T調出變形面板,將「旋轉」的角度設爲「15」。單擊右下角的「複制並應用變形」按鈕,就能複制出另外一條。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268030062.jpg[/img][/url]   圖10   11、繼續單擊此按鈕直到複制出一整圈直線,效果如下。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268030313.jpg[/img][/url]   圖11   12、選中所有的直線,Ctrl+G群組。再用橢圓工具按住Shift鍵畫出如下正圓。選中直線和橢圓,執行菜單/修改/對齊/垂直中齊和水平中齊。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268030572.jpg[/img][/url]   圖12   13、Ctrl+B將它們全部打散後刪掉多余的線條,只留下橢圓外面的這一圈直線就形成了一個刻度盤。Ctrl+G將它們群組。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268030755.jpg[/img][/url]   圖13   14、用任意變形工具將時間刻度調整到合適的大小,放在時鍾上如下位置即可。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268030878.jpg[/img][/url]   圖14   15、畫眼睛。新建一個圖層,命名爲「eye」,放在最下層。再複制一個綠色的橢圓備用。 [url=/bbs/detail_1848141.html][img]http://image.wangchao.net.cn/it/1323268031077.jpg[/img][/url]   圖15
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
  免責聲明:本文僅代表作者個人觀點,與王朝網絡無關。王朝網絡登載此文出於傳遞更多信息之目的,並不意味著贊同其觀點或證實其描述,其原創性以及文中陳述文字和內容未經本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
 
© 2005- 王朝網路 版權所有