Animate CCを使ってみる #2 -キャラクターを歩かせよう-

こんにちは、イラスト・漫画担当のまなみです。

今回は前回の「Animate CCを使ってみる #1」に引き続きAnimate CCを使用したアニメーション作りに挑戦していきます。
今回はオリジナルのキャラクターを歩かせていきます。右から左に動く単純な動作ですがこれだけでもグッとキャラが生き生きしてきます。(第一回目は以下のリンクをチェック🤯)

それでは早速参りましょう‼️

本日の作業の流れ

1.キャラクターの動きを設定する

2.Animate CC上で背景を作る

3.キャラクターを歩かせる

今回はこういった流れになります。いくぞ…⚡︎

1.キャラクターの動きを設定する

まず前回同様、ステージを開きCCライブラリからキャラクターデータをステージ上に読み込みます。

レイヤーを次に変換という項目を単一Animateレイヤーに選択します。

(今回は体のパーツを動かしたいのでillustratorを使用してベクターのデータを用意しています。)

開いたキャラクターが動かす対象になるのでシンボル変換します。おなじみの(?)ダイスケくんです。

まずは全体を選択して修正→シンボルに変換。名前はわかりやすいものに。(ここではダイスケと設定しました。)

各部位もシンボル変換していきます。パーツごとに名前を設定しておくとあとあと管理しやすいです😃

変換しているとデータの並び順がおかしなことになってくる場合があります。

これはパーツたちに専用のレイヤーを割り当てることでサクッと解消できます👌

選択ツールでキャラクターを全選択→右クリックするとレイヤーに配分という項目があります。これを押すのです。

そうするとタイムライン上に先ほどシンボルとして登録したパーツたちがレイヤー分けされずらっと並びます。

レイヤーは構造上、上にあるものから手前に表示されるので、ダイスケくんの場合コートレイヤーは一番下へ、左右の腕レイヤーも後ろ側へ持っていきます。

謎スカート星人じゃなくなりました。

レイヤー分けされたことでタイムライン上でパーツごとの管理ができるため、それぞれのレイヤーで動かしたい方向などを指定していけば腕や足に別々に動かすことができます❗️

(ちなみにもともとダイスケくんが居たレイヤー_1はこの際空っぽになってしまうので、消してしまって大丈夫です。)

あとはキャラクターに命を吹き込んでいく作業です。

フレーム挿入→モーショントゥイーンを作成 から、各々のパーツに時間ごとに動きを記憶させていきます。

腕はぱたぱたさせたいので、上下に5秒ごとに移動するよう設定してあります。

コートも揺れる感じで動かしたいので少しいじりました。

ここまでの動きはこのように反映されます。(控えめな動きだけどすでにかわいい〜〜〜〜😝)

しかし今回は歩かせることが目標なので、同じ手順で脚パーツも調整していきます。

2.Animate CC上で背景を作る

ダイスケくんが歩くステージ上に青空と草原(背景)を作っていきます。

ステージの背景色はプロパティステージという項目から自由に変更できます。

今回は空の色としたいので薄い水色を指定します。

しばしダイスケくんのレイヤーを非表示にして作業します。

矩形ツールで草原を作っていきたいので、ペンキアイコンの隣の色(背景色)を緑に、鉛筆アイコンは縁取りになるので今回は省きたいので色のマスをクリックし、アルファ値の隣にある斜線の入ったアイコンを押します。

この矩形ツールで作成したシェイプは自由変形ツールを使って形を変えることができます

ここでは少しカーブさせました。

カーソルに弧が現れるとグニッとシェイプを曲げられます。

ペイントブラシツールを使うことで色々な表現が簡単にできます。これを使って草を生やしていきます。

草生える

同じ要領で雲も作ります😽

中央の雲の透明度を少し下げたいので選択→アルファ値を書き換えます。

気持ち下がりました。

さて、これで背景が完成しました!ヤッタネー‼️😀

3.キャラクターを歩かせる

雲もじわっと動かしました。

ダイスケくんを呼び戻し、これまでと同じ要領でモーショントゥイーンの作成をしてキャラクター位置の設定を行い歩く道筋を指定します。(ここでは右から左へ歩き去っていく動きとします。)

これで一通りの作業が完了しました。

制御→プレビューから動きを確認してみましょう。(編集画面で再生すると静止画で滑っていきます)

ARUITA!️!️😭😭😭

これで完成です。

前回と比べるとかなり”生”を感じますね🔥

前回。これはこれでかわいい笑

 

次回はキャラクターに表情をつけていく作業に挑戦していきます。

それではまた😀✨

 

この記事を書いた人

まなみ
漫画家・イラストレーター
1992年生まれ、愛媛県宇和島市出身。LINEスタンプ・体験漫画など制作しています☺️

関連記事

  1. プロアスリート×漫画家のコラボ連載⁉︎スタート! / “T…

  2. 「インドア、パーソナルジムへ行く」第2話先行公開!

  3. Animate CCを使ってみる #1 -キャラクターを動かそう-

  4. 小さなお客様 / Our little customer.

  5. 誕生『ちりぺぱ』と『ぺにょ』/The birth of “…

  6. 宇和島市復興支援チャリティーTシャツのイラストを描かせて頂きました/ …

  7. 「インドア、パーソナルジムへ行く」第4話 ペアトレーニング編 前編公開…

  8. 「インドア、パーソナルジムへ行く」第5話 ペアトレーニング編 後編公開…

PAGE TOP