The making of Tabatha Veazie - Animated 2D portrait - part 2_Tabatha Veazie幕後製作 - 動態2D肖像 - part 2

資料來源:

The making of Tabatha Veazie - Animated 2D portrait  Blog

Herald FB

Herald Game

Herald - An Interactive Period Drama 募資頁面


First of all, thanks for all the positive reactions so far! I hope you enjoy the rest of the series. I must warn you though, things are going to get a bit weird.

首先，感謝目前所有的熱情回應! 我希望你們可以更熱衷在這系列，我必須警告你一下，事情將會有點詭異。

Today I prepared Tabatha’s texture map, which looks like an assembly box for a freaky paper doll of some kind, which is pretty much exactly what it is!

今天我準備了 Tabatha 的貼圖，它看起來類似那種奇異紙娃娃的零件箱，但它的確是這樣沒錯!

With the previous portrait I did, I was able to copy a large amount of animations I had already created, so I tried to do that again this time, unfortunately that didn’t really turn out as planned.

因為我之前有做的肖像，我可以複製大量我已經做好的動畫，所以我這次試著再做一次，但不幸的，它不如預期。

Just take my word for it, it was the stuff of nightmares, especially with all the animations of the previous portrait still intact.

就如我說言，它真的是一場惡夢，尤其是所有的之前的肖像動畫依舊紋風不動。

It would take more time to fix this up then to just start from scratch, so I started with a clean slate!

單單從頭開始比花時間去修理還要耗時，所以我開始清理零件。

After loading the texture in Live2D, the next step is to draw these elaborate webs over every single piece of your image. The way the web is placed is very important as it determines how well you will be able to manipulate the pieces later on. The more elaborate the web, the more control you have over it.

將貼圖匯入Live 2D後，下一 步畫出這些精細的網格覆蓋在你的每一塊圖片，網格放置的方式很重要，因為它將決定你等下能如何操作這些圖片，越精細的網格，你將透過它得到越多控制。

After that is all done, it’s time to put Tabatha back together. Using a guide image as reference, I again placed every part of the portrait back on the canvas, basically re-creating what I had in my original painting program.

做完網格之後，是時候把Tabatha組合在一起，使用指示圖(可能就是未拆解的原圖)當參考資料，我再次把每片肖像放置在畫板上，重製我之前所畫的肖像。

Almost to the fun stuff, but not quite there yet. In order to manipulate the webs I drew over the parts in more detail, you add deformers to the mix. These are grids that work much like the Transform > Distort function in Photoshop. Again, going over every part you want to animate, adding deformers, linking the texture parts to them and placing them in the right hierarchy.

有趣的事情快發生了，為了更精細操作我所繪製佈滿的網格，你增加一個變形器(deformer)去混合使用。這些格線的作用很像Photoshop裡面的變形->歪曲功能。再一次，為你要做動作的每一個零件，增加變形器(deformer)，連接零件的每個部分，並且整理在層級欄( hierarchy)裡。

Just pull at a point in the deformer and.. tadaa! Angry Tabatha! Sort of. Now, after all this preparation, the real fun can finally start! 

只要拉變形器的點並且....完成!(效果音)! 憤怒的Tabatha! 現在，在這些準備之後，真正有趣的部分終於要開始了!!

Stay tuned for more!
敬請期待下次!