常見問答集錦【09】

第九篇
GIF 動畫問與答

適合程度: 初學者 一般程度 進階者 以上均宜
我有幾張 BMP 的連續圖片,想製作成 GIF 動畫,但會不會檔案太大呢?
為何從網站中抓下來的 GIF 動畫在 Power Point 中動也不動呢?
動畫製作軟體與繪圖軟體如 Photoshop、PSP、PhotoImpact..有何關係?
請問在 Ulead GIF Animator 中的 Plus-Ins 對製作動畫有何幫助?
請問如何製作會自動切換圖片的廣告看板?
何處可取得 GIF Construction Set?
在網頁中看到喜歡的 GIF 動畫能應如何抓到該動畫?
請問 GIF89a 的圖案格式有何特色?
如何將 GIF 動畫加入網頁的設計中?
GIF Construction Set 動畫製作軟體有何功能?
GIF 動畫與網頁有何關係?
甚麼圖片才能製作成 GIF 動畫?
在 Home Page 中曾看過一個會捲動的廣告看版,請問這是動畫嗎?如何製作?
製作 GIF 動畫的軟體中那一個是最簡單使用的?
如何將網頁中圖片的背景透明化?
GIF 圖檔一定是動畫嗎?
網頁中顯示的圖片有那幾種格式?
GIF 動畫是甚麼東東?
網頁中的動畫如何製作?



我有幾張 BMP 的連續圖片,想製作成 GIF 動畫,但會不會檔案太大呢?
A.
BMP 格式的圖檔的確是很大,因為這種格式的圖檔沒有被壓縮過,若要拿來製作成 GIF 動畫當然是沒問題的,因為動畫製作軟體如 GIF Animator 或 GIF Construction Set 都有壓縮圖檔的功能,所以縱使圖片是 BMP 格式,但製作出來的 GIF 動畫檔也不至於很大,這全是壓縮技術的應用,當然經過壓縮原先圖片的顯示效果會有失真的現象。

為何從網站中抓下來的 GIF 動畫在 Power Point 中動也不動呢?
A.
GIF 動畫只在瀏覽器與動畫製作軟體中,才會顯示出動畫的效果,在 Power Point 中只會顯示出該 GIF 動畫檔中的第一張圖片,所以不會有動畫的效果。

動畫製作軟體與繪圖軟體如 Photoshop、PSP、PhotoImpact..有何關係?
A.
繪圖軟體主要是用來製作圖檔,像是將圖片掃瞄進來或是繪製圖案...等等,可以製作出靜態的圖檔。
而動畫製作軟體主要是將繪圖軟體製作好的圖檔加以處理,如將數個圖檔結合成一個動畫檔、將圖檔作一些顯示特效處理而構成動畫、將圖檔作透明化處理...等等。

請問在 Ulead GIF Animator 中的 Plus-Ins 對製作動畫有何幫助?
A.
Ulead GIF Animator 中的 Plus-Ins 與 Photoshop、Netscape、IE...使用的 Plus-Ins 類似,主要是用來提昇系統的功能,像說在 Ulead GIF Animator 中使用 Plus-Ins,可以很簡單地製造出有顯示特效的動畫。
第三波 『GIF 動畫製作』一書光碟中附有 Ulead GIF Animator Trail 2.0 軟體,其中就有提供 13 種不同的 Plus-Ins,可創造出各式各樣的GIF動畫顯示特效,值得網友試試。

