教學課程文章

中級

5 分鐘

Emilie Muszczak 製作動畫 Emilie 的方法

法國插畫家暨動畫師 Emilie Muszczak 以鮮豔色彩、古怪圖案和爆料而聞名。她多數作品都源起自筆記本上亂七八糟的塗鴉、詞彙和色彩。一起來看她如何運用 Adobe Photoshop 和 Animate 製作動畫的自畫像,描繪她怎樣把腦袋裡冒出的天馬行空,化成日後真實呈現的專案。

在 Photoshop 中觀看教學課程
依照應用程式說明操作
您將需要的項目
1

畫幅肖像

Emilie 將一幅掃描的(輪廓)自畫像匯入 Photoshop。在單獨圖層上,她為畫布增添黃色、青色和橘色的圓圈,使調色盤隨手可用,同時使用尺寸不一的「潑濺筆刷」繪製肖像的不同部位。

Emilie 為頭部、頭髮、臉部和襯衫個別建立單獨的圖層,並視需要調整筆刷大小繪製每個部位。Emilie 在頭髮圖層上增加一個剪裁遮色片,然後用白色細刷在整個頭髮上描繪出波浪線條。完成繪圖後,Emilie 先隱藏調色盤和素描圖層後,再將影像儲存為 JPEG 檔案。

2

為氣泡製作動畫

Emilie 切換到 Animate ,以製作一連串從她頭上飄出的動畫氣泡。她新增一個 HTML5 Canvas 的文件,然後將她的 JPEG 格式自畫像,當作其專屬圖層匯入時間軸上。然後,她點擊時間軸中的關鍵影格 49 後,插入一個空白的關鍵影格(「插入 > 時間軸 > 空白關鍵影格」),使整個動畫持續時間在一分鐘內。

接下來,Emilie 精心繪製 4 個獨立的氣泡串,然後再製作成動畫。她為「 Bubble 1」建立一個新圖層,並用細刷從氣泡開始處畫了一個小小的弧形。她又增加另一個空白的關鍵影格,使這部分的動畫持續兩個影格。

她繼續畫出不同階段的氣泡,從形成、膨脹到最大、破掉乃至於爆裂。她將氣泡生命週期每個階段的動畫,都設為持續兩個影格,一直到動畫氣泡串結束、氣泡爆裂為止。她重複同樣手法,再做出另外三組氣泡串。

然後 Emilie 匯出這些序列,以便後續在 Photoshop 中完成這個作品。她首先匯出「 Bubble 1」序列。方法是隱藏時間軸中「 Bubble 1」以外的其他所有圖層。然後,她選擇「檔案 > 轉存 > 轉存影片」,選擇 PNG 影像順序,並將該影像順序儲存到她電腦上的其專屬資料夾。她重複同樣手法再為剩下的其他氣泡動畫建立 PNG 影像順序。

3

美化氣泡動畫

回到 Photoshop,Emilie 巧妙調整氣泡的外觀和時間。她將 Animate 所產生的每個氣泡串匯入(透過選擇「檔案 > 開啟」,然後從「選項」對話框中選取「影像順序」),並將其置入肖像中所需的位置。然後在時間軸(「視窗 > 時間軸」)中移動這些序列,使它們的開始和停止時間不同,模擬隨機的氣泡樣態。

Emilie 大部分時間都花在氣泡生命週期每個階段的追踪和填入上。她從第一個氣泡串著手,增加一個圖層,並使用橘色筆刷填入氣泡。然後,她在時間軸上稍微往前移到氣泡的下個階段,增加一個圖層,並填入下一個氣泡形成。她重複同樣手法再為全部四個序列,做出每個氣泡的形成。在完成時,每個氣泡流可能需要多達 30 至 60 個圖層才能組成該序列,而且每個圖層在時間軸上耗時兩秒。

4

為肖像增添微妙的動作

Emilie 在臉部、頭部、頭髮、髮際線和襯衫上,增添微妙的動畫效果。從臉部開始,她增加一個新圖層並描繪臉部特徵。她重複同樣手法再另外建立四個臉部圖層。由於每個新圖層的繪製都帶有細微變化,因此在變成動畫時,會產生閃閃發光的手繪效果。

然後 Emilie 在時間軸內拷貝足夠次數的五個臉部圖層,以填入動畫序列的長度。每個圖層耗時兩秒。

Emilie 對頭部、頭髮、髮際線和襯衫重複同樣手法—描繪輪廓、填滿顏色、拷貝圖層、橫跨時間軸—使肖像的每個部位,都有其專屬動畫。

5

匯出成動畫 GIF

完成肖像後,Emilie 選擇「檔案 > 轉存 > 儲存為網頁用(舊版)」,選擇「GIF」並將「重複播放選項」設為「永遠」。

一起來看 Emilie 動畫自畫像的播放效果。

關於藝術家

Emilie Muszczak 的靈感幾乎來自每種藝術創作。她曾經研究並做過圖形、空間和時裝設計。她也做過繪畫、建模、雕塑和寫生,並擁有 3D 動畫碩士學位。Emilie 在法國長大,有很多接觸藝術文化和教育的機會。但當她試圖以藝術家身分謀生時,也面臨相當激烈的競爭。最終,她在半個地球之外找到工作,目前任職於一家多倫多的設計動畫工作室。

她在多倫多如魚得水。這是一座充滿文化、色彩和品味的城市,Emilie 每天在這都有新發現。Emilie 在每個專案的腦力激盪前,總習慣先喝杯茶。無論是在學校、工作、散步或是快睡著時,Emilie 都會隨身攜帶素描本捕捉靈感。

Emilie 在色彩鮮豔的協作環境中竭盡所能。當她確定自己喜歡的想法時,就會掃描自己的圖稿,使她可以在電腦上對其進行微調。她會嘗試不同顏色、紋理和圖案,然後花費大量時間美化繪圖和動畫。


地圖資料

Google

2017年8月16日

使用 Photoshop 嘗試這些教學課程

編輯相片以建立全新影像和圖形。