2009 數 位 設 計 創 意 國 際 研 討 會 2009 International Conference on Digital Design & Creativity 論 文 集 論 文 排 序 按 下 列 類 別 : (1) 文 化 創 意 產 業 相 關 之 學 術 論 文 或 實 務

2009 數 位 設 計 創 意 國 際 研 討 會 2009 International Conference on Digital Design & Creativity 論 文 集 論 文 排 序 按 下 列 類 別 : (1) 文 化 創 意 產 業 相 關 之 學 術 論 文 或 實 務 研 究 1A 視 覺 藝 術 產 業 1B 音 樂 與 表 演 藝 術 產 業 1D 工 藝 產 業 1G 出 版 產 業 1I 設 計 產 業 1L 創 意 生 活 產 業 1N 文 化 創 意 產 業 行 銷 與 管 理 1O 其 他 (2) 應 用 設 計 與 研 究 2A 網 路 資 訊 設 計 2B 資 訊 系 統 開 發 與 創 意 設 計 2D 多 媒 體 傳 播 技 術 與 應 用 2F 電 腦 動 畫 與 視 覺 設 計 應 用 2H 其 他 (3) 創 意 設 計 研 究 3B 設 計 研 究 方 法 3C 創 意 設 計 產 業 的 研 究 3I 其 他 (4) 數 位 管 理 及 典 藏 研 究 4C 典 藏 數 位 研 究 (5) 文 化 創 意 產 業 相 關 之 創 作 與 設 計 5A 平 面 視 覺 設 計 5B 工 業 產 品 設 計 5C 遊 戲 設 計 製 作 5D 互 動 體 驗 設 計 5I 其 他 1

目 錄 (1) 文 化 創 意 產 業 相 關 之 學 術 論 文 或 實 務 研 究 大 眾 運 輸 系 統 公 共 藝 術 設 置 之 大 眾 偏 好 研 究 :... 3 台 灣 地 區 商 業 活 動 於 部 落 格 的 圖 文 表 現 研 究... 18 一 旦 紀 錄 片 成 為 當 代 藝 術 家 的 創 作 媒 材 - 以 陳 一 凡 紀 錄 片 創 作 為 例... 44 東 方 設 計 意 涵 在 文 化 創 意 商 品 運 用 之 研 究... 63 跨 越 文 化 觀 眾 與 文 字 符 號 的 互 動 影 像 展 演 :Jenny Holzer 傳 遞 觀 念 的 文 字 投 影 藝 術...77 台 南 地 區 獨 立 樂 團 文 化 之 初 探... 97 整 合 Kano 模 式 與 品 質 機 能 展 開 法 於 飾 品 設 計 之 研 究... 117 民 眾 閱 讀 科 普 出 版 品 之 調 查 研 究... 129 從 LCD 顯 示 器 高 度 與 角 度 變 化 對 肩 頸 肌 肉 疲 勞 與 舒 適 度 之 研 究... 146 台 灣 傳 統 文 具 產 業 轉 型 為 觀 光 工 廠 之 經 營 模 式 分 析... 159 仿 生 設 計 於 生 活 產 品 創 新 應 用 - 以 水 龍 頭 止 水 套 為 例... 169 自 行 車 活 動 者 之 機 能 性 紡 織 品 購 買 行 為 分 析... 182 台 灣 傳 統 產 業 閒 置 空 間 再 利 用 之 空 間 經 營 模 式 研 究 - 以 蘇 澳 白 米 社 區 為 例... 196 以 觀 光 衝 擊 的 觀 點 探 討 台 南 市 政 府 推 動 文 化 觀 光 產 業 之 成 效... 212 南 投 文 化 創 意 產 業 工 藝 產 品 之 消 費 需 求 與 感 性 意 象 初 探 - 竹 山 之 竹 藝 品 為 例... 234 偶 像 明 星 的 崇 拜 行 為 與 社 會 意 義... 245 (2) 應 用 設 計 與 研 究 運 用 圖 像 化 RSS 與 線 上 寵 物 以 增 強 部 落 格 人 機 互 動 功 能 之 研 究... 262 以 行 動 運 算 技 術 建 置 行 動 數 位 典 藏 平 台 - 以 iphone 3.0 行 動 平 台 進 行 系 統 開 發... 279 Don't Make Me Think- 設 計 臺 北 捷 運 多 媒 體 產 品... 287 將 傳 統 美 式 動 畫 之 動 畫 原 則 套 用 在 Flash 動 畫 製 作 的 技 巧... 309 入 口 網 站 客 製 化 對 用 戶 持 續 使 用 意 圖 之 研 究... 329 (3) 創 意 設 計 研 究 應 用 資 料 包 絡 分 析 法 探 討 於 家 電 產 品 關 鍵 設 計 準 則 評 估 之 研 究... 353 應 用 AHP 與 QFD 法 探 討 消 費 者 選 購 綠 色 產 品 因 素 之 研 究... 363 安 平 劍 獅 之 符 號 在 文 化 商 品 發 展 研 究... 376 淘 寶.com: 劣 幣 驅 逐 良 幣? 淺 析 淘 寶 網 創 意 產 品 的 特 性... 389 初 探 不 同 行 距 與 圖 片 位 置 對 內 文 閱 讀 舒 適 性 之 影 響... 402 好 故 事 如 何 好? 動 畫 劇 本 評 量 因 素 探 討... 416 (4) 數 位 管 理 及 典 藏 研 究 探 討 國 外 數 位 典 藏 加 值 應 用 之 研 究... 440 (5) 文 化 創 意 產 業 相 關 之 創 作 與 設 計 化 境 取 新 之 視 覺 化 表 現... 455 皮 影 戲 文 化 的 新 生 與 再 造... 477 人 形 椅 創 意 家 具 設 計 表 現 分 析... 496 3D 數 位 設 計 應 用 於 生 活 產 品 設 計 之 開 發... 515 神 將 遊 戲 創 作... 532 原 住 民 祭 典 文 化 遊 戲 設 計 暨 舞 蹈 數 位 典 藏... 548 明 式 家 具 設 計 創 作... 561 春 宮 畫 圖 案 應 用 於 性 文 化 創 意 商 品 設 計 初 探... 582 2

2F 電 腦 動 畫 與 視 覺 設 計 應 用 (1) 將 傳 統 美 式 動 畫 之 動 畫 原 則 套 用 在 Flash 動 畫 製 作 的 技 巧 將 傳 統 美 式 動 畫 之 動 畫 原 則 套 用 在 Flash 動 畫 製 作 的 技 巧 張 世 明 育 達 商 業 科 技 大 學 多 媒 體 與 遊 戲 發 展 科 學 系 專 任 講 師 zsmin@ydu.edu.tw 摘 要 Flash 是 目 前 2D 動 畫 教 學 與 製 作 使 用 最 廣 的 軟 體 Flash 的 誕 生 不 僅 降 低 以 往 製 作 平 面 動 畫 的 門 檻, 同 時 也 促 使 了 動 畫 製 作 的 普 及 然 而 Flash 所 製 作 出 的 2D 動 畫, 受 到 軟 體 本 身 屬 性 的 限 制, 以 及 國 內 軟 體 課 程 與 動 畫 教 育 兩 者 之 間 的 隔 閡, 致 使 大 多 數 Flash 動 畫 都 予 人 單 調 扁 平 動 態 感 薄 弱 的 印 象 本 文 將 探 討 把 傳 統 美 式 動 畫 所 運 用 的 動 畫 原 則, 套 用 在 Flash 動 畫 中 的 作 法 時 所 產 生 的 效 果 運 用 的 結 果 顯 示, 先 明 瞭 傳 統 美 式 動 畫 的 表 演 原 理, 再 利 用 Flash 內 的 變 形 (transform) 功 能 套 用 在 單 一 元 件 (symbol) 上, 不 需 要 再 增 加 補 間 動 畫 (in-between) 的 影 格 數 (frame), 就 可 以 營 造 出 類 似 的 動 畫 效 果 本 研 究 藉 此 整 理 提 出 有 系 統 性 的 技 巧, 讓 所 有 使 用 Flash 製 作 動 畫 的 人 能 夠 學 習 依 循, 以 便 有 效 率 地 作 出 具 有 動 態 感 的 Flash 動 畫 關 鍵 字 :Flash 動 畫 動 畫 原 則 美 式 動 畫 ( 卡 通 ) 動 畫 教 學 309

