當前位置:開發者網絡 >> 技術教程 >> 網頁設計 >> Flash >> 內容
精彩推薦
分類最新教程
分類熱點教程
    
Flash實例教程 相約北京 揚帆青島
作者:寒江雁
日期:2005-04-30
人氣:
投稿:(轉貼)
來源:未知
字體:
收藏:加入瀏覽器收藏
以下正文:

   本例我們學習製作一個2008年奧運會青島分會場的宣傳畫,背景為蔚藍色海岸的青島風景,動畫為五色彩環奧運標誌和「新北京 新奧運 相約北京 揚帆青島」的奧運口號,如圖3-1所示。本例主要介紹了Flash MX中「文本工具」按鈕、「顏料桶工具」按鈕,以及圖形編輯和移動變形及遮罩效果等。


  創建步驟:
  第1步,啟動Flash MX,在舞台的空白處單擊右鍵,選擇「文檔屬性」命令,彈出「文檔屬性」對話框,設定動畫文檔的尺寸大小為480PX×150PX,單擊「確定」按鈕,如圖3-2所示。


  第2步,單擊「插入」菜單下「新建元件」選項(或者按鍵盤組合鍵「Ctrl+F8」),插入一個新的圖像元件,命名為「奧林匹克」,在「行為」區域選擇「圖形」單選鈕,單擊「確定」按鈕,如圖3-3所示。


  第3步,選擇繪圖工具箱中的「橢圓工具」按鈕,在「顏色」面板中設置無筆觸顏色,如圖3-4所示。

  在舞台中畫出兩個大小和顏色都不相同的無邊框的圓,如圖3-5所示。

 
  第4步,用給圖工具箱中的「箭頭工具」按鈕,選取一個小圓,然後將小圓移動到大圓上面,將兩圓心對齊,可以用方向鍵進行微調。此時我們打開「查看」菜單下的「網格」中的「顯示網格」選項,顯示網格用以輔助圖形的對齊。

  第5步,用「箭頭工具」單擊組合圖的小圓部分,按鍵盤上的「Delete」鍵將其刪除,圖形呈圓環,按鍵盤上的「Ctrl+G」給合鍵,如圖3-6所示。


  第6步,選取已做好的圓環,依次按鍵盤上的組合鍵「Ctrl+C」和「Ctrl+V」,分別進行粘巾和複製,一共製作五個圓環,把五個圓環按奧林匹克的標誌分別進行排列,如圖3-7所示。


  第7步,按鍵盤上的「Ctrl+B」快捷鍵分別進行打散。再依次填入顏色分別為「藍色」、「黑色」、「紅色」、黃色和綠色,如圖3-8所示。

  現在我們應該修改這五個環交接處顏色的處理。用「箭頭工具」選取藍環的一部分,如圖3-9所示,

  單擊右鍵,彈出快捷菜單,選擇「複製」,再粘貼,如圖3-10所示。

  利用「箭頭工具」和「任意變形工具」將粘貼的這部分移到藍色與黃色交接的地方,如圖3-11所示。

  按這樣的步驟去修改其它交接地方的顏色變化,然後將做好的標誌進行群給,按「Ctrl+G」快捷鍵,最後結果如圖3-12所示。


  第8步,我們再來製作一個文本圖像元件,單擊「插入」菜單下「新建元件」選項,插入一個新的元件,命名為「奧運口號」,「行為」區域選「圖形」單選鈕,單擊「確定」按鈕,如圖3-13所示。

 
  第9步,單擊「文本工具」按鈕,選擇適當的字體和大小,輸入文字「新北京 新奧運 相約北京 楊帆青島」。用黑箭頭工具選中所輸入的文字,然後連續兩次按「Ctrl+B」快捷鍵將文字打散。單擊「窗口」→「設計面板」→「混色器」,彈出「混色器」面板,在「填充樣式」選則「線性」,顏色為黃色到紅色漸變色,如圖3-14所示,

  單擊工具箱中的「顏料桶工具」單擊我們所打散的文字,然後將其組合,最後效果如圖3-15所示。


  第10步,現在我們來準備一張圖片,讀者可以通過其它圖像處理工具來制做。在這裡我準備了一張「青島海邊」風景圖,文件格式為「JPG」。

  第11步,單擊工具欄上的「場景1」圖標返回主場景窗口。單擊時間軸中的第1幀,單擊菜單「文件」→「導入」→「導入到舞台」,彈出「導入」對話框,找到你所需要的圖片,單擊「打開」,圖片將自動放置在文檔中間。這時打開資料庫面板(可以按「Ctrl+L」快捷鍵),Flash將自動創建一個圖片元件。

  第12步,單擊「窗口」→「設計面板」→「對齊」菜單,彈出「對齊」對話框,如圖3-16所示單擊「相對於舞台」按鈕,再依次單擊「對齊」、「分佈」、「匹配大小」等選項,讓圖片與舞台相匹配大小。在「圖層1」的第50幀處按F5鍵,插入一幀,讓圖片延長到50幀處。


  第13步,用鼠標左鍵單擊「圖層1」下面的「插入圖層」按鈕添加一個新圖層「圖層2」。單擊時間軸上的「圖層2」的第1幀,從資料庫中將「奧林匹克」圖像元件拖至工作區中的中央位置,並適當縮放,如圖3-17所示。在「圖層2」的時間軸中用鼠標右鍵單擊第50幀處,然後在彈出的快捷菜單中選擇「插入關鍵幀」命令,插入一個關鍵幀。用「黑色箭頭工具」按鈕選中「奧林匹克」標誌,用「自由變形工具」將其放大,並置於工作區中的中間。


  第14步,單擊「圖層2」的時間軸中的第1幀,單擊窗口下方的屬性(或者單擊「窗口」→屬性」 )彈出屬性面板,選擇「補間」框為「動作」變形選項如圖3-18所示。此時時間軸中顯示淡紫色和一條細箭頭,表明此漸變動畫已創建成功。


  第15步,用鼠標左健單擊「圖層1」下面的「插入圖層」按鈕添加一個新圖層「圖層3」。單擊時間軸上的「圖層3」的第1幀,然後從庫中將「奧運口號」圖像元件拖至工作區的下方,如圖3-19所示。在「圖層3」的時間軸的第50幀處按F5鍵插入一幀。


  第16步,再單擊「插入圖層」按鈕,新建一新層「圖層4」。單擊「圖層4」的第1幀,選擇工具箱中的「矩形工具」在文字的左邊畫一個無邊框的矩形,填充色任意色,高度為文字的高度,如圖3-20所示。

  在「圖層4」的第50幀,按F6鍵插入一個關鍵幀,單擊此關鍵幀,選擇工具箱中的「任意變形工具」將矩形覆蓋住「奧運口號」如圖3-21所示。


  第17步,單擊「圖層4」的第1幀,單擊窗口下方的屬性(或者單擊「窗口」→屬性」 )彈出屬性面板,選擇「補間」框為「形狀」變形選項如圖3-22所示。此時間軸中顯示淡綠色和一條細箭頭,表明漸變動畫已創建成功。

 
  第18步,右擊「圖層4」彈出快捷菜單,選擇「遮罩層」。此時時間軸中顯示為如圖3-23所示。


  第19步,單擊「控制」菜單下「測試影片」選項,或按鍵盤上的「Ctrl+Enter」組合鍵,觀看動畫效果,哈哈,不錯吧,記得存盤呀!










  ,


相關文章: