GIF 數位動畫小品創作

數位出版/網路文創:多媒體篇-知識美學/數位美學之建構方法 

數位動畫設計製作程序繼承視覺設計4元素、媒體建構層次的數位影象、或數位繪圖的建構物件，以及增加數位數位動畫特殊的建構物件。

數位動畫的建構物件與技術

動畫設計與實作程序包括：認識創作分析架構與建構元素、企畫與原稿設計、匯入、順序、速度、過場、特效、調整、輸出、匯出、資源、品析、發表。

動畫進階技術包括：物件管理員面板、透明重疊、透明融接、底框與畫格進階應用、調整大小與位移、畫格多物件處理、高等微調-尺寸與對齊、畫面修飾。

數位動畫小品與 GIF 數位動畫實作

在資訊網路、數位創作興起後，數位動畫小品、或早期稱為「多媒體小品 Multimedia Title」應運而生。就是強調標示性（直譯是標題性），內容啟發性，通常很短，主體在1分鐘內，可能循環播放，是傳統繪圖的增益，也更具視覺的導引性。動畫小品尺寸具彈性，但通常比貼圖、圖示大，最大也可至全螢幕，應用也可推廣到廣告、Deco、商業美術…等。

數位動畫小品的格式有很多，最簡易的就是 GIF 數位動畫格式，以下將使用 GIF animator 分解示範。

數位數位動畫創作軟體選擇：PhotoImpact Animator

統雄老師「問題解決式學習方案」下的教學工具選擇策略是：
工具獨立性,
工具環境可供性,
工具個人應用性,
工具彈性發展性。

希望達到學文創‧不只是學軟體的目的，所以選擇 PhotoImpact Animator 作為教學工具。

臺灣的資訊產業偏向硬體生產，而友立資訊1996 問世的 PhotoImpact 是軟體業中極少的臺灣之光，而也因為不凡的成就，在 2006 年後，被美國 Corel 集團併購了。

PhotoImpact 與 Photoshop, Corel Paint 並列為高階影象處理的三巨頭，使用自行開發的 ufo 系統格式存儲，有些繪圖支援功能還超過  Photoshop，且提供數位動畫創作功能，價格卻遠低於 Photoshop。美國版的 X3 版之後，價格又大幅提升了。

PhotoImpact 8 已達完整境界，PhotoImpact 12 是臺灣品牌最後1版，功能略有增加，但改採用雲端支援，在教室集體上課會有頻寬問題，並不便利。而解決方案是同時安裝 8 和 12，在 12 使用過程中有媒材支援需求時，到本機 8 版的資料中去抓。

Windows 7 以後 PhotoImpact 的問題

Windows 7 以後 PhotoImpact 無法開啟 .ufo 檔案，除此之外，PhotoImpact 所附的數位動畫創作軟體 animator 也可能發生問題。

upi12_patch_(tc).exe

友立資訊曾提出 upi12_patch_(tc).exe 修補程式，解決這個問題，建議使用PhotoImpact 12  以下，一定要安裝執行。

但由於友立資訊的易手，官網上已經沒有這個檔案，可以到統雄老師提供的工具頁下載：

../../Tools/ Image/PhotoImpact/

Photoshop 與 PhotoImpact 比較

在 Photoshop 中，也可以製作 GIF 動畫，啟用方式為：

〉視窗

〉時間軸

出現類似 PhotoImpact 的介面，然後使用圖層區編輯。 

不過，Photoshop 不提供動畫專案檔，未來編修較費工時。 

數位數位動畫的設計建構程序

主題企畫、原稿設計

下例的原始視覺主題為「孤寂咖啡」，1張圖難以完整表達，所以使用數位動畫表現。

攝影原稿四周太雜亂，所以先作好柔邊處理，成為數位動畫原稿。

GIF Animator

數位動畫的格式有很多，最簡易的就是GIF數位動畫格式，一般作為「多媒體小品 Multimedia Title」。

從這種方法入手打好數位動畫創作基礎，再使用其他更複雜的工具，自然水到渠成。

較大型的數位動畫，則設計製作等同「數位視訊」。

Down Materials

Open ga-main.exe or switch to the package.

Choose the 'Wizard'.

使用「數位動畫精靈」協助後續程序。 　

Decide the size by the materials, however, you may change it.

尺寸選擇

數位動畫如果只是在自己的網站播放，尺寸很自由，經常是根據原稿決定。

精靈預設是圖示尺寸，將其改為原稿尺寸：800×534 px。

可按〈新增預設項目〉加入選單。

但如果考慮以後要上傳發布到YouTube ，再內嵌回網頁，就要採用常用規格。

上傳尺寸有2種規格：宜以新規格16：9（1280*720）為優先，舊規格4：3（640*480）亦可。

進一步說明，請參考視訊後製作程序之YouTube Player章節。 

速度預設

這裡可以設定速度，但實務上是到最後才調整，所以可暫時採用預設速度。

匯入

Select all original gif files.

按〈新增預設項目〉可匯入原稿。 　

軟體介面簡介

〉檢視

可以看到各種工具與面板，其中最重要的是：畫格面板，與物件管理員面板。

另外，命令列與繪圖工具面板不可隱藏。

調整順序

The interface of the Animator.

如有必要，可點選畫格，調整順序。 　

Transitions and Special Effects 過場、特效

在pdf 檔中嵌入數位動畫

Advanced Skills