The Flash animation guided by the animation principles of traditional American animation ABSTRACT The demand for 2D animation has grown dramatically since the introduction of Flash authoring tool. With its easy-to-use capabilities, Flash has soon become popular in both the animation industry and academy. However, many people, who lacked traditional animation training and focused only on the tool itself, can deliver a rather weak content. This paper proposes a new approach to produce the Flash animation by following the animation principle, which is widely adopted by the traditional American animation. By applying this new approach, the stunning animation effects can be easily achieved with lesser frames, compared with the superficial method. This paper also presents a systematic guidance for animators to create a lifelike Flash animation. Keywords: Flash Animation, Animation Principles, American Animation (Cartoon), Animation Teaching. 310

一 研 究 動 機 與 目 的 1.1 研 究 動 機 筆 者 在 擔 任 教 職 之 前, 長 期 從 事 漫 畫 繪 製 工 作, 後 因 體 察 到 國 內 漫 畫 創 作 環 境 與 市 場 等 不 佳 情 況, 選 擇 進 入 國 立 台 南 藝 術 學 院 ( 今 台 南 藝 術 大 學 ) 音 像 動 畫 研 究 所 進 修 修 習 期 間, 考 慮 個 人 原 有 手 繪 專 長, 選 擇 平 面 與 2D 動 畫 作 為 研 究 領 域, 於 2D 動 畫 創 作 上, 則 選 擇 使 用 當 時 的 Flash 4 作 為 工 具 使 用 Flash 作 為 2D 動 畫 創 作 的 工 具, 主 因 是 當 時 所 能 接 觸 到 的 2D 動 畫 軟 體 中,Flash 是 可 以 直 接 在 一 般 個 人 桌 上 型 電 腦 安 裝 使 用, 學 習 資 源 也 最 容 易 取 得 的 軟 體 嚴 格 說,Flash 這 款 軟 體 的 設 計 用 途 是 製 作 具 有 互 動 性 的 動 態 多 媒 體 網 頁,2D 動 畫 製 作 只 是 Flash 發 展 出 的 功 能 之 一 罷 了, 但 是 Flash 內 具 備 向 量 繪 圖 的 功 能, 介 面 使 用 直 覺 而 簡 便, 給 予 動 畫 製 作 極 佳 的 便 利 性, 加 上 Flash 動 畫 藉 著 電 子 郵 件 首 頁 開 頭 動 畫 專 營 網 路 動 畫 網 站 等 的 推 廣, 曾 經 一 度 Flash 幾 乎 成 了 2D 動 畫 的 同 義 詞, 不 少 動 畫 愛 好 者 衝 著 這 點 而 學 習 Flash, 而 有 更 多 人 因 為 Flash 而 接 觸 到 2D 動 畫 一 款 Flash 可 以 涵 蓋 的 數 位 媒 體 類 型 有 動 態 網 頁 2D 動 畫 2D 遊 戲 互 動 多 媒 體 等 等, 於 是 乎 從 高 職 專 科 到 大 學 院 校 的 相 關 數 位 媒 體 科 系, 課 程 架 構 中 絕 對 都 少 不 了 Flash,Flash 的 多 樣 面 向 和 學 習 簡 易, 讓 背 景 迥 異 的 各 路 師 資 都 能 以 此 開 課 教 學 啟 動 Flash, 所 看 到 的 介 面 配 置, 最 主 要 的 就 是 上 方 的 時 間 軸 (timeline) 以 及 下 方 的 舞 台 (stage), 再 看 左 側 搭 配 的 工 具 面 板 (tools), 在 功 能 上 這 些 都 是 美 術 設 計 類 軟 體 的 介 面, 特 別 是 時 間 軸, 這 是 動 態 影 音 類 ( 動 畫 影 片 音 效 ) 軟 體 必 有 的 介 面 Flash 在 教 程 上 是 從 使 用 向 量 繪 圖 工 具 開 始, 接 著 是 學 習 使 用 補 間 動 畫, 再 來 藉 著 按 鈕 元 件 的 製 作 與 設 定, 開 始 進 入 ActionScript 也 是 Flash 程 式 語 言 認 識 與 編 寫 的 學 習 一 般 美 術 視 覺 背 景 的 老 師 教 授 Flash 課 程, 到 ActionScript 的 章 節 就 算 是 個 界 限 了, 但 資 訊 理 科 背 景 的 老 師, 面 對 ActionScript 就 如 同 烹 小 鮮, 雖 然 前 段 是 向 量 繪 圖 工 具 與 動 畫 製 作 的 教 學, 通 常 只 要 依 樣 畫 葫 蘆 講 解 都 可 以 達 成 教 學, 至 於 如 何 製 作 出 具 體 有 形 甚 至 有 效 果 的 動 畫, 則 是 學 生 各 自 要 下 的 功 夫 於 是 在 各 個 311

數 位 的 平 台 上, 我 們 看 到 很 多 Flash 動 畫 的 展 現, 僅 僅 是 把 圖 像 物 件 在 畫 面 中 移 來 移 去 或 是 套 用 教 學 光 碟 的 內 容, 使 一 般 大 眾 都 認 為 Flash 動 畫 的 面 貌 僅 是 如 此, 簡 單 平 板 沒 有 豐 富 的 層 次 與 動 態, 但 問 題 並 不 在 Flash 軟 體 本 身 就 筆 者 動 畫 背 景 的 本 位 立 場, 觀 察 到 國 內 軟 體 教 學 上 的 一 種 普 遍 現 象 與 認 知, 就 是 教 完 軟 體 的 操 作 與 使 用, 就 等 於 教 會 了 學 生 一 項 數 位 技 能, 就 以 Flash 來 說, 教 完 向 量 繪 圖 工 具 的 使 用 和 補 間 動 畫 的 作 法, 咸 認 為 就 算 是 已 經 教 會 學 生 製 作 2D 動 畫 也 因 此 另 外 觀 察 到, 不 少 電 機 資 訊 背 景 的 師 資, 因 為 教 授 動 畫 或 視 覺 設 計 的 相 關 軟 體, 就 在 個 人 專 長 的 部 份, 列 出 電 腦 動 畫 " 電 腦 繪 圖 " 多 媒 體 製 作 " 等 項 目 就 學 習 一 款 電 腦 軟 體 的 情 況 而 言, 學 會 應 用 軟 體 之 前, 絕 對 是 要 先 認 識 熟 悉 介 面 的 功 能 與 操 作 方 式, 但 卻 往 往 忽 略, 學 會 軟 體 操 作 後, 如 何 能 夠 善 用 並 達 到 效 果, 才 是 當 初 軟 體 教 學 的 目 的 再 用 一 個 更 淺 顯 的 比 喻 : 會 使 用 墨 條 在 硯 台 磨 墨 然 後 手 持 毛 筆 沾 墨 寫 字, 會 這 些 動 作 程 序 並 不 見 得 會 寫 出 漂 亮 的 字, 更 不 可 能 就 成 為 書 法 家 軟 體 ( 工 具 ) 不 等 於 專 長, 特 別 是 在 藝 術 或 設 計 領 域 裡, 在 軟 體 學 會 之 後, 應 該 還 必 須 接 續 整 體 應 用 的 實 務 創 作 訓 練, 否 則 就 無 法 展 現 軟 體 的 功 能 與 效 益 如 果 教 學 的 時 數 有 限 如 果 現 有 的 授 課 師 資 無 法 完 全 契 合, 就 必 須 要 有 一 套 作 法, 在 軟 體 操 作 教 學 的 過 程 中, 加 入 藝 術 實 作 的 法 則 或 概 念, 能 夠 在 學 習 介 面 操 作 之 後, 可 以 迅 速 有 效 掌 握 實 作 要 領, 以 妥 善 發 揮 軟 體 效 能 1.2 研 究 目 的 建 立 一 套 簡 易 Flash 動 畫 的 動 態 感 產 生 法, 可 以 讓 沒 有 較 佳 動 畫 描 繪 能 力 或 是 對 動 畫 表 演 沒 有 概 念 的 人, 僅 僅 使 用 Flash 內 建 自 動 產 生 補 間 動 畫 功 能 及 圖 像 變 形 功 能, 在 不 增 加 手 繪 張 數 只 使 用 元 件 的 情 況 下, 仍 然 可 以 製 作 具 有 動 態 感 的 Flash 動 畫 二 文 獻 探 討 在 文 獻 探 討 的 資 料 研 究 上, 主 要 分 為 兩 個 方 向 : 一 是 在 傳 統 平 面 動 畫 312

