AIMAがGIFになった。masaさんが作ってくれたアニメと、26枚の制作素材
9月10日、aimarkの「times（独り言）」で、masaさんがアイマのGIFを作ってくれました。
キーボードをカタカタ打って、勢いよくエンター。ひと仕事を終えたら、コーヒーを飲んでひと休み。最後は「よし、いい仕事した！」という顔です。
可愛くて、僕も思わずこう返しました。
これ、ブログで取り上げても良いですか？w
「もちろんです！ ぜひお使いください〜！」と了承をいただいたので、完成したGIFと、その制作素材を紹介します。元のキャラクター画像、構図の基準にした開始画像、アニメーションに採用したコマまで見ることができます。
きっかけは「アイマもつくりましょう！」
前日のtimesでは、masaさんがストップアニメーションやクレイアニメ風の表現を試していました。僕やあやみさんが反応したところ、翌日こんな提案が。
素材いただけたらクレイアニメ風アイマつくらせていただきます！！
あやみさんが「お〜アイマバージョンもぜひ！」と渡したのが、この画像です。
その日のうちに、masaさんから「GIFにしました！可愛いので(笑)」と完成品が届きました。
誰かが試していた表現に、別の人が素材を渡す。そこから、コミュニティのキャラクターが動くGIFになった。今回のやり取りには、aimarkで一緒にものを作る楽しさが出ていました。
開始画像と26枚のコマで、動きの構成が見える
共有ページには、構図の基準となる「開始画像」があります。元画像で手を振っていたアイマが、机の前に座り、キーボードに両手を置いた姿になっています。横には、あとで飲むコーヒーも置かれています。
そこから先の動きは、3つの場面に分かれています。共有ページに並んでいる採用画像は、合計26枚です。
- タイピング：9枚。キーボードを打つ動き。
- エンター：8枚。手を振り上げて、キーを押す動き。
- コーヒー休憩：9枚。カップを持って飲み、ひと息つく動き。
GIFは無音ですが、「カタカタ」「パーン！」「ふぅ〜」「ごくっ」と文字が入っています。最後には「よし、いい仕事した！」。動きと文字で、小さな仕事の一区切りが伝わる構成です。
共有ページでは、生成したコマからGIFを組み立てたと説明されています。ここでは、そのページと実物から確認できる工夫を見ていきます。
画角を揃えて、違和感のあるコマを外す
素材と一緒に共有されていた説明には、作るときの判断も残っていました。
まず、エンターを押す場面でも画角を変えないこと。タイピングからエンター、休憩へと移っても、同じ机でひと続きの動作をしている構成にしています。
次に、エンターの場面で逆の手を上げてしまったコマは、採用画像から外していること。生成された画像を見て、動きのつながりに合うかを選んでいます。
そして、最後の休憩を長めに取ること。ずっと同じ速さで動かすのではなく、ひと仕事が終わったところで間を置いています。
共有ページには、カットの間で机やキャラクターの細部に揺れが残ることも書かれていました。完成品だけだと見過ごしやすいところですが、途中のコマと説明があると、どこを揃え、どこを直そうとしたのかまで分かります。
自分のキャラクターで試すときも、まず開始画像を決める。動きを短い場面に分ける。場面のつながりを見て、採用するコマを選ぶ。今回の素材は、その考え方を具体的に見るための参考になります。
完成GIFと、制作に使われた画像を見る
masaさんの共有ページでは、完成GIF、開始画像、26枚の採用コマを見ることができます。画像を一枚ずつ開けるので、完成した動きと見比べてみてください。
GIF制作：masaさん（X：@psychonurseblog）。元画像の共有：あやみさん。ブログ掲載については、masaさんの了承をいただいています。
aimarkでは、こうした制作途中のものや、試してみた表現も日々共有されています。今回のように、そこから別のメンバーのアイデアや素材が加わることもあります。
活動に興味がある方は、aimark公式サイトも見てみてください。