2016年5月19日 星期四

第27-24堂--GIF應用

如果想要設計成動畫從左到右,再從右到左,如果只有同一個物件,會出現倒退走的情形。 解決方法:
  • 插入兩個物件,一個向左、一個向右。
  • 畫格1到10:向左的物件,從左到右。
  • 畫格11到20:向右的物件,從右到左。
步驟(動畫從左到右):
  • 開啟GIF Animator 5.05
  • 開啟背景圖片,把背景用鎖鎖住。
  • [檔案]-->[新增影像],新增一個物件A,用[變形工具]調整好大小,並且旋轉180度,再放到背景最左邊,最好超出背景圖外面。
  • [再製畫格],把[畫格2]的物件A,移到背景最右邊,最好超出背景圖外面。
  • [連續漸變],在[畫格1]和[畫格2]中,新增8個畫格。
  • 動畫從左到右完成。
步驟(動畫從右到左):
  • [再製畫格],增加[畫格11][畫格12]
  • 停在[畫格11]的地方,[檔案]-->[新增影像],新增第二個物件B,滑鼠右鍵選[影像內容],將大小調成像A一樣的大小,再放到最右邊,最好超出背景圖外面。
  • 停在[畫格12]的地方,把物件B放到最左邊,,最好超出背景圖外面。
  • [連續漸變],在[畫格11][畫格12]中,新增8個畫格。
  • 動畫從右到左完成。

2016年5月17日 星期二

第27-23堂--設定GIF的閃動文字

在GIF Animator中設定閃字,方法很簡單,第1,3,5,7,9單數畫格出現文字,2,4,6,8,10雙數畫格不出現,就會有閃的效果啦!
  • 游標先按一下畫格1。
  • 點選工具箱中的[文字工具]按鈕,出現如下圖的畫面,輸入文字。
  • 記得反白選取文字,設定大小、顏色....等,按一下[預覽]看一下效果,如果不錯的話再按[確定]
  • 此時右邊的物件會多一個文字物件,畫格1的位置,如果移動文字物件,這樣就需要把其他的畫格,也設定同樣的位置。游標停留在畫格1,按下[將不同畫格的物件調成一致],如果其他畫格也打開眼睛,把[可見度]也可。
  • 如果想要加上霓虹燈的效果,在文字物件上按下滑鼠右鍵,選取[文字]-->[霓虹燈]
  • 出現如下圖的畫面,把[霓虹燈]前的核取方塊打勾,就會有霓虹燈的效果了。
  • 在文字物件上按下滑鼠右鍵,選擇[文字]-->[分割文字],原本一個文字物件,就會變成多個文字物件。可以連按兩下文字物件,選[編輯文字],把每個字都設成不同顏色。
  • 利用畫格1至10,有的字有開眼睛,有的字沒開眼睛,就會設定設定文字出現閃動的動畫。

2016年5月12日 星期四

第27-22堂--新增橫幅文字

新增橫幅文字:
  1. 先開啟GIF Animator程式後,開啟檔案。
  2. 游標按一下[畫格1],再按[新增橫幅文字]的按鈕。
  3. 輸入文字,再調整文字大小、顏色....等,如果輸入中文字,字型要設成中文字型,否則文字會變成一堆????
  4. 點選[特效]索引標籤,按一下右上角的[拉遠]鈕,讓整張照片都可以看到,游標停在文字上,變成黑色箭頭時,可以移動位置。
  5. 設定是否要[進入場景],以及[離開場景],有打勾的話加起來的畫格數字要跟總共的全部畫格一樣。
  6. 切換到[畫格控制]的畫面,將[分佈至畫格]前的核取方塊打勾,延遲時間、關鍵畫格延遲都設定一下,按[開始預覽]看看效果。
  7. 設好是否要加霓虹燈後,按[確定],選[建立成橫幅文字(建議選項)]
如果按了確定,發現原來的畫格10,變成10多個畫格,表示:
  • 你可能沒有把游標停在[畫格1]。
  • 你可能沒有勾選[分佈至畫格]。
  • 你的進入場景和離開場景,加起來的數量,大於10。
上述的解決方法-->重做比較快,如果發現位置不喜歡,要重新調整,也是重做比較快。
  • 如何重做?把右邊物件區裡的橫幅文字物件刪除。

2016年5月10日 星期二

第27-21堂--連續漸變與背景圖片的應用

背景單純、靜態+連續漸變:
  • 直接進入GIF Animator程式,按下[開啟現有的影像檔]前的圖示按鈕。把背景圖檔開啟。
  • 背景就出現了,因為此背景不會動,所以只有一個畫格,可以先鎖住,再選取[檔案]-->[新增影像]
  • 把龍舟加進來,此龍舟如果沒有去背,要在PhotoImpact中去背好儲存,才能加進來。把龍舟移到右下角,按下圖中圈起來的[再製畫格]按鈕。
  • 畫格就增加了一個,變成兩個畫格。第2個畫格的龍舟移到左邊。(請看清楚:畫格1的龍舟在右邊,畫格2的龍舟在左邊)
  • 游標點選一下畫格1,然後按一下圖中圈起來的[連續漸變]按鈕。
  • 起始畫格設1,結束畫格設2,插入畫格設5,表示在畫格1和畫格2中間,加上5個畫格。
  • 變成7個畫格了,而且龍舟會慢慢地從右邊到左邊。[檔案]-->[另存新檔]-->[GIF]
