萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> Illustrator制作簡單的FLASH動畫教程

Illustrator制作簡單的FLASH動畫教程

   這篇AI制作簡單的FLASH動畫教程算是一個非主流的教程吧,因為大家都知道AI擅長的也不是這個事,本例我們以制作倒計時數字為例講一下其制作方法,先看一下效果:

Illustrator制作簡單的FLASH動畫教程    三聯

  當然這個圖是gif的

  具體的制作步驟如下:

  首先,新建文檔新建一個大小為QVGA,顏色模式為RGB,分辨率為72的文檔,命名為Flash動畫

Illustrator制作簡單的FLASH動畫教程,PS教程

  在畫板中新建矩形路徑,執行"對象》路徑》分割為網格"命令,並調節數值:

Illustrator制作簡單的FLASH動畫教程,PS教程,

  然後適當調整路徑大小,為路徑填充顏色:

Illustrator制作簡單的FLASH動畫教程,PS教程,思緣教程網

  然後按住Alt整體移動並復制4個(Ctrl+D),並分別填充顏色,使圖案組成相應數字

Illustrator制作簡單的FLASH動畫教程,PS教程,

  (當然也可以制作更多)為圖中每一個數字色塊分別打組,然後,全部選中對齊到畫板中央。(如果你的數字是按順序做的,那麼圖層面板中數字就是有序的,如果不是,必須調整過來)然後全部選中,在"圖層"面板中的菜單裡選擇"釋放到圖層(順序)":

Illustrator制作簡單的FLASH動畫教程,PS教程

  釋放後如圖:

Illustrator制作簡單的FLASH動畫教程,PS教程

  然後,執行"文件》導出"命令導出動畫,導出時,選擇導出格式為*.swf

Illustrator制作簡單的FLASH動畫教程,PS教程

  在彈出的對話框中,設置導出為"AI圖層到SWF幀",在點擊"高級"按鈕設置幀速率為1幀/秒,圖層順序從下往上。。。

Illustrator制作簡單的FLASH動畫教程,PS教程

  點擊確定,OK!

Illustrator制作簡單的FLASH動畫教程,PS教程,思緣教程網

  然後就可以播放觀看效果了……

  我自己制作的效果:

Illustrator制作簡單的FLASH動畫教程,PS教程
copyright © 萬盛學電腦網 all rights reserved