中, 探 討 讓 動 畫 角 色 活 潑 生 動 的 描 繪 法 則 與 原 理 ; 二 是 在 電 腦 2D 動 畫 教 材 中, 探 尋 在 基 本 軟 體 介 面 與 操 作 教 學 之 外, 如 何 運 用 軟 體 既 有 功 能, 使 動 畫 角 色 產 生 生 動 動 態 的 作 法 2.1 所 謂 的 動 畫 十 二 原 則 ( 一 ) The Illusion of Life Disney Animation,Frank Thomas and Ollie Johnston,Walt Disney Production,1984(Rev. ed.) 這 本 書 是 由 迪 士 尼 九 位 元 老 級 動 畫 師 被 稱 為 九 大 老 (Nine Old Men) 中 的 兩 位 Frank Thomas(1912~2004) 與 Ollie Johnston(1912~2008) 所 編 撰, 普 遍 被 認 定 是 對 於 角 色 動 畫 類 型 研 究 最 完 整 與 透 徹 的 一 本 經 典, 在 AWN(Animation World Network) 一 次 歷 來 最 佳 動 畫 研 究 書 籍 的 網 路 票 選 中 獲 得 第 一 名 書 中 展 示 了 迪 士 尼 在 製 作 傳 統 平 面 電 影 動 畫 長 片 的 全 盛 時 期, 這 群 幕 後 推 手 耕 耘 多 年 所 累 積 凝 聚 的 動 畫 營 造 技 法, 因 此 從 動 畫 技 法 初 學 者 到 專 業 動 畫 人, 這 本 書 經 常 是 必 備 的 參 考 資 料 關 於 迪 士 尼 動 畫 角 色 表 演 風 格 及 其 如 何 造 作 的 核 心 法 則, 就 在 書 中 的 第 三 章 The Principles of Animation 作 專 章 講 述, 所 列 舉 的 動 畫 原 則 共 有 十 二 項 : 1. Squash and Stretch ( 擠 壓 與 伸 展 ) 2. Anticipation ( 預 備 動 作 ) 3. Staging ( 表 演 舞 台 化 ) 4. Straight Ahead Action and Pose to Pose ( 接 續 動 作 法 與 關 鍵 動 作 法 ) 5. Follow Through and Overlapping Action ( 帶 隨 與 重 疊 動 作 ) 6. Slow In and Slow Out ( 慢 進 與 慢 出 ) 7. Arcs ( 弧 線 ) 8. Secondary Action ( 次 要 動 作 ) 9. Timing ( 時 間 點 ) 10. Exaggeration ( 誇 張 ) 11. Solid Drawing ( 實 體 感 的 描 繪 ) 12. Appeal ( 吸 引 力 ) 十 二 項 動 畫 原 則, 是 迪 士 尼 內 部 訓 練 與 指 導 動 畫 描 繪 時, 在 作 業 溝 通 與 檢 視 上, 行 之 多 年 慣 常 援 引 的 要 點 法 則 稍 加 檢 視 這 十 二 項 的 動 畫 原 則, 會 313

發 現 每 條 彼 此 之 間 的 性 質 不 盡 相 同, 有 的 原 則 比 如 實 體 感 的 描 繪 (Solid Drawing) 應 該 是 對 動 畫 師 手 繪 技 能 的 要 求, 有 的 原 則 比 如 吸 引 力 (Appeal) 則 屬 於 感 性 認 知 上 的, 會 因 個 人 想 像 理 解 的 程 度 不 一, 而 產 生 不 同 的 風 情, 更 可 能 會 有 國 情 和 文 化 上 的 差 異 因 此 這 十 二 原 則 並 非 通 行 於 動 畫 業 界 作 畫 的 準 則 圭 臬, 像 是 在 日 本 的 動 畫 教 學 書 中 就 不 會 看 到, 即 使 同 為 美 式 動 畫 的 其 他 教 學 書 中, 也 許 可 以 看 到 其 中 幾 項, 但 不 會 十 二 項 全 盤 列 出 或 作 類 似 性 質 的 表 列 然 而 這 十 二 原 則, 全 面 地 呈 現 了 美 國 卡 通 式 動 畫 風 格 之 所 以 產 生 的 描 繪 原 理, 在 不 同 的 美 式 動 畫 教 學 書 中, 儘 管 各 家 教 程 不 同, 但 所 展 現 出 的 美 感 和 趣 味 卻 是 如 出 一 轍 ( 二 ) Advanced Animation Learn how to Draw Animated Cartoons, Preston Blair,Walter T. Foster,1947 作 者 Preston Blair(1908~1994) 是 美 國 資 深 的 動 畫 工 作 者, 於 1930 年 代 後 期 進 入 迪 士 尼 工 作 室, 在 1941 年 著 名 的 動 畫 師 罷 工 事 件 後 離 開 迪 士 尼, 旋 即 進 入 米 高 梅 (MGM, Metro Goldwyn Mayer) 片 廠 動 畫 部 門, 他 最 為 人 熟 知 的 動 畫 成 績, 就 是 將 改 編 自 童 話 裡 的 小 紅 帽 (Little Red Riding Hood) 成 為 性 感 冶 艷 的 動 畫 人 物 Red Hot Riding Hood 塑 造 詮 釋 地 活 靈 活 現, 讓 Red Hot Riding Hood 成 為 當 時 動 畫 影 片 中 知 名 的 尤 物 象 徵, 後 來 還 不 斷 在 其 他 動 畫 影 片 中 反 覆 演 出 而 Preston Blair 另 一 個 為 人 所 樂 道 的, 就 是 在 動 畫 教 學 方 面 擁 有 多 本 著 述, 早 在 1947 年 就 出 版 了 第 一 本 也 就 是 這 本 Advanced Animation Learn how to Draw Animated Cartoons, 不 過 因 為 這 本 書 使 用 當 時 米 高 梅 動 畫 影 片 的 卡 通 角 色 與 原 畫 資 料, 產 生 角 色 肖 像 與 圖 版 使 用 權 的 問 題, 而 遭 到 下 架 Preston Blair 只 好 將 所 有 米 高 梅 動 畫 角 色 的 部 份 修 飾 或 重 畫, 書 名 略 改 為 Animation Learn how to Draw Animated Cartoons, 在 1948 年 重 新 發 行 Preston Blair 這 本 動 畫 教 學 書 的 篇 幅 僅 僅 40 頁, 文 字 敘 述 的 部 份 不 多, 書 中 使 用 大 量 的 動 畫 圖 像, 活 潑 而 直 接 的 說 明 展 示, 如 何 將 卡 通 人 物 活 靈 活 現 的 描 繪 以 及 如 何 畫 出 生 動 有 趣 的 表 演 動 作, 當 時 美 國 動 畫 工 作 者 所 使 用 的 卡 通 式 動 畫 作 畫 法 在 書 中 一 覽 無 遺, 並 且 淺 顯 易 懂 不 過 就 本 書 的 章 節 安 排 來 看, 沒 有 章 節 的 排 序 編 碼, 篇 章 的 分 段 也 不 明 確, 教 學 的 內 容 依 順 序 為 : 卡 通 人 物 的 頭 部 描 繪 法 卡 通 人 物 的 身 體 結 構 與 骨 架 姿 態 的 描 繪 各 類 卡 314