請問如何製作會自動切換圖片的廣告看板?
A.
首先必需將每張廣告圖片製作好。
然後使用 GIF Construction Set 或 Ulead GIF Animator 將這幾張圖片結合起來即可,有下列幾特性:
  • 圖片設定方法很簡單
  • 提供各式各樣的圖片切換方式
  • 可設定圖片切換的時間

  • 何處可取得 GIF Construction Set?
    A.
    GIF Construction Set的網址如下:
    http://www.mindworkshop.com/alchemy/gifcon.html
    第三波 『GIF 動畫製作』一書光碟中附有該軟體,讀者試用後可自行購買。

    在網頁中看到喜歡的 GIF 動畫能應如何抓到該動畫?
    A.
    下載GIF動畫步驟如下:
  • 將滑鼠移到動畫上
  • 滑鼠左鍵,出現選單後
  • 選按『另存圖片』
  • 出現存檔的視窗,即可將該動畫下載至自己電腦上

  • 請問 GIF89a 的圖案格式有何特色?
    A.
    GIF89a 的檔案格式與 GIF87a 相似,只不過 GIF89a 有擴大 GIF87a 所提供的功能,在 GIF89a 中將每一個圖檔(或影像)就稱作一個框 (Frame) 或區塊 (Block),而一個 GIF89a 的檔案也與 GIF87a 一樣,可以包含數張圖檔,也就是數個框,在每個框中都可允許設定一些屬性,以製造出較具變化性或是複雜的動畫,底下就介紹 GIF89a 新擴充的一些功能
  • 可設定下張圖檔顯示的等待時間。
  • 可等待使用者敲鍵盤後,再顯示下張圖檔。
  • 可製作透明背景的圖案。
  • 允許在檔案中作備註的說明。
  • 在顯示圖檔時也可以顯示出文字。
  • 可指定每張圖檔在顯示後被移開的型式。
  • 在整個GIF89a的檔案中,尚可使用特別應用的擴充編碼格式。

  • 如何將 GIF 動畫加入網頁的設計中?
    A.
    在網頁中不管是要加入動畫或圖片,均使用 <IMG> 這個控制標籤,格式說明如下:
    <IMG SRC=URL> .... </IMG>
    URL (Uniform Resource Locator),指出這個圖檔的所在位址。通常我們都將 </IMG> 結尾的控制標籤省略,因為有沒有加上 </IMG> 亦不會影響圖形的顯示作用。

    GIF Construction Set 動畫製作軟體有何功能?
    A.
    該軟體是專門的GIF動畫製作軟體,特色簡介如下:
  • 動態跑馬燈製作
  • 圖案顯示特效製作
  • 轉 avi 檔為 GIF 動畫檔
  • GIF 動畫製作
  • GIF 動畫顯示
  • 連結繪圖軟體

  • GIF動畫與網頁有何關係?
    A.
    網頁中所見到的動畫幾乎都是 GIF 動畫的傑作,且在網頁中的動畫使用GIF來製作是最簡單的 。

    甚麼圖片才能製作成 GIF 動畫?
    A.
    像 bmp、jpg 或 gif 格式的圖片都可以製作成 GIF 動畫。

    在 Home Page 中曾看過一個會捲動的廣告看版,請問這是動畫嗎?如何製作?
    A.
    不見得是動畫,但使用下列動畫製作軟體可以達上述的效果,且製作過程很簡單。
  • GIF Construction Set。
  • Ulead GIF Animator。

  • 製作 GIF 動畫的軟體中那一個是最簡單使用的?
    A.
    下列兩種都很容易上手:
  • GIF Construction Set --- 共享軟體。
  • Ulead GIF Animator --- 付費軟體。

  • 如何將網頁中圖片的背景透明化?
    A.
  • 首先將圖檔轉成GIF的圖檔格式。
  • 再使用 GIF Construction Set 軟體將其作透明化的處理。

  • GIF 圖檔一定是動畫嗎?
    A.
    不見得所有的GIF圖檔均是會動的動畫,也可以是一般的片圖或是背景透明的圖片。

    網頁中顯示的圖片有那幾種格式?
    A.
    主要有GIF與JPG的圖檔格式,而BMP的圖檔只有 IE 瀏覽器才能顯示。

    GIF 動畫是甚麼東東?
    A.
    GIF動畫能與 Home Page 的設計結合,所謂的結合是指可將 GIF 動畫檔加入 Home Page 的設計中,且這 Home Page 經過瀏覽器的解讀後,可以正常地將此 Home Page 與動畫顯示出來。目前市面上使用最廣泛的瀏覽器有 Netscape 公司的 Navigator、communicator 與 Microsoft 公司的 Explorer,都可以支援 GIF 動畫的顯示。

    網頁中的動畫如何製作?
    A.
    在Home Page中要達到有動畫的顯示,其常見方法有使用 CGI 程式、Java 程式或建構 GIF89a 格式的動畫檔來達成動畫的效果,其中使用 CGI 或 Java 程式設計,來達到動畫的效果對一般使用者是比較困難的,主要是因為牽涉到程式設計,在製作動畫之前您還必須先學會 CGI 或 Java 程式的撰寫才行。而反觀製作 GIF89a 動畫檔,則不需要有程式設計,只要您懂得使用製作 GIF89a 動畫檔的軟體即可,市面上這種製作 GIF89a 動畫檔的軟體有不少,其中以 GIF Construction Set 與 Ulead GIF Animator 這兩個軟體最易使用,功能也最強,如果您想成為 Home Page 的設計高手,或是要讓您的 Home Page 能更吸引人,熟悉該動畫製作軟體是必要的條件。

    如何完整取得所有資料:
    如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
    凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
    詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

    結論與建議:
    本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
    本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
    強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
    本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
    一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
    本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
    本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。