2013/11/26

第21堂--雙動畫設計(II)

上次介紹的動畫,是10個畫格動畫(下雪)+10個畫格動畫(連續漸變往右往左的聖誕老公公),本堂介紹的雙動畫設計,是10個畫格動畫(下雪)+2個物件輪流重覆出現(聖誕老公公)的設計。
  1. 先準備一個下雪動畫:(下雪.gif),下雪動畫有10個畫格。
  2. 再準備兩個聖誕老公公,一個鬍子往下(老公公-1.gif)、一個鬍子往上(老公公-2.gif)。
  3. 開啟GIF Animator程式,[檔案]-->[開啟影像],選(下雪.gif)。
  4. 游標停在第1個畫格,[檔案]-->[新增影像],選(老公公-1.gif)
  5. 游標停在第2個畫格,[檔案]-->[新增影像],選(老公公-2.gif)
  6. 第1個畫格到第2個畫格,聖誕老公公就會動了,但第3至第10個畫格沒有聖誕老公公,所以游標停在第3個畫格,按一下(老公公-1.gif)的眼睛,讓第3個畫格有老公公。
  7. 游標停在第4個畫格,按一下(老公公-2.gif)的眼睛,讓第4個畫格有老公公...依此類推。
  8. 第1,3,5,7,9個畫格出現的是(老公公-1.gif)第2,4,6,8,10個畫格出現的是(老公公-2.gif)
上述步驟就完成了,但如果要移動聖誕老公公的大小及位置,就需要再加上下列步驟。
  • 游標停在第1個畫格,在物件上選(老公公-1.gif),也就是有顯示眼睛的那一個物件。
  • 移動大小及位置。
  • 第3,5,7,9畫格中的老公公就一樣改變大小了,但位置並不正確。
  • 游標停在第1個畫格,在物件上選(老公公-1.gif),按一下[將不同畫格的物件調成一致]的按鈕。
  • 出現如下的畫面,確定紅色圈起來的部份是1.畫格,按下[確定]
  • 第1,3,5,7,9畫格中的聖誕老公公就全部調整完畢了。
  • 接下來調整第2個畫格中的老公公,游標停在第2個畫格,在物件上選(老公公-2.gif),也就是有顯示眼睛的那一個物件。
  • 移動和畫格1中的老公公位置一樣,但容易有誤差,直接在物件上按滑鼠右鍵,選[物件內容],按一下[位置與大小],設定左、上、寬度、高度和(老公公-1.gif)一樣的數字。
  • 第2個畫格的老公公也調整好了。接下來調整第4,6,8,10個畫格中的聖誕老公公,游標停在第2個畫格,在物件上選(老公公-2.gif),按一下[將不同畫格的物件調成一致]的按鈕。
  • 全部調整好後,請另存新檔,存成GIF檔,這個就是含有下雪以及鬍子會動的聖誕老公公動畫。

沒有留言:

張貼留言