通 角 色 的 描 繪 要 點 手 部 臉 部 表 情 球 體 彈 跳 的 原 理 身 體 區 塊 的 動 態 兩 足 體 的 動 態 四 足 體 的 動 態 對 話 的 口 型 等 嚴 格 說 並 沒 有 系 統 性 與 條 列 化 的 說 明, 但 大 致 仍 有 從 初 始 到 進 階 的 前 後 順 序 安 排 這 本 早 期 的 動 畫 教 學 書, 若 依 照 其 頁 面 標 題 作 為 重 點, 拿 來 對 照 後 來 迪 士 尼 的 動 畫 十 二 原 則, 發 現 雷 同 是 Squash and Stretch 和 Follow Through and Overlapping Action ( 參 見 表 2.1.2) 目 前 沒 有 文 獻 明 確 的 指 出, 到 底 是 何 人 何 時 何 地, 將 這 兩 項 被 認 為 是 美 式 卡 通 動 畫 的 基 本 描 繪 技 巧, 可 使 手 繪 的 動 畫 角 色 彷 彿 擁 有 表 演 生 命 和 物 理 性 動 態 的 誇 張 畫 法 給 訂 立 出 來, 早 在 1920 年 代 菲 力 貓 (Felix the Cat) 和 貝 蒂 小 姐 (Betty Boop) 等 美 國 動 畫 發 展 初 期 的 作 品 中, 這 些 表 現 技 巧 都 已 經 被 應 用 了, 所 以 也 無 法 斷 言 Preston Blair 是 否 為 最 早 立 論 的 人 表 2.1.2 Preston Blair 動 畫 教 學 標 題 與 迪 士 尼 動 畫 原 則 雷 同 表 資 料 來 源 :Preston Blair Advanced Animation Learn how to Draw Animated Cartoons (1947), Frank Thomas and Ollie Johnston The Illusion of Life Disney Animation (1984) Preston Blair 教 學 標 題 Stretch and Squash on Heads(p.2) Overlapping Action Follow Thru Squash + Stretch(p.33) Line of Action(p.5) Movement of Body Masses(p.23) Line of Action in Animation(p.32) 說 明 原 始 標 題 就 是 : 重 疊 動 作 帶 隨 擠 壓 + 伸 展 書 中 以 Line of Action" 一 語 來 稱 呼 動 畫 角 色 動 作 的 動 線 軌 跡 及 體 態 主 線, 至 於 是 何 種 型 態 的 線, 則 以 圖 顯 示 雷 同 之 處 迪 士 尼 動 畫 原 則 Squash Stretch 標 題 不 同, 內 容 相 同 and Follow Through and Overlapping Action Arcs 2.2 將 傳 統 動 畫 概 念 帶 入 2D 動 畫 的 工 具 書 ( 一 ) 2D 動 畫 特 攻 隊, 陳 建 宏, 龍 眾 新 媒 體 股 份 有 限 公 司,2007 說 明 角 色 動 作 其 動 線 軌 跡 的 型 態 此 書 是 一 款 2D 動 畫 軟 體 TBS(Toon Boom Studio) 的 工 具 教 學 書, 作 者 是 國 內 資 深 的 動 畫 從 業 人 員, 經 歷 過 1980 年 代 台 灣 動 畫 產 業 OEM(Original 315

Equipment Manufacturer 原 始 設 備 製 造 商 縮 寫 OEM 業 者, 由 原 始 設 備 製 造 商 提 供 生 產 技 術 與 規 格, 來 進 行 委 託 製 造, 即 所 謂 的 代 工 ) 的 全 盛 時 期, 因 此 傳 統 手 繪 平 面 動 畫 的 技 能 相 當 純 熟, 這 本 書 封 面 標 示 強 調 剖 析 十 三 項 動 畫 原 則 ", 作 者 於 自 序 中 表 示 : 了 解 十 三 項 原 則 之 後, 無 論 你 使 用 什 麼 軟 體 製 作 動 畫, 你 都 能 表 現 出 生 動 的 影 片 來, 顯 見 一 個 專 業 動 畫 工 作 者, 在 面 對 數 位 工 具 時, 仍 堅 持 以 傳 統 手 繪 技 法 作 為 基 礎, 不 希 望 學 習 者 過 於 寄 望 軟 體 的 便 利 性 或 拘 泥 於 不 同 的 軟 體 種 類 書 中 第 四 章 第 一 節 即 專 門 講 解 十 三 項 動 畫 原 則, 不 過 作 者 卻 在 講 解 之 前 的 說 明 中, 直 言 坦 承 個 人 在 所 謂 動 畫 原 則 上 的 經 驗 : 這 次 負 責 本 書 的 編 輯 提 出 要 將 動 畫 十 三 項 原 則 也 寫 進 去, 老 實 說 我 還 真 沒 聽 過 這 個 名 詞 呢! 問 了 同 事, 也 詢 問 了 我 從 事 動 畫 近 30 年 的 老 師, 都 說 沒 聽 過, 最 後 編 輯 將 資 料 整 理 給 我, 才 突 然 發 現, 原 來 動 畫 十 三 項 原 則 指 的 是 這 些 啊! 早 年 台 灣 動 畫 是 師 徒 制, 並 沒 有 系 統 性 地 將 這 些 名 詞 整 理 出 來, 當 然 也 可 能 有 師 父 將 這 些 經 驗 技 術 私 藏 起 來, 未 授 與 徒 弟, 這 次 龍 眾 新 媒 體 公 司 為 動 畫 製 作 傳 承 不 遺 餘 力, 毫 不 保 留 公 開 了 這 個 秘 密, 很 明 確 的, 作 者 從 事 動 畫 工 作 二 十 多 年, 參 與 過 當 時 日 美 多 部 動 畫 影 集 的 OEM 生 產, 包 括 其 同 業 甚 或 工 作 上 的 老 師, 卻 都 未 曾 知 悉 所 謂 的 動 畫 原 則, 足 證 這 並 非 業 界 明 確 參 照 使 用 的 準 則 作 者 根 據 本 書 編 輯 提 供, 所 列 的 十 三 項 原 則 如 下 :1. 預 備 動 作 ;2. 擠 壓 與 伸 展 ;3. Staring 場 景 的 安 排 與 故 事 的 呈 現 ;4. Pose to Pose,Straight Ahead Action;5. 跟 隨 ;6. 跟 隨 及 動 作 重 疊 ;7. 緩 進 緩 出 ;8. 次 要 動 作 ;9. 時 間 的 掌 握 ;10. 誇 張 的 趣 味 ;11. 加 強 繪 畫 實 力 ;12. 感 染 力 ;13. 8 字 原 則 綜 觀 這 十 三 項 原 則, 應 該 可 以 肯 定 就 是 來 自 迪 士 尼 的 十 二 項 動 畫 原 則, 或 許 是 傳 抄 之 間 出 了 謬 誤, 在 跟 隨 及 動 作 重 疊 之 外 又 再 多 了 一 項 跟 隨, 因 此 十 二 項 變 成 十 三 項 ; Staring 應 為 Staging 的 筆 誤 ; 加 強 繪 畫 實 力 應 是 指 能 夠 描 繪 具 有 實 體 感 的 繪 畫 能 力 ; 所 謂 的 8 字 原 則 可 能 是 原 來 十 二 原 則 中 的 Arcs ( 弧 線 ) TBS(Toon Boom Studio) 是 被 設 計 用 來 專 門 製 作 2D 動 畫 的 軟 體, 由 於 跟 Flash 同 樣 都 是 採 取 向 量 繪 圖, 所 以 在 很 多 功 能 的 操 作 或 概 念 上 都 與 Flash 類 似, 但 對 一 般 的 使 用 者 來 說, 在 製 作 2D 動 畫 上 TBS 沒 有 像 Flash 那 樣 直 316

接 " 簡 便 ", 比 如 說 TBS 無 法 自 動 產 生 移 動 補 間 動 畫, 必 須 使 用 路 徑 功 能, 然 後 在 路 徑 的 屬 性 設 定 面 板 中, 作 各 細 項 的 調 整 ; 另 外,TBS 將 製 作 分 為 繪 圖 (drawing) 動 畫 (sceneplanning) 兩 種 模 式, 繪 圖 模 式 裡 是 以 律 表 (Exposure Sheet) 為 時 間 軸, 而 在 動 畫 模 式 則 以 角 色 時 間 表 (Timeline) 為 時 間 軸, 必 須 要 先 在 繪 圖 模 式 進 行 補 間 動 畫 的 繪 製, 再 切 換 到 動 畫 模 式 作 畫 面 構 圖 及 各 圖 層 路 徑 的 設 定, 在 動 畫 模 式 中 作 業, 使 用 者 必 須 動 手 作 逐 格 的 畫 面 繪 製 或 設 定 書 中 在 第 四 章 第 一 節 講 解 十 三 項 動 畫 原 則 後, 在 第 五 章 全 章 講 解 十 三 項 原 則 應 用, 所 謂 應 用, 是 將 所 認 識 的 十 三 項 原 則 應 用 在 以 手 繪 逐 格 描 繪 各 種 基 本 物 件 動 態, 除 了 工 具 與 介 面 是 數 位 之 外, 所 有 步 驟 與 教 程 都 與 傳 統 手 繪 平 面 動 畫 無 異 顯 然 這 本 書 納 入 十 三 項 動 畫 原 則 的 用 意, 是 希 望 學 習 TBS 的 讀 者, 運 用 傳 統 手 繪 動 畫 的 作 法, 進 行 逐 格 的 畫 面 描 繪, 完 全 不 假 軟 體 與 程 式 的 功 能, 是 標 準 與 紮 實 的 動 畫 教 學 ( 二 ) Adobe Certified Associate(ACA) 國 際 認 證 -Adobe Flash CS3 多 媒 體 設 計 與 網 站 動 畫, 趙 英 傑, 上 奇 科 技,2008 這 是 一 本 完 全 針 對 Adobe Flash CS3 的 出 品 廠 商 Adobe 與 國 際 認 證 機 構 Certiport 所 辦 ACA(Adobe Certified Associate) 證 照 考 試 而 編 寫 的 工 具 教 學 書, 內 容 完 全 以 通 過 認 證 考 試 為 目 標, 書 中 各 章 節 詳 細 講 解 軟 體 的 各 項 功 能 與 基 礎 操 作, 並 無 深 入 與 進 階 的 章 節 或 案 例, 各 章 末 與 全 書 結 尾 的 試 題, 也 全 是 因 應 考 試 的 模 擬 習 題 書 中 第 七 章 製 作 元 件 與 動 畫 裡, 開 始 談 到 動 畫 原 理, 並 講 解 學 習 Flash 中 形 狀 補 間 動 畫 (Shape Tween) 功 能 到 第 八 章 進 階 動 畫 技 法, 從 逐 格 動 畫 的 作 法 講 起, 再 介 紹 Flash 中 的 移 動 補 間 動 畫 (Motion Tween), 接 著 一 連 串 展 示 了 運 用 移 動 補 間 動 畫 及 其 他 功 能 可 以 創 造 的 各 式 動 畫 效 果, 其 中 8.8 透 過 扭 曲 圖 像 產 生 快 節 奏 的 動 畫 一 節 裡, 示 範 了 利 用 自 由 變 形 工 具 在 單 一 元 件 魚 上, 製 作 了 魚 兒 一 溜 煙 游 出 畫 面 的 小 動 畫 ( 參 見 圖 2.2.2) 作 者 未 提 及 任 何 跟 美 式 卡 通 或 動 畫 原 則 相 關 的 字 眼 或 是 概 念, 可 是 從 魚 兒 溜 出 畫 面 的 補 間 動 畫 7 個 影 格 作 逐 格 觀 察, 這 段 小 動 畫 已 經 運 用 到 迪 士 尼 動 畫 原 則 中 預 備 動 作 擠 壓 與 伸 展 慢 進 等 原 理 317