背景是動畫+連續漸變:
背景如果想要有下雪,或是雲的效果,百寶箱裡有此功能,先到百寶箱裡的動畫中,把背景設成動畫,再到Gif Animator中加上動畫。
  • 到PhotoImpact中,開啟背景的圖檔。
  • 找出百寶箱裡的[圖庫],裡面[影像增強]-->[動畫]裡的[雲1],拖曳至圖片中。
  • 雲1的效果有10個畫格,不要選有25個畫格的雲,雲太厚了,製作起來檔案很大,效果也沒有很好。按下[儲存]
  • 下圖中圈起來的畫格延遲,可設定秒數,儲存成GIF檔。
  • 下圖是做好有雲1效果的動畫,有需要的同學可以點選變成大圖後,再儲存。
加上嫦娥(連續漸變):
  • 進入GIF Animator程式,按下[開啟現有的影像檔]前的圖示按鈕。把有雲1的背景圖檔開啟。
  • 這張就是我們在PhotoImpact中做好的含雲1的動畫,總共有10個畫格,而且物件也有10個物件,每個畫格會有一個眼睛物件。游標停在畫格1,選取[檔案]-->[新增影像],把嫦娥加進來(嫦娥也要去背才會好看)。
  • 底圖太大,按下工具箱中的[縮小]鏡,再把嫦娥利用[變形工具]縮小,移動右下角。請注意看下圖,只有畫格1有嫦娥,其他畫格沒有,因為只有畫格1的嫦娥有把眼睛打開,其他都沒有開眼睛。
  • 按一下畫格10,把嫦娥的眼睛打開,再把嫦娥移到天上,注意看下圖,只有畫格1和畫格10有嫦娥。
  • 游標按一下畫格1,確定選的是嫦娥(不可以選到背景),再按下[連續漸變]
  • 起始畫格1,結束畫格10,[更新中間畫格]
  • 嫦娥就慢慢地飛天了。[檔案]-->[另存新檔]-->[GIF]你也可以試試,把畫格10的嫦娥眼睛關閉起來,再到上個步驟更新中間畫格,嫦娥不僅飛天,還消失了。
  • 下圖就是嫦娥飛天的效果。

2016年5月5日 星期四

第27-20堂--連續漸變

連續漸變的動畫,使用情況是在同一個圖從左到右(或是由上到下....)都是同一張圖,例如:火車、飛機...等,從左邊飛到右邊,圖形都長得一樣,因此只要設第一張畫格、最末張畫格,再設中間的畫格是連續漸變。

  至PhotoImpact 中準備素材:
  • 背景圖片:不要太大張,若太大張,請先調整大小。
  • 飛機:要去背,記得先把基底影像的眼睛隱藏起來後,再儲存成GIF檔。
至GIF Animator中設計動畫:
  • 在PhotoImpact中,按下功能表的[視窗]-->[切換]-->[Gif Animator]。也可以直接選[開始]-->[所有程式]-->[Ulead PhotoImpact 12]-->[Ulead Gif Animator 5.05]進入。
  • 按下[開啟現有的影像檔]。選背景圖。也可以用動畫精靈,設定長與寬大一點的空白背景。
  • gif Animator沒有基底影像,所以先把背景圖鎖住,才不會待會兒不小心移動到而造成背景晃動。
  • 接著按[檔案]-->[新增影像],把飛機加進來,用變形工具調整好大小及方向
  • 按下[再製畫格],會產生畫格2。
  • 將畫格2的飛機,移到最後要結束的位置。游標再按回畫格1,按下[連續漸變]
  • 起始畫格設[1],結束畫格設[2],插入畫格設[5],按下[確定]後,就會有7個畫格。
  • 第一架飛機做好了,如果想加第二架飛機,一樣是按[檔案]-->[新增影像],把飛機加進來,在[畫格1]的地方,用變形工具調整好大小及方向,而[畫格7]也調好飛機結束的位置。 
  • 游標再按回畫格1,按下[連續漸變]。起始畫格設[1],結束畫格設[7],改成[更新中間畫格],第二架飛機就也有會飛的效果了,儲存時請另存成GIF檔。

2016年5月3日 星期二

第27-19堂--GIF動畫製作(I)

動畫製作:
  • 開啟一個檔案。因為要做成動畫,所以圖檔長、寬不需要太大,如果太大,請先利用[調整]-->[調整大小]功能,將圖檔調小一點,最好長、寬小於1000像素以內較佳。
  • 點選功能表的[特效]-->[創意特效]-->[動畫工作室]
  • 先選取左下方的特效,再播放看看效果,確定後按下[儲存]
  • 儲存時,設定[畫格延遲],可以調整每個畫格的播放速度,預設是10/100秒,也就是每0.1秒切換一個畫面,那麼10個畫格就會是1秒。儲存完畢後,回到上圖時,按下[取消],即可離開動畫工作室的畫面。
  • 另外百寶箱裡,也有很多動畫可以拿出來套用,在[圖庫]區裡的[影像增強]-->[動畫]裡,直接找到喜歡的動畫效果,拖曳至圖片上,也能做出動畫。

利用動畫精靈製作動畫:
  • 在PhotoImpact中,選[視窗]-->[切換]-->[Gif Animator],或是直接點選[開始]-->[所有應用程式]-->[Ulead PhotoImpact 12]-->[Ulead Animator 5.05]
  • 出現啟動精靈,點選[動畫精靈]前的小圖。
  • 設定長與寬。
  • 按下[新增影像],把所有的動畫圖片都加進來。
  • 設定每張圖片的秒數,或是使用預設值,每張圖片0.25秒。
  • 最後按下[完成]。
  • 完成後,選[檔案]-->[另存新檔]-->[GIF]檔,即完成動畫製作。