最近的影片產生了許多回響，當中有許多對製作過程有興趣的朋友，於是有了這篇文章。分享內容會比較偏製作過程的技術面，所以比較適合對動畫製作有興趣、有一些瞭解的朋友們閱讀！
在這之前和大家介紹一下我們兩位創作者：
明潔. AKA MJ、滿月：
專精概念美術設計與2D逐格動畫，負責所有要動筆的部分
明潔. AKA MJ、滿月：
專精概念美術設計與2D逐格動畫，負責所有要動筆的部分
欣恬. AKA ㄊㄊ、Xin-Ten：
擅長3D製作與後製合成，負責只要動滑鼠就好的部分。
也是鍵盤負責人，打出這篇文章的我。
擅長3D製作與後製合成，負責只要動滑鼠就好的部分。
也是鍵盤負責人，打出這篇文章的我。
我們兩人目前都在巴黎過著封城生活，趁著聖誕假期時花費約十天完成這次製作。我們都很喜歡北投女巫，卻等不到它動畫化，於是在假期前決定自己來讓喜歡的角色動起來！
分享一下我們所使用的軟體，選擇這些軟體只是因為我們用得習慣。
分鏡：TVPaint
2D靜態圖：Clip、Photoshop 3D部分：Maya
2D逐格動畫：TVPaint 後製合成：AfterEffect
分鏡：TVPaint
2D靜態圖：Clip、Photoshop 3D部分：Maya
2D逐格動畫：TVPaint 後製合成：AfterEffect
分鏡！因為只有兩個人，溝通很快，所以我們都大概畫畫而已。我當時甚至懶得接繪圖板，所以我的部份都是鼠繪。
決定開始做之後，第一件事做的就是畫分鏡！
我們依照音樂的情緒高低將影片分為幾個階段：
優雅的開場（緩慢的鏡頭介紹角色或世界觀）、
逐漸加快的節奏（逐漸加快的鏡頭營造戰鬥即將開始的氛圍）、
熱血的副歌（最高成本的部分，全部給它畫逐格，動起來就對了）、
逐漸收尾（節奏放慢，補一些前面部分還不足以呈現的東西）、
結尾（做出可以感受到完整的結束，又能保有前面情緒的片段，盡可能回甘）
我們依照音樂的情緒高低將影片分為幾個階段：
優雅的開場（緩慢的鏡頭介紹角色或世界觀）、
逐漸加快的節奏（逐漸加快的鏡頭營造戰鬥即將開始的氛圍）、
熱血的副歌（最高成本的部分，全部給它畫逐格，動起來就對了）、
逐漸收尾（節奏放慢，補一些前面部分還不足以呈現的東西）、
結尾（做出可以感受到完整的結束，又能保有前面情緒的片段，盡可能回甘）
MJ所畫的經費卡，看到這麼多卡，我差點吐出來。
從紅湄破窗開始到幸娟丟出眼鏡的分鏡由MJ負責，由於MJ很注重動態的表現，也就是大家都要好好動起來（2D動畫師的尊嚴），所以她畫的分鏡有較多的動態與轉場。不過這樣的製作成本很高，無法整支片子都這樣做，於是其他的部份的就由我接手。
我第一顆想到的鏡頭，實在非常喜歡原作中女巫們在餐桌上群舞的畫面。
我個人的分鏡方式則是先設計自己喜歡的鏡頭，再安排放在哪裡、構思其他銜接鏡頭。
我們分鏡圖中有一卡全白的，因為一直想不到那一卡要畫什麼，直到全片都快完成了才想好，那最後的一卡就是家瑜用手比槍指自己。發想於椎名林檎幾的一張宣傳照。
我們分鏡圖中有一卡全白的，因為一直想不到那一卡要畫什麼，直到全片都快完成了才想好，那最後的一卡就是家瑜用手比槍指自己。發想於椎名林檎幾的一張宣傳照。
我還能說什麼，椎名林檎就是這麼ㄅㄧㄤˋ。
我也很喜歡在鏡頭中加入一些只有自己會發現的細節。像是植物女巫的卡，由於她是從窗外被射殺，所以我把窗戶也放進去，並將窗戶的十字瞄準在胸口。（但因為構圖關係，不適合使用原作中的窗戶與爆頭設定）
BANG BANG BANG。
此外，由於我們兩人都有在算塔羅，所以動畫中出現的都是我們自己的的卡背。動畫中間抽出的牌是死神正位，死神其實並不像大家想的一樣只單純代表死亡或結束，死神牌相當重要的一個概念是死亡並新生，我們認為相當符合這支動畫的概念，於是選擇了這張牌。
動畫師 + 占卜師，這樣夠斜槓了吧！
背景畫起來很麻煩？你有試過...直接用純色嗎？
在色彩計畫上最大的挑戰之一是我們的動畫沒有固定的背景，是由很多場景、色塊在變換。我們的畫面節奏又很快，不停地切換顏色很容易觀賞起來不舒服。所以在色彩計畫上，我們依照各片段的氛圍，大致決定那段的主色調、明度與飽和度。當中也盡量做一些顏色的過渡，讓銜接上更順。
從藍色過渡到紫色、紅色，再接續到桃紅色系。
我們也會在每一卡中，保留上一卡的主色，這樣在視覺的銜接上也會更順暢，如下圖的小曼的耳環和鞋子我們保留上一卡的主色調黃色，怡萱的衣服也為了銜接而偏暗紫紅色調。
這就是既視感嗎...!?
完成分鏡與色彩計畫後，正式開始動畫製作的環節！在動作的設計上，經費卡的部分我們依照劇情的發展安排角色的出場順序與動作。動作表演的選用非常困難，一不小心就會劇透，同時我們還得注意每一卡動作方向、速度的銜接。除此之外，因為這整段都是無背景、只有單個角色，所以還得盡可能讓鏡頭有遠中近景的變化，增加畫面的活潑度，許多要考量的因素加在一起，已經不是蠟燭兩頭燒，是把蠟燭直接丟進焚化爐了。
老師...我可不可以這樣就拿去交...?
畫線稿的過程很容易越畫越好、越精緻，像是八個人的髮飄，因為是非常相似的東西，所以畫的過程中可以感覺到明顯的進步。我們畫的第一個人是維翼，最後一個人是家瑜，等我們畫完家瑜後回頭看最一開始畫的維翼，簡直就像她是個笑話一樣...。於是我們緊急修改，讓她不要跟其他女巫看起來差太多。
左：不知道在飄三小。 中：認真程度完全不同。 右：感到慚愧緊急治療。
線稿上如果有畫起來很麻煩、不適合或不需要用逐格畫的，我們一律使用3D，可以節省大量時間。但我們仍然有將3D的動畫調整成一拍二一拍三的速率，以跟我們畫面中2D逐格的角色配合。像是幸娟的眼鏡，用3D處理大約15分鐘就能完成線稿和上色，自己畫的話要花上更久，並且容易變形，效果不一定好。
能用滑鼠做的，我絕對不用畫的！ —2021.1.ㄊㄊ
像是大量的塔羅牌、嘴巴、藥丸，不只數量很多，還都得動的，一律進3D軟體處理。這樣在調整鏡頭的角度與速度上更有彈性，如果突然想改塔羅牌的花色也可以一次全換掉。
左邊為全部物件在3D中的狀態與鏡頭的移動。右邊為鏡頭攝影出來的結果。
合成階段主要目標就是讓畫面看起來炫炫炫，提高整體的完整度。整體來說，我們大致調整了線稿的顏色與銳利程度、調整整體光源的方向、對比與色調、加入特效...等那些酷玩意兒。
坦白說這一段是為了讓大家看看她們的漂亮臉蛋而設計的。
後半部分因為都是靜態圖片，為了提升畫面完整度，在畫角色時會畫到比較精緻（比較多層的光影）。我們嘗試過用跟前面逐格動畫部分一樣的筆刷、陰影數量下去畫，但結果看起來非常搞笑。才決定調整這幾卡的畫法（雖然加上動態模糊後不會清楚照到細節，但還是會有影響！）。
完成所有片段後，再進到Premiere做最後的剪接，配合音樂微調鏡頭的剪接與動作的時間點，讓影片看起來更有律動。再來就是完成並輸出影片、上傳、分享！完成這支影片後，我們兩人都得了肌腱炎，直到今天都還沒痊癒。所以建議如果要開比較大的專案，還是要找多一點人，或是時間排長一點:3
最後，感謝大家喜歡這支OP，每一個人的回覆我們兩人都有一一看過，許多人有發現我們安排的一些小巧思，只能說大家真的很厲害。看到這麼多人看了之後很喜歡、回去重看漫畫，甚至是有些朋友看完OP後才被推坑漫畫，真的很感動。我們的目標也算是大成功了！希望能有更多人一起入坑，期待看到更多北投女巫的同人創作\^q^/
最後，感謝大家喜歡這支OP，每一個人的回覆我們兩人都有一一看過，許多人有發現我們安排的一些小巧思，只能說大家真的很厲害。看到這麼多人看了之後很喜歡、回去重看漫畫，甚至是有些朋友看完OP後才被推坑漫畫，真的很感動。我們的目標也算是大成功了！希望能有更多人一起入坑，期待看到更多北投女巫的同人創作\^q^/