圖 2.2.2 透 過 扭 曲 圖 像 產 生 快 節 奏 的 動 畫 移 動 補 間 動 畫 ( 元 件 線 條 另 經 過 刪 減 ) 資 料 來 源 : 趙 英 傑 ACA 國 際 認 證 -Adobe Flash CS3 (2008) 這 個 範 例 不 但 顯 露 作 者 能 夠 理 解 並 揣 摩 美 式 卡 通 的 動 態 原 理, 並 且 還 巧 妙 地 在 自 己 擅 長 的 Flash 軟 體 中 輕 鬆 應 用, 簡 單 地 營 造 了 擁 有 動 態 感 的 效 果, 雖 然 作 者 沒 有 解 釋 作 法 原 理 或 箇 中 奧 妙, 也 未 呈 現 其 可 依 循 的 標 準 步 驟, 但 在 市 面 繁 多 的 Flash 教 學 書 中, 是 罕 見 將 真 正 動 畫 作 法 融 入 相 關 章 節 的 一 本 三 研 究 設 計 作 為 一 位 動 畫 創 作 者 與 教 學 者, 在 第 一 章 所 述 之 發 現 問 題 產 生 研 究 動 機 進 而 建 立 期 望 之 研 究 目 標 的 過 程 中, 事 實 上 在 平 常 個 人 動 畫 創 作 的 同 時, 已 經 有 意 識 或 無 意 識 地 進 行 各 種 可 能 的 試 作, 加 上 其 間 對 相 關 文 獻 資 料 的 反 覆 琢 磨 推 敲, 逐 漸 形 塑 出 解 決 問 題 的 實 作 作 法, 只 是 此 前 尚 未 將 這 些 作 法 的 原 則 與 模 式 予 以 條 理 化 這 次 的 研 究 目 的 也 就 是 建 立 一 套 在 Flash 軟 體 中 的 制 式 作 法, 讓 動 畫 描 繪 能 力 欠 佳 的 人, 在 不 增 加 手 繪 張 數 的 情 況 下, 使 用 Flash 內 現 有 的 功 能, 製 作 具 有 動 態 感 的 Flash 動 畫 為 符 合 研 究 目 的, 勢 必 會 對 之 前 累 積 的 實 作 經 驗, 設 下 了 篩 選 的 規 範, 雖 然 可 能 制 約 了 動 畫 創 作 的 自 由 度 和 多 變 性, 然 而 這 些 限 制 也 為 研 究 結 果 訂 下 了 明 確 的 條 件 根 據 研 究 目 的, 其 實 這 些 條 件 已 經 描 述 在 其 中, 所 有 可 行 的 實 作 作 法 都 必 須 符 合 這 些 條 件 3.1 不 增 加 手 繪 張 數, 僅 針 對 單 一 元 件 (symbol) 對 大 多 數 動 畫 描 繪 能 力 欠 佳 的 Flash 使 用 者 而 言, 傳 統 平 面 動 畫 最 讓 人 318

卻 步 的, 就 是 動 畫 角 色 上 個 姿 勢 和 下 個 姿 勢 之 間, 那 些 漸 次 移 動 變 化 的 分 解 動 作 畫 面, 亦 即 補 間 動 畫 的 描 繪, 是 非 動 畫 工 作 者 最 感 繁 複 與 艱 難 之 處 所 以 一 般 人 所 製 作 的 Flash 動 畫, 主 要 的 都 是 將 單 一 元 件 做 移 動 補 間 動 畫, 若 行 有 餘 力 或 希 望 呈 現 更 具 動 態 的 效 果 時, 有 些 人 就 適 時 增 加 補 間 動 畫 的 張 數, 簡 單 表 現 一 個 完 整 的 動 作 然 而 這 個 張 數 多 寡 的 拿 捏 與 運 用, 完 全 視 個 人 的 動 畫 描 繪 能 力 和 動 畫 表 演 安 排 設 計 而 定, 為 了 使 研 究 目 的 和 結 果 明 確 呈 現, 也 是 要 讓 更 多 Flash 使 用 者 能 夠 適 用, 決 定 採 用 最 低 限 作 法, 僅 針 對 單 一 元 件 使 用 3.2 使 用 Flash 內 現 有 的 功 能, 輔 助 單 一 元 件 作 多 樣 的 變 形 在 Flash 中 不 增 加 手 繪 張 數 僅 使 用 單 一 元 件 的 情 況 下, 所 製 作 的 移 動 補 間 動 畫 會 很 平 板,Flash 使 用 者 都 知 道,Flash 的 移 動 補 間 動 畫 功 能 可 以 讓 單 一 元 件 在 動 畫 中 作 位 移 放 大 縮 小 旋 轉 ( 含 斜 切 及 反 轉 ) 變 色 ( 含 透 明 度 改 變 ) 等 變 化, 大 多 數 使 用 者 僅 會 在 一 次 的 移 動 補 間 動 畫 中 使 用 單 一 種 變 化, 其 實 這 些 變 化 是 可 以 同 時 使 用 的, 特 別 是 縮 放 與 旋 轉 的 變 化, 可 以 讓 單 一 元 件 產 生 形 體 上 的 變 形, 讓 元 件 不 會 很 刻 板 的 以 原 樣 呈 現 此 外,Flash 在 使 圖 像 變 形 的 功 能 上, 還 有 分 封 線 及 扭 曲 這 兩 項, 不 過 這 兩 項 功 能 無 法 套 用 在 元 件 ( 包 括 群 組 化 物 件 ) 上, 必 須 先 把 要 套 用 的 元 件 執 行 打 散 指 令, 解 除 元 件 封 閉 " 狀 態 成 為 一 般 圖 像 後 才 能 使 用 3.3 選 用 動 畫 十 二 原 則 中, 將 物 體 動 態 誇 張 的 作 法 在 迪 士 尼 的 十 二 項 動 畫 原 則 裡, 每 項 原 則 之 間 的 性 質 並 不 盡 相 同, 比 如 說 像 誇 張 (Exaggeration) 吸 引 力 (Appeal) 表 演 舞 台 化 (Staging) 等 原 則, 其 表 現 的 程 度 和 方 式, 是 涉 及 到 個 人 感 性 認 知 上, 會 因 個 人 想 像 力 個 性 藝 術 素 養 甚 至 是 領 悟 力 的 不 同, 而 各 異 其 趣 但 像 弧 線 (Arcs) 這 種 原 則, 是 有 明 確 的 樣 式 可 以 檢 視 的 因 此 必 須 在 這 些 性 質 各 異 的 原 則 中, 檢 選 可 被 客 觀 仿 效 套 用 的, 表 3.3 是 嘗 試 將 動 畫 十 二 原 則 依 性 質 作 分 類 歸 納 從 表 3.3 對 迪 士 尼 動 畫 十 二 原 則 所 作 的 分 類, 要 為 無 專 業 動 畫 訓 練 與 素 養 的 尋 常 Flash 使 用 者, 先 行 刪 去 難 以 套 用 與 遵 循 的 動 畫 原 則 排 除 涉 及 繪 319

