初心者向け髪のなびきのリピート動画です。

基本的なレイヤーやタイムシートの使い方も解説してます。

絵が既に出来ている方はそれを読み込んで応用ができます。

ぜひご活用ください。

完成動画

はじめに

↑は開いたときの設定です。

 

今回はなびきなので顔と、髪は別レイヤーに作成します。

↓顔の素材が全て出来てるところから始めたいと思います。

タイムラインとレイヤーのつながりについて

まず最初に分かっていて欲しいのはタイムラインとレイヤーのつながり方です。

アニメーションフォルダー内に入って居るものがタイムラインに表示されますが

アニメーションフォルダー内でレイヤーフォルダーを作成すると

レイヤーフォルダー内の絵は一枚の絵として表示されます。

 

フォルダーに入れずレイヤー１枚のものはそのまま１枚絵で表示されます。

線画と塗りを別に作成したい場合はレイヤーファイルの作成をして

レイヤーの挿入が必要になります。

新規アニメーションフォルダー作成

髪の絵を作成するためにアニメーションフォルダーを作成します

↑タイムラインの新規アニメーションフォルダーをクリックします

↑するとレイヤーに新しいアニメーションフォルダーが作成されます。

名前を髪に変えました。

 

アニメを作る場合は絵の切り替えが必要になります。

切り替える絵を同じアニメーションフォルダー内に入れ

タイムラインにレイヤー番号を入力することで絵の切り替わりを行います。

新規アニメーションセル作成

次は実際に絵を描くためのセル（レイヤー）の作成です

↑タイムラインの新規アニメーションセルをクリックします

↑すると選択していたアニメーションフォルダーの中にセル（レイヤー）が作成されます。

↑今回は線画と塗りを分けたいので

レイヤーフォルダーを作成し、そのフォルダー内にレイヤーを挿入します。

 

ここで再びタイムラインとレイヤーのつながりについてになりますが

アニメーションフォルダー内のフォルダーの名前がタイムラインに記入する名前になります。

 

タイムラインに名前を入力しないと絵の編集は出来ませんので

絵を描く前にタイムラインに入力をしましょう。

 

名前を選択するウィンドウは

タイムラインでマウスを右クリックすると開けます。

ウィンドウで名前を選択するとタイムラインへの入力は完了です。

これで絵を描く準備ができました。

 

手間がかかって大変ですが、動くのを見るのは楽しいので頑張ってみましょう。

＊補足（絵の表示時間、範囲の変更）

タイムラインの中途半端な位置に数字が出てしまった場合の変更方法です

マウスをタイムラインのこの位置に持って行くと表示が変わります。

この位置ですと表示の時間を変更することが出来ます。

↑この位置ですと変更はできません。

クリックしてドラックして離すと

表示時間が短くなりました。

 

これに気付くまで何度も入力をし直しをしていたので覚えておくと

とても便利です。

髪一枚目

髪の毛を描いていきます。

↑線画のみを描きました。

同じレイヤーフォルダー内で別レーヤーに色を塗りました。

 

また同じ解説になりますが、アニメーションフォルダー内のフォルダーの名前や数字がタイムラインに入力する物になります。

髪二枚目を描く準備

髪の動かす為に二枚目を描きます。

その準備です

新規アニメーションセルをクリックします

 

たまに新規アニメーションフォルダーを押してしまうかも知れませんが、

ctrl＋ｚで戻ってクリックし直しましょう。

セルがレイヤーウィンドウに追加されました。

 

最初はレイヤーで追加されましたが、

一度レイヤーフォルダーを作ると、そのフォルダーと同じものが追加されます。

（レイヤーは白紙です）

先ほど解説したように、タイムラインへの入力をしないと

レイヤーフォルダー内のレイヤーに絵を描くことが出来ません。

タイムラインの４の位置で右クリックをして、ウィンドウを開き入力したい新規の名前を入力します。

これで二枚目の絵を描く準備が完了しました。

 

覚える事が多いので、覚えきれない方の為に同じ事を何度も解説しますが、

覚えた方は読み流してくださいませ。

髪、二枚目（オニオンスキン）

髪の二枚目を描いていきます

