how to work with animator on Spritestudio

アニメーターと仕事をするという事

自己紹介

• 名前 : 辻田幸広

• マンガ・アニメと CG以外だったら何でもやるアニメーター

• 最近は、ハッカソンによく顔を出しています。

• よくしゃべります。

そもそも…アニメーターと話が通じない

すぐに擬音で説明しようとする。

なんとなく言いたい事はわかるけど、進捗を記録しにくい。もしくは指示しにくい。

なんか、一日中同じ作業を繰り返しているように見えるし、何時終わるのかもわから

ない。

本人に聞いても、擬音で返ってくる。宇宙人みたいで、一緒に仕事をしてい

る気になれない。超不安。

解決方法

• 要点や仕様や初期設定を、可能な限りガチガチに固めちゃってください。自由度の概念が違うので、わりと困りません。

• 無理って言ってもやっちゃってください。出来ます。

なので、 Spritestudioも設定をガッチリ固めた方がみん

な幸せになります。

Sprite Studioあるある辻田幸広

途中からプロジェクトに入った時によく見るアニメーション作業での問題

• 絵にあっていない関節を無理やり使っている。



• 外注から上がってきた画像が使いものにならない。




• 元データを修正しようとおもったけど、縮小済みの PNGしかなくって、ドッターじゃないと触れない。

元データ

手元にあるデータ









• ファイルを立ち上げるととりあえず、エラーが吹き出す。

最初に仕様を決めましょう

“絵に合っていない関節の問題”

SSと PSの両方で、同じサイズのグリッドを活用する。

グリッドを統一して、基準座標が、ぶれないようにする。

僕は、 8pxで固定してます。

photoshop

spritestudio

誰が組んでも、関節が抜けなくなる。

→アニメーターがいなくても仮組みが出来る。外注管理時のチェック項目が明確になる。

“外注から上がってきた画像が使いものにならない”

モデルの仕様は、アウトラインでなく骨組でやる。

絵の確認方法

1. 関節のトンボがずれていないか。

2. レイヤーの上下の順番は正しいか？

3. 関節を 90度回してみて絵が変にならないか。

関節を繋ぐジョイント

関節 (中心点 )

関節 (中心点 )

PSで作成時に、関節のトンボを別レイヤーで作る。

表示領域

辻田は、ジョイント接続用に全部のパーツの関節に、別レイヤーでトンボと表示領域を入れています。

レイヤーの階層を変えたり上のレイヤーを半透明にして、トンボがピッタリあっているか確認。

• 仮組みが楽ちん。←アニメーター以外も対応できる。

• セルマップ内の配置替えも平気。←ラフからパーツが増えたり形状が変わっても簡単に対応できる。

グリッドを徹底するメリット

• セルの領域も当然ながら、

• グリッドに合わせること

• メリット：セルの配置変更がお手軽になる。（微調整が要らなくなる。）

• 注意点： PSD上での移動時には、必ず画像を 8の倍数ずつ移動する事。

領域をグリッドに合わせる利点

• PSD上での画像の配置を移動する時にも、 8pxごとで。

場所が移動している


• そしたら SS上でのセルの座標の移動も、楽ちん

グリッドに合わせて、領域をドラッグするだけで、中心軸もずれない。


最終的なサイズだけでなく、縮小前の PSDファイルも要回収。

“緻密でドッターじゃないと触れない。”

最終的なサイズだけでなく、制作時の PSDキャンバスのサイズも指示。

必ず、 x2かその n乗で。

油断していると、 1.3倍とかで作って来る事があります。

自分でコントロールできる範囲のエラーを事前に知っておく。

“エラーが吹き出す”

データが読み込めない

インポート時に、データのリンクが破綻しているかも？

基準フォルダの設定を徹底する。

• すべてを一つのフォルダ内にまとめる。

• 相対パスで管理する。

• PNGデータと、セルマップデータとアニメーションデータはフォルダを分ける。（クオリティチェックの担当が違う事もあるので。）

基準フォルダの設定を徹底する。

キャラクターが謎の生命体になっている。

倍サイズで作っているので、先方が間違って倍サイズの参照イメージを送ってきている。

直前にこんなエラーが出ているかも？

落ち着いて以下の事を確認1.画像のサイズは正しいか？

2.エラーが出た時に、「いいえ」を選んだか？

倍サイズで作っているので、先方が間違って倍サイズの参照イメージを送てくる。

そのまま取り込むと、エラーもでるし、原型がわからないアニメーションになる。

宇宙人になる仕組みはこうです

まとめ

• 基準フォルダを設定する。• 中心点と領域を 8pxのグリッドに合わせる。

• 外注が、仕様にそっているか、常に目を光らせる。

終わり

Education