畫 訓 練 的 Solid Drawing( 實 體 感 的 描 繪 ) 與 細 節 描 繪 的 Secondary Action( 次 要 動 作 ), 排 除 與 描 繪 補 間 動 畫 及 其 動 線 軌 跡 有 關 的 Straight Ahead Action and Pose to Pose( 接 續 動 作 法 與 關 鍵 動 作 法 ) 和 Arcs( 弧 線 ), 排 除 牽 涉 個 人 感 性 認 知 的 Exaggeration( 誇 張 ) Appeal( 吸 引 力 ) Staging( 表 演 舞 台 化 ) Timing ( 時 間 點 ) 等, 以 上 共 八 項 剩 下 Anticipation( 預 備 動 作 ) Squash and Stretch( 擠 壓 與 伸 展 ) Follow Through and Overlapping Action( 帶 隨 與 重 疊 動 作 ) Slow In and Slow Out( 慢 進 與 慢 出 ) 這 四 項, 是 屬 於 動 畫 角 色 產 生 誇 張 動 態 的 作 法, 這 四 項 作 法 有 明 確 具 體 的 動 作 模 式 可 以 依 循 仿 效, 其 結 果 也 可 以 對 照 檢 視 再 進 一 步 分 析 這 四 項 原 則, 都 是 對 角 色 在 表 演 及 動 作 時, 造 作 出 強 化 動 態 的 作 法, 這 些 強 化 的 動 態, 都 是 依 據 動 作 力 道 的 物 理 性, 將 動 作 誇 張, 作 視 覺 性 表 演 性 的 強 調 顯 現, 在 Flash 中 可 利 用 圖 像 變 形 的 功 能 來 模 擬 作 出 表 3.3 迪 士 尼 動 畫 十 二 原 則 分 類 表 動 畫 十 二 原 則 說 明 性 質 Anticipation ( 預 備 動 作 ) Squash and Stretch ( 擠 壓 與 伸 展 ) Follow Through and Overlapping Action ( 帶 隨 與 重 疊 動 作 ) Slow In and Slow Out ( 慢 進 與 慢 出 ) Solid Drawing ( 實 體 感 的 描 繪 ) 當 一 個 主 動 作 要 開 始 時, 先 產 生 的 一 種 帶 有 提 示 性 宣 告 性 的 小 動 作, 通 常 是 略 為 往 主 動 作 的 反 方 向 稍 微 移 動 當 物 體 受 力 施 力 或 行 進 運 動 時, 形 體 會 受 力 道 的 作 用 而 壓 扁 或 伸 長 帶 隨 : 附 屬 體 的 運 動 軌 跡 是 跟 隨 主 體 的 運 動 路 徑 重 疊 動 作 : 帶 隨 動 作 改 變 或 停 止, 造 成 主 體 和 附 屬 體 的 動 作, 因 為 先 後 時 間 差 而 形 成 交 疊 物 體 運 動 的 起 始 和 結 束, 會 比 中 間 運 動 過 程 花 費 較 多 時 間 要 能 夠 以 線 條 在 平 面 畫 面 上, 畫 出 具 有 立 體 透 視 實 體 量 感 結 構 正 確 的 角 色 及 物 件 動 畫 角 色 產 生 誇 張 動 態 的 作 法 對 動 畫 師 描 繪 能 力 的 要 求 320

Exaggeration ( 誇 張 ) Appeal ( 吸 引 力 ) Staging ( 表 演 舞 台 化 ) Straight Ahead Action and Pose to Pose ( 接 續 動 作 法 與 關 鍵 動 作 法 ) Arcs ( 弧 線 ) Secondary Action ( 次 要 動 作 ) Timing ( 時 間 點 ) 將 角 色 造 型 動 態 表 演, 盡 量 地 強 調 誇 大 做 作, 讓 人 一 看 就 懂 賦 予 角 色 鮮 明 的 個 性, 讓 人 覺 得 背 後 有 戲 有 故 事 將 角 色 放 在 畫 面 時, 要 像 是 它 正 在 舞 台 上 或 是 正 在 鏡 頭 前, 準 備 做 一 場 精 采 表 演 接 續 動 作 法 : 從 開 頭 的 關 鍵 動 作 依 次 漸 變 的 逐 格 畫 下 去 關 鍵 動 作 法 : 先 確 定 頭 尾 的 關 鍵 動 作, 再 畫 兩 者 之 間 分 解 動 作 的 捕 間 動 畫 角 色 在 動 作 時, 身 體 各 部 結 構 的 移 動 軌 跡 應 該 都 是 順 暢 的 弧 形 曲 線 當 主 動 作 在 進 行 時, 主 體 局 部 或 附 屬 體 也 同 時 有 小 動 作 懂 得 拿 捏 表 演 快 慢 的 節 奏 及 重 點 的 時 間 配 置 塑 造 動 畫 角 色 的 造 型 動 作 表 演 的 要 求 角 色 動 作 補 間 動 畫 的 產 生 作 法 及 其 動 線 軌 跡 加 強 角 色 其 他 細 部 動 作, 使 表 演 生 動 的 作 法 注 意 角 色 動 作 的 快 慢 節 奏 與 輕 重 落 點 3.4 Flash 動 畫 實 作 設 計 建 立 一 個 Flash 專 案 文 件 (fla 檔 ), 畫 面 尺 寸 為 寬 900 像 素 高 250 像 素, 影 格 速 率 為 15 fps 新 增 一 個 圖 像 元 件 (graphic symbol) 車, 放 置 於 場 景 右 側, 使 用 自 由 變 形 工 具 點 選 場 景 中 的 車 元 件, 然 後 移 動 元 件 的 中 心 點 到 元 件 底 部, 也 就 是 車 輪 和 地 面 的 接 觸 的 水 平 線 ( 參 見 圖 3.4) 在 圖 層 時 間 軸 面 板, 增 加 影 格 長 度 到 30 格, 然 後 建 立 移 動 補 間 動 畫, 將 第 11 和 19 影 格 設 定 為 關 鍵 影 格, 在 第 19 影 格 將 車 元 件 從 場 景 右 側 水 平 第 移 到 場 景 左 側, 也 就 是 從 第 11 到 19 影 格 是 車 子 行 駛 前 進 的 動 畫 片 段 一 般 Flash 動 畫 的 製 作, 大 致 到 此 就 算 完 成, 接 下 來 就 以 這 段 補 間 動 畫 321

陸 續 複 製 到 後 續 新 的 場 景, 逐 一 嘗 試 將 四 項 動 畫 原 則 作 法, 套 用 試 作 圖 3.4 基 本 移 動 補 間 動 畫 四 研 究 發 現 與 分 析 4.1 Anticipation( 預 備 動 作 ) 所 謂 預 備 動 作, 是 當 一 個 主 要 動 作 要 開 始 時, 先 產 生 的 一 種 帶 有 提 示 性 宣 告 性 的 小 動 作, 通 常 是 略 微 往 主 要 動 作 的 反 方 向 稍 作 移 動 動 畫 中 第 11 影 格 是 車 子 開 始 移 動 的 影 格, 所 以 就 在 前 一 格 的 第 10 影 格, 使 用 自 由 變 形 工 具 點 選 車 元 件, 水 平 移 動 上 方 的 錨 點 (anchor, 也 可 稱 為 控 制 點 ), 使 用 斜 切 功 能, 將 車 子 上 端 往 行 駛 方 向 反 向 的 右 側 斜 移, 造 作 出 車 子 向 右 偏 斜 的 變 形 ( 參 見 圖 4.1) 圖 4.1 套 用 預 備 動 作 移 動 補 間 動 畫 按 下 enter, 播 放 瀏 覽 此 場 景 的 動 畫, 可 以 看 到 車 子 在 行 駛 之 前, 車 身 後 提, 產 生 了 像 是 起 跑 時 的 助 跑 " 動 作, 這 個 助 跑 的 預 備 動 作 讓 動 畫 中 的 車 子 好 像 有 了 生 命 性 4.2 Squash and Stretch( 擠 壓 與 伸 展 ) 322