ここでまた新機能です。

覚えるのが大変ですが頑張りましょう。

 

タイムラインのオニオンスキンをクリックしましょう。

すると一つ前の絵が青っぽく表示されました。

 

これを参考に絵を作成していきます。

今回はばさばさ動いていれば良いので

雰囲気だけ合わせて作成しています。

 

動かす幅によって動きが変わるのでいろいろ試してみてください。

一度動きを見てみましょう。

シートに交互に絵を入れてみました。

二枚だとこうなりました。

これでも全然良いと思います。

いったんここで終了して二枚でアニメーションを作ってみると楽しいと思います。

髪、三枚目作成

三枚目の作り方は二枚目とほぼ同じです。

タイムシートの新規アニメーションセルをクリックして、２枚目同様フォルダーを作ります。

 

そしてタイムシートの入力をします。

ここで繰り返しになりますが、入力をしないと絵が描けません。

 

覚えるまでに何度か「何でかけないの！？」に陥ったので

自分への戒めの為に何度も書いておきます。

次はオニオンスキンをクリックします。

後ろの絵がないので上記の様には表示されないと思います。

 

青いのは一つ前の絵、緑は一つ後の絵です。

 

３枚リピートなのでどちらとも同じ形にならないよう、

二枚目、これから描く三枚目、一枚目

をタイムラインに入力しています。

 

つまり青い絵が二枚目、緑の絵が一枚目の絵です。

三枚目を描きました。

 

ここも他の絵とかぶらなければいいのでざっくり描きました。

＊補足（セルの追加の仕方）

新規アニメーションセルをクリックせず、セルを追加する方法です。

 

いたって簡単、レイヤーフォルダーとレイヤーを

アニメーションフォルダー内に追加するだけです。

レイヤーウィンドウの新規レイヤーフォルダーをクリックします

すると今まで連番にしていた数字の次の数字（004）として追加されます。

しかしフォルダー内は空なのでレイヤーを追加する必要があります。

通常のレイヤー追加方法でレイヤーの追加が完了しました。

 

タイムラインに入力すれば、絵を描くことが可能になります。

タイムシートのコピー方法

タイムシートをリピートのしたいのでシートのコピーをします。

 

この短さならコピーは必要ないですが、キャラを数人並べてなどの場合はコピペが早いです。

最初の絵の最初のタイムライン（１の所）をクリックします。

キーボードのCtrlを押しながら次の絵の

最初のタイムライン（４の所）をクリックします。

同じくキーボードのCtrlを押しながら

次の絵の最初のタイムライン（７の所）をクリックします

次に右クリックをして

コピーを選択します。

貼りたい位置、今回は１０のところで右クリックをして貼り付けをします

これで貼り付けが完了しました。

 

これだとリピートにならないので

タイムラインのフレーム数を減らしたいと思います。

フレームの減らし方

タイムラインが１秒間を２４フレームで区切られています。

その中の要らない６フレームを削除します。

 

つまり約０．８秒に２回リピートするアニメになります。

タイムライン内で右クリック。

 

フレームを削除を選択します。

６フレーム分削除したいので、６と数字を入力してOKを押します。

これで３枚絵で２回リピート分（0+18）のアニメが完成しました。

 

タイムシートの右向き三角（再生/停止）を押すと動きを確認できます。

gif書き出し

アニメーションをＳＮＳやイラストサイトに載せるために書き出しをします。

 

これで最後にります。ここまで見てくれてありがとうございます。

もう少しです、頑張りましょう。

ファイルからアニメーション書き出し、アニメーションGIFを選びます。

 

次の画面で保存する場所や名前の設定をしてください。

 

↓の画像はその画面の後の画面になります

上記に設定をしてOKを押します

お疲れ様でした！

これでアニメーションの完成です。

書き出したデータを確認してみてください。

3枚だと激しい髪の動きになります。

緩やかな髪の動きを作るには一秒からそれ以上必要になるので枚数も増えていきます。

 

体を描いて居れば服や装飾品などをうごかすとそれっぽくなったりもします。

 

 

今回の解説はこれで終わりです。

参考になれば幸いです。