擠 壓 與 伸 展, 可 以 說 是 美 式 卡 通 動 畫 的 核 心 所 在, 主 要 用 在 表 演 中 的 角 色 身 體, 受 擠 壓 ( 或 阻 擋 ) 時 就 變 扁 被 拉 扯 ( 或 甩 出 ) 就 變 長, 就 是 將 力 道 和 形 體 變 化 的 作 用 關 係, 以 誇 張 露 骨 戲 謔 化 的 手 法 畫 出, 這 種 造 型 的 變 形, 同 時 也 可 以 用 在 角 色 的 情 緒 與 個 性 表 現 上, 還 有 受 各 式 物 理 力 ( 引 力 彈 力 ) 及 自 然 ( 風 水 ) 作 用 的 萬 事 萬 物 上 將 前 一 場 景 複 製, 將 作 為 預 備 動 作 的 第 10 影 格, 再 用 自 由 變 形 工 具 將 車 子 拉 高 前 後 縮 短, 將 車 身 後 抬 的 助 跑 動 作 再 誇 張 化 在 車 子 行 駛 的 最 中 間 影 格 第 15 影 格 設 為 關 鍵 影 格, 用 自 由 變 形 工 具 將 車 子 壓 扁 前 後 拉 長, 作 出 向 前 衝 的 動 作 第 19 影 格 是 車 子 停 止 的 影 格, 在 後 一 格 第 20 影 格 用 自 由 變 形 工 具, 將 車 子 拉 高 前 後 縮 短, 變 形 模 式 跟 第 15 影 格 相 反, 變 形 完 之 後, 利 用 描 圖 紙 (Onion) 功 能, 將 第 20 影 格 的 車 頭 和 第 19 影 格 對 齊, 作 出 煞 車 的 動 作 在 原 來 作 預 備 動 作 的 第 10 影 格, 比 照 20 影 格 的 作 法, 拉 高 車 身 前 後 縮 短, 加 強 起 跑 的 動 作 ( 參 見 圖 4.2) 圖 4.2 套 用 擠 壓 與 伸 展 移 動 補 間 動 畫 按 下 enter 播 放 動 畫, 除 了 助 跑 動 作 外, 可 以 看 到 車 子 在 行 駛 中, 壓 低 車 身 彷 彿 向 前 疾 駛, 到 車 子 停 止 時, 還 看 到 車 身 因 為 煞 車, 受 原 來 自 身 前 衝 的 力 道, 而 向 前 擠 壓 這 時 的 動 畫 已 經 可 以 讓 觀 者 感 覺 到 車 子 的 速 度 動 感 和 重 量 體 感 4.3 Follow Through and Overlapping Action( 帶 隨 與 重 疊 動 作 ) 帶 隨 : 附 屬 體 的 運 動 軌 跡 是 跟 隨 主 體 的 運 動 路 徑, 主 體 動 作 的 時 候, 附 屬 體 會 緊 接 著, 順 著 主 體 的 行 經 路 徑, 跟 著 主 體 的 動 勢 例 如 : 動 物 的 尾 巴 人 類 頭 部 的 長 髮 蠟 燭 或 火 把 上 的 火 焰 騎 在 馬 背 上 的 人 甚 至 是 胖 子 身 上 323

的 肥 肉 等 等, 就 是 會 產 生 帶 隨 動 作 的 附 屬 性 物 體 重 疊 動 作 : 當 帶 隨 動 作 改 變 或 停 止 時, 主 體 本 身 和 附 屬 體 會 依 主 副 順 序 先 後 改 變 或 停 止, 造 成 主 體 已 經 完 成 的 舊 動 作 或 準 備 要 做 的 新 動 作, 會 和 附 屬 體 還 沒 作 到 的 舊 動 作 或 正 要 完 成 的 舊 動 作, 形 成 兩 者 擺 動 交 錯 的 景 象 複 製 前 一 場 景, 就 車 元 件 這 個 造 型, 如 果 車 體 上 有 天 線 或 是 有 繫 著 旗 子 的 小 旗 桿, 就 可 以 表 現 帶 隨 的 效 果, 但 如 此 會 增 加 製 作 動 畫 的 複 雜 度, 和 這 次 研 究 設 計 的 設 定 相 違, 因 此 排 除 製 作 不 過 如 果 就 一 整 個 車 體 造 型 來 說, 車 頂 的 部 分 也 可 視 為 一 種 附 屬 體, 將 行 駛 中 的 15 影 格 將 要 煞 車 的 20 影 格, 用 自 由 變 形 工 具 的 斜 切 功 能 將 車 頂 往 後 ( 右 ) 傾 斜, 加 強 車 子 前 衝 的 動 作 ( 參 見 圖 4.3.1) 圖 4.3.1 套 用 帶 隨 移 動 補 間 動 畫 按 下 enter 播 放 動 畫, 可 以 看 到 車 子 行 駛 的 動 作 比 前 面 4.2 節 的 擠 壓 還 誇 張, 好 像 車 子 衝 得 很 快, 把 車 頂 甩 在 後 頭, 讓 人 覺 得 第 20 影 格 的 煞 停 像 是 撞 倒 牆 壁 似 的 複 製 前 面 帶 隨 動 作 試 作 的 場 景, 車 子 煞 住 是 在 20 影 格, 在 後 一 格 的 21 影 格 用 自 由 變 形 工 具 將 車 頂 向 前 ( 左 ) 斜 切, 作 出 車 身 停 止 但 車 頂 繼 續 前 衝 的 動 作, 這 也 屬 於 帶 隨 動 作 的 效 果 複 製 第 1 影 格, 這 是 有 車 身 原 狀 的 影 格, 連 續 貼 在 第 22, 23, 24, 25, 26 影 格 第 22 影 格 用 自 由 變 形 工 具 將 車 身 往 回 ( 右 ) 斜 切, 作 為 第 21 影 格 因 煞 車 而 帶 隨 變 形 後 的 力 道 回 彈 第 23 影 格 用 自 由 變 形 工 具 將 車 身 往 前 ( 左 ) 斜 切, 作 為 第 22 影 格 變 形 後 的 力 道 回 彈 複 製 22 影 格 到 24 影 格 複 製 23 影 格 到 25 影 格 ( 參 見 圖 4.3.2) 324

圖 4.3.2 套 用 重 疊 動 作 移 動 補 間 動 畫 按 下 enter 播 放 動 畫, 可 以 看 到 車 子 剎 那 停 止 後, 車 頂 一 連 串 的 帶 隨 動 作 而 形 成 的 重 疊 動 作 到 此 為 止, 一 個 以 美 式 卡 通 動 畫 風 格 表 現 車 輛 啟 動 又 瞬 間 煞 車 的 畫 面 已 經 完 成, 畫 面 中 的 車 子 因 為 一 連 串 變 形 動 態 和 如 橡 皮 般 的 彈 性, 已 經 有 了 卡 通 化 的 動 感 與 生 命 4.4 Slow In and Slow Out( 慢 進 與 慢 出 ) 物 體 運 動 的 起 始 和 結 束, 會 比 中 間 運 動 過 程 花 費 較 多 時 間 物 體 由 靜 止 到 移 動, 在 受 到 作 用 力 後 才 會 逐 漸 加 速 位 移 ; 物 體 受 力 移 動 產 生 動 能, 移 動 速 率 會 比 剛 移 動 時 快 ; 當 物 體 要 由 移 動 中 到 靜 止 時, 必 須 另 外 施 力 來 減 少 物 體 的 動 能, 同 樣 也 必 須 耗 費 時 間 若 以 單 位 時 間 來 計 算 位 移 的 距 離, 運 動 的 起 始 和 結 束, 要 比 移 動 中 的 短 複 製 前 一 場 景, 點 選 11 影 格, 在 下 方 屬 性 面 板 的 加 / 減 速 項 目, 將 數 值 調 為 -100, 也 就 是 11 到 15 影 格 間, 移 動 補 間 動 畫 的 間 距 逐 漸 加 大 點 選 15 影 格, 在 下 方 屬 性 面 板 的 加 / 減 速 項 目, 將 數 值 調 為 100, 也 就 是 15 到 19 影 格 間, 移 動 補 間 動 畫 的 間 距 逐 漸 縮 小 ( 參 見 圖 4.4) 圖 4.4 套 用 慢 進 與 慢 出 移 動 補 間 動 畫 325

按 下 enter 播 放 動 畫, 可 以 看 到 車 子 快 速 行 進 的 過 程 中, 在 中 間 的 段 落 特 別 滑 順, 前 後 的 補 間 動 畫 距 離 和 影 格 比 較 密 集, 所 以 會 看 到 車 子 啟 動 和 煞 車 會 稍 花 一 些 時 間, 視 覺 上 會 感 覺 到 一 種 物 理 性 摩 擦 力 的 存 在 五 結 論 建 議 如 同 動 畫 十 二 原 則, 並 非 迪 士 尼 的 原 創 或 專 利, 這 套 原 則 早 在 美 國 卡 通 動 畫 發 展 初 期 已 經 被 動 畫 工 作 者 所 運 用 本 文 所 研 究 探 討 的 作 法, 筆 者 在 以 往 Flash 動 畫 創 作 歷 程 中, 或 多 或 少 都 已 使 用 類 似 作 法, 只 是 並 未 探 究 箇 中 邏 輯, 這 作 法 的 產 生 是 在 觀 摩 不 同 類 型 動 畫 所 累 積 得 來, 其 中 也 包 括 偶 爾 觀 察 到 別 的 Flash 動 畫 中 出 現 相 似 的 效 果, 咸 信 這 是 做 為 一 個 動 畫 工 作 者 在 使 用 Flash 製 作 2D 動 畫, 經 過 實 務 經 驗 累 積 而 共 通 出 現 的 技 巧, 現 在 藉 著 本 文 將 此 作 法 整 理 歸 納 並 且 加 以 原 理 解 說 與 制 式 化, 相 信 可 以 應 用 到 以 下 層 面 5.1 Flash 教 學 課 程 中 製 作 2D 動 畫 之 章 節 Flash 課 程 教 學 者, 授 課 到 製 作 2D 動 畫 的 章 節 或 功 能 時, 透 過 這 套 實 作 作 法, 可 以 使 毫 無 動 畫 訓 練 的 Flash 使 用 者, 在 基 本 的 補 間 動 畫 上, 立 即 做 出 仿 照 美 式 卡 通 動 態 效 果 的 動 畫, 改 變 以 往 Flash 動 畫 給 人 簡 易 平 淡 的 觀 點, 也 給 予 Flash 使 用 者 製 作 生 動 動 畫 的 訣 竅 與 信 心, 並 學 習 到 美 式 卡 通 動 畫 風 格 的 產 生 基 本 原 理, 這 絕 對 是 一 個 運 用 簡 潔 而 效 果 立 見 的 利 器 5.2 動 畫 藝 術 相 關 課 程 在 以 往 講 述 的 動 畫 十 二 原 則 的 課 程 中, 原 則 的 解 說 與 效 果, 主 要 是 透 過 圖 解 作 口 頭 說 明 利 用 這 套 實 作 作 法, 在 原 理 說 明 之 後, 給 予 學 生 親 手 試 作, 應 可 讓 學 生 立 即 學 以 致 用, 除 了 加 深 對 動 畫 原 則 的 認 識, 供 往 後 作 為 動 畫 創 作 的 角 色 表 演 與 動 態 設 計 的 參 考 5.3 以 Flash 製 作 2D 動 畫 的 實 務 上 326

最 實 質 的 當 然 還 是 可 以 運 用 在 以 Flash 製 作 2D 動 畫 的 專 案 上, 以 筆 者 自 身 的 經 驗, 創 作 者 為 求 動 畫 效 果, 是 願 意 投 入 技 術 與 心 力, 可 是 倘 若 遇 到 外 在 限 制, 如 動 畫 製 作 時 程 或 是 製 作 費 用 有 限 的 情 形 下, 無 法 增 加 時 間 技 術 與 人 力 等 成 本, 像 是 逐 格 描 繪 補 間 動 畫 的 張 數 元 件 的 數 量 等 都 須 酌 減, 可 是 又 必 須 考 慮 到 在 客 觀 感 官 上 不 能 因 此 失 去 效 果 與 品 質, 筆 者 就 會 適 時 地 穿 插 使 用 此 套 作 法 在 一 個 動 畫 專 業 的 立 場 來 評 估, 著 眼 於 這 畢 竟 是 以 單 一 元 件 做 變 化 產 生 的 類 似 效 果, 精 緻 度 和 變 化 終 究 有 限, 所 以 使 用 這 套 作 法 的 建 議 有 下 列 三 點 : ( 一 ) 不 要 整 部 動 畫 通 篇 採 用, 不 要 廣 泛 用 在 每 一 個 角 色 動 作 物 體 動 態 上 ( 二 ) 不 要 用 於 完 整 的 單 一 造 型, 僅 用 在 局 部 即 可, 比 如 不 要 用 在 整 個 人, 單 用 在 手 部 或 是 頭 部 ( 三 ) 不 要 用 於 非 卡 通 化 風 格 與 題 材 的 動 畫 (5) 參 考 書 目 參 考 文 獻 [8] Thomas F. and O. Johnston(1984). Disney Animation:The Illusion of Life. Abbeville, New York. [9] Richard Willians(2001), 中 文 版 龍 溪 國 際 圖 書 (2004) 動 畫 基 礎 技 法 台 北 市 : 龍 溪 圖 書 [10] Chris Patmore 著, 陳 賢 錫 譯, 余 為 政 校 審 (2004) 動 畫 創 作 全 覽 : 優 質 動 畫 的 原 理 實 務 和 技 術 台 北 縣 永 和 市 : 視 傳 文 化 [11] 陳 建 宏 (2007) 2D 動 畫 特 攻 隊 台 北 市 : 龍 眾 新 媒 體 股 份 有 限 公 司 [12] 趙 英 傑 (2008) Adobe Certified Associate(ACA) 國 際 認 證 -Adobe Flash CS3 多 媒 體 設 計 與 網 站 動 畫 台 北 市 : 上 奇 科 技 (6) 線 上 資 料 i. Stephen Worth(2006.05.04) Media: Preston Blair's Animation First Edition, ASIFA-Hollywood Animation Archive 上 網 日 期 :2008 年 12 月 9 日, 取 自 http://www.animationarchive.org/2006/05/media-preston-blairs-animat ion-first.html ii. Stephen Worth(2006.05.06) Media: Preston Blair's Animation 1st Edition Part Two, ASIFA-Hollywood Animation Archive 上 網 日 期 :2008 年 12 月 9 日, 取 自 http://www.animationarchive.org/2006/05/media-preston-blairs-animat 327

ion-1st.html iii. 陳 賢 錫 (2006.04.06) 動 畫 12 原 則.pptx, 數 位 動 畫 影 音 技 術 與 實 務 上 網 日 期 :2009 年 7 月 6 日, 取 自 http://203.71.53.60/xms/content/show.php?id=3254 iv. 過 柄 樞 (2006.04.06) 動 畫 12 原 則 於 專 案 運 用, 國 立 台 東 大 學 美 勞 教 育 系 95 年 度 計 畫 成 果 上 網 日 期 :2007 年 11 月 12 日, 取 自 http://dacenter.tnnua.edu.tw/downloads/95 成 果 報 告 / 下 冊 /7.6. 台 東 美 教.pdf v. Wikipedia/ Disney Animation: The Illusion of Life(2009.03.02) 上 網 日 期 :2009 年 7 月 6 日, 取 自 http://en.wikipedia.org/wiki/disney_animation:_the_illusion_of_life vi. Wikipedia/ 12 basic principles of animation(2009.07.21) 上 網 日 期 : 2009 年 7 月 6 日, 取 自 http://en.wikipedia.org/wiki/12_basic_principles_of_animation vii. Wikipedia/ Squash and stretch(2009.03.02) 上 網 日 期 :2009 年 7 月 6 日, 取 自 http://en.wikipedia.org/wiki/squash_and_stretch viii. Wikipedia/ Preston Blair(2009.06.06) 上 網 日 期 :2009 年 7 月 6 日, 取 自 http://en.wikipedia.org/wiki/preston_blair ix. Advanced Animation by Preston Blair(2006.05.07) 上 網 日 期 :2009 年 7 月 6 日, 取 自 http://www.metafilter.com/51445/advanced-animation-by-preston-bl air x. 質 點 運 動 力 學, 動 力 學 上 網 日 期 :2009 年 8 月 5 日, 取 自 http://elearning.stut.edu.tw/mechanical/dynamics/index.htm ( 南 台 科 技 大 學 高 職 教 師 進 修 網 站 / 機 械 科 / 動 力 學 ) xi. 何 興 中 力 的 測 量, 高 中 物 理 精 選 重 點 整 理 上 網 日 期 :2009 年 8 月 5 日, 取 自 http://www.tnfsh.tn.edu.tw/teach/phi/physicsteaching/phys-pdf/mark %20(11).PDF ( 台 南 一 中 教 學 網 站 / 物 理 科 / 教 學 資 源 ) 328