イラストから簡単に伝統の墨風アニメーション

4,773

viciaia

viciaia

絵を繰り返し描いているように振ってインクを加えて懐かしさを感じさせ、昔風のアニメーションを作ってみましょう。これは、ストーリーテリング アニメーションやフラッシュバック シーンに適しています。 ( ^_^)

単一のイラストから作成するのは非常に簡単で、必要なキーフレームは数個だけです。24 フレームにフレーム制限がある Clipstudio Paint Pro バージョンでも作成できます。

ビデオチュートリアル

パート 1 : イラストを準備する

これは、このチュートリアルで使用するイラストのために準備したプロセスです。

この効果を得るには、アートのアウトラインをベクター レイヤーで作成する必要があります。この効果をベクターレイヤーにインクを入れなかったイラストに適用したい場合は、次のプロセスに進む前に下書きが必要になる場合があります。

 

新しいベクター レイヤーを作成し、その上のすべてのアウトラインを G ペンで単にインクします。

 

[オプション] ペーパー タービンは、後で回転運動のために別のレイヤーに描画します。

ベクター レイヤーの操作について詳しくは、こちらをご覧ください。私のチュートリアルを確認してください:

後で混乱を避けるために、後でさらに動きを加える予定がある場合は、アニメーション用のパーツをグループ化してください。

パート 2 : インクを伝統的なインク スタイルに変える

アートに伝統的な外観を作成するための鍵は、インクと色にテクスチャを追加することです。このチュートリアルでは、私のお気に入りの Clipstudio のデフォルト ブラシである [テクスチャード ペン] を使用します。

ツールのプロパティ パネルの右下隅にある設定で、ブラシをカスタマイズして、より質感の高い外観にすることができます。追加ブラシ設定のポップアップパネルが表示されます。

ラフな感じにしたい場合は、ブラシ先端の[太さ]とブラシストロークの[ギャップ]を調整します。

新しいラスター レイヤーを作成し、キャンバス上でストローク テストを行って、適切な設定を見つけます。

ブラシのカスタマイズが終了したら、複製ブラシ アイコンをクリックして、この設定でブラシのコピーを作成します。

[テクスチャペン]ブラシを選択し、ツールプロパティパネルのリセットアイコンで初期設定に戻します。これにより、デフォルトのブラシを再度使用する必要があるときの混乱を避けることができます。

次のステップでは、このブラシをインク ベクター レイヤーに適用します。

 

新しいブラシを選択し、追加設定アイコンをクリックします。

 

サブツールの詳細パネルで、ブラシの形状 > プリセットに追加に移動します

インクはベクターレイヤーで選択し、[オブジェクトツール]で[ツールプロパティ]パネルでインクの設定を確認できます。

このパネルでインクの色やブラシの形を変更できます

ブラシ形状のオプションをクリックすると、登録したブラシが表示され、それを選択すると、ブラシは即座にベクターインクに適用されます。

このオプションを使用して、ブラシ サイズとブラシ ダイナミックを調整することもできます。

ブラシ ダイナミクスの詳細については、こちらをご覧ください。ここで、従来のインクに関するチュートリアルを確認してください。

インクのカスタマイズ オプションもここにあります。

ストロークの[ギャップ]の値を調整して、インクの流れがより滑らかに見えるようにします

 

バー調整を有効にするには、[ギャップ] の最初のオプションを選択する必要があります。

 

ただし、調整によって乱雑に見える領域がある場合があります (インクの扱い方にもよりますが、ストロークがきれいになるほどカスタマイズしやすくなります)

[線修正]サブツールの[線の太さ調整]ツールで簡単に修正できます

カラー ホイールで色を選択して、インクの色を変更することもできます。

 

[オプション]また、ぼかし効果をカラー レイヤーに適用して、柔らかく見せます。

 

すべてのカラー レイヤーを選択し、右クリックしてそれらを結合します。

 

次に、メニュー[フィルター>ぼかし>ガウスぼかし]でぼかします

パート 3 : アニメーション インク効果を作成する

伝統的に、これが私がこのスタイルでアニメーションを作成する方法であり、ベクトルレイヤーを知るまでの生活は、私にとっては時間のかかる作業です。動いていないシーンを面白く見せるために、私はいつもこの小さな繰り返し線の動きを加えています。

1 秒あたりのフレーム数が多いほど、動きが速くなります。ゆっくりとした動きの方がストーリーのテーマに合っている場合もあります。

 

タイムライン パネルで、[新しいタイムラインの作成] アイコンをクリックします。 (このパネルがない場合は、[ウィンドウ > タイムライン] で開くことができます)

 

Clipstudio Paint Pro バージョンを使用する場合、再生時間は 24 フレームに制限されます。

これは、フレーム レートを 1 fps に設定でき、24 フレームのアニメーションを 24 秒間持続できることを意味します。

 

24 フレームで 2 fps = 12 秒

24 フレームで 4 fps = 6 秒

24 フレームで 8 fps = 3 秒

24 フレームで 12 fps = 2 秒

 

私は常に gif アニメーションには 4 ~ 8 fps、アート プロセス表示アニメーションには 1 ~ 2 fps を推奨しています。

 

新しいアニメーション フォルダーを作成します。

インク レイヤーをアニメーション フォルダーにドラッグします。

 

ダブルクリックしてレイヤーの名前を変更します (これはオプションですが、レイヤーを複製するとレイヤーの順序番号も生成されるため、これを行うことをお勧めします)

アニメーション フォルダーを選択してキーフレームをキャンバスに割り当て、レイヤー選択アイコンをクリックします (またはタイムラインを右クリックして設定します)。

レイヤー番号が自動生成される[新規レイヤー]アイコンにレイヤーをドラッグして複製します。

レイヤーをタイムラインに表示するように設定します。

[ オブジェクト ] ツールでレイヤーを選択し、インクをカスタマイズして、元のフレームとは異なる外観にします。

インクを設定するために常に使用する主なオプションは次のとおりです。

ストローク > ギャップ

筆先>太さ・角度

 

複製して3コマ目を作り、インク調整の手順を繰り返す

 

(パターンの繰り返しを避けるためにランダムに注文しましたが、これはオプションです)

 

これで、インクにグリッチが発生する可能性があります。

 

しかし、それはまだシーンに描かれた繰り返しのようには見えません。

 

繰り返し描画のように見せるには、[線修正]サブツールの[線幅調整]ツールでインクキーフレームの線の太さを調整します。

 

注: [行全体を処理] オプションをオンにして、修正をペイントした領域にのみ表示されるようにしないでください。

 

[ベクター線をピンチ]ツールで線を元の位置から少し曲げます

 

【重要】ちょっとだけ!!

 

もう 1 つの注意: 線が自由に移動できるように、[固定端なし] モードを好みます。

 

これを各キーフレームで繰り返すと、アートに非常に簡単にインクを振る効果を得ることができます。

パート 4 : インク効果のあるアニメーション

このステップでは、ペーパー タービンやまばたきなどの動きをシーンに追加します。

 

ペーパータービン用のファイルオブジェクトを作成し、レイヤーフォルダーを右クリック→[ファイルオブジェクト→レイヤーをファイルオブジェクトに変換]

 

領域を[描画領域]に設定してファイルを保存します。

ファイル オブジェクトを開きます。画像はレイヤーの端でトリミングされます

[編集] > [キャンバス サイズの変更] に移動して、注目のエッジ効果の領域を追加します

各次元に 20 ピクセルを追加すると、追加のエッジのプレビューも表示されます。

カラーレイヤーにぼかし効果を適用します。キャンバスの追加領域により、ぼかし領域を広げることができます。

[オブジェクト]ツールでインクテクスチャを適用

ファイルを保存して元の画像に戻ると、タービンのインクが全体図に合っていないことがわかります。

インク調整を行いやすくするには、キャンバス パネルをドラッグして横にドッキングします。

これでインクを編集できるようになり、タービン ファイルに保存すると、元の画像にインクが表示されます。 (時間を節約するには Ctrl+S を使用します)

新しいタイムラインを作成し、インク アニメーションを作成する手順を繰り返します。

 

注: フレーム レートがメイン画像と同じであることを確認してください。

 

ただし、アニメーションはメイン イメージに表示されないため (オブジェクトはアニメーション化されていないオブジェクトとして記憶されるため)、アニメーション化されたファイル オブジェクトとして再度インポートする必要があります。

 

[ファイル > インポート > ファイル オブジェクトの作成] に移動し、タービン ファイルを選択します。

 

[オブジェクト]または[移動]ツールでファイルをその位置に移動します。次に、古いオブジェクト ファイルを削除します。

タービンのインクアニメーションがメイン画像に表示されます

タービンに回転運動を追加し、オブジェクト レイヤーを選択して、レイヤー キーフレームを有効にします。

キーフレームの種類を[線形補間]に設定し、タイムラインの最初と最後に追加します。

[オブジェクト]ツールでキーフレームを選択し、[ツールプロパティ]パネルで値を調整することで、キーフレームに回転値を設定できます。

ここでタービンは反時計回りに動きます。

したがって、最初のキーフレームは 360 度に設定され、最後のフレームは 90 度のステップに設定できます: 270、180、90、0 (タービンは 4 面対称であるため、90 度ごとに同じ画像が表示されます)回転します)

速く回転させたい場合は最後のフレームを0にすると、6秒で360度回転します。 (フレームレート4)

 

過去のチュートリアルで回転についてより明確に説明しました。

最後のキーフレームを少し後ろにドラッグして、ループ間のギャップ フレームを削除します。

そしてタービン完成!!

目には、アニメーションフォルダを新規作成し、インクアニメーションを別のインクのように適用します

点滅アニメーション用。余分な 2 フレームを描画します。

オニオンスキンを有効にしてキーフレームを描きやすくする

目の色は、まばたきしたときだけ色が変わるので、別のアニメーションフォルダに入れました。他のキーフレームはすべて同じです。

キーフレームを繰り返してインク アニメーションを作成します

私も猫の瞬きでこのステップを繰り返します^w^)/

 

これが結果です。非常に簡単な従来のインク アニメーション

 

動きが遅すぎると感じたら、[アニメーション > タイムライン > フレーム レートの変更] に移動して、アートのフレームレートを簡単に変更できます。

フレームの総数を変更するにはチェックしないでください

重要: シーン上のアニメーション オブジェクトのフレーム レートも変更する必要があります。

フレームレートの結果: 8 フレーム/秒

パート 5 : 紙のテクスチャとカメラ効果の最終調整

このステップでは、水彩紙や手ぶれなどのエフェクトをイラストに適用して、手描きのキーフレームに近づけます。

紙のテクスチャを画面に配置します。ここでは、標準の Clipstudio テクスチャである Drawing Paper を使用します。ただし、標準の素材に満足できない場合は、Clipstudio アセットに多くの紙のテクスチャがあります。

 

マテリアル パネルに描画用紙のテクスチャがあります。アセットをキャンバスにドラッグ アンド ドロップするだけです。

 

(テクスチャがすべてのレイヤーの上に表示されるように、キャンバスに素材をドラッグする前に最上位のレイヤーを選択してください)

 

[オブジェクト]ツールで素材のサイズを変更

 

レイヤーの合成モードを変更し、ここでは[線形焼き]モードを使用して画像にテクスチャの影をブレンドします。次に、不透明度を調整して明るくします。

テクスチャの色はデフォルトでグレースケールです。画像の色調が暗くなりすぎる場合があります。

テクスチャのレイヤーカラーを変更して、より自然に見えるようにします。

 

[レイヤーカラー]アイコンをクリックし、明るい色(黒よりも薄い色)を選択して[レイヤープロパティ]パネルに適用します

 

紙にも動きを加えて、新しいアニメーション フォルダーを作成し、テクスチャ レイヤーを中に入れます。 (名前も変えます)

テクスチャーレイヤーを複製し、オブジェクトを移動・回転させてテクスチャーの動きを作ります。

また、不透明度を調整して、軽いグリッチ効果を作成します。

レイヤーの合成効果をキャンバスに反映させるには、アニメーションフォルダーの合成モードを[スルー]にする必要があります。設定しない場合、レイヤーは[通常]描画モードで画面に表示されます。

示されているキーフレームを繰り返します。

紙テクスチャーのイージーノイズ追加

追加のライト効果を得るには、レイヤーを[新規フォルダー]アイコンにドラッグします。 (または [Ctrl+g] を押します)

また、フォルダーの描画モードを[スルー]に設定する必要があります

フォルダー内に、色で塗りつぶしたレイヤーを追加し、モードを[追加(グロー)]に設定すると、画面に追加の光を当てることができます

ビネットを追加するには、新しいレイヤーを作成し、柔らかいエアブラシでエッジをペイントします

レイヤー合成モードを[線形焼き込み]にして不透明度を調整

ビネット(暗いコーナー)効果が簡単に得られます

いくつかのカメラ シェイクを作成するには、新しい 2D カメラ フォルダーを作成し、その中にすべてのレイヤーを配置します。

タイムラインでカメラを少し (少しだけ) 調整して、カメラにいくつかの不具合を作成します。

(キーフレームはカメラフォルダーのタイムラインに自動で作成されます)

 

このアイコンをクリックすると、カメラのリアル ビューに切り替えることができます。

 

オプション: カメラフォルダー内のソフトエアブラシとレイヤーモード [追加 (グロー)] を使用して、後で余分な光効果を追加することもできます

レイヤーのキーフレームを有効にして、効果の不透明度を調整して、光のボリュームのバリエーションを作成することもできます。

フィニッシュ!!

補正レイヤーを使えば簡単に色味も変えられる【グラデーションマップ】

自分でグラデーションを調整することも、プリセットを選択して画像の色調を変更することもできます。

不透明度を下げて、効果の色を減らします。下のすべてのレイヤーに効果が適用されます

10秒でできる昔のフィルムモード^^

私のチュートリアルで勾配マップの詳細を学ぶこともできます:

私のチュートリアルが、あなたのアートを紹介するためのヒントになれば幸いです。少し編集するだけで、何度もキーフレームを描く必要はありません^ ^

 

アニメーションを楽しんで、健康で安全に過ごしてください。次のチュートリアルでお会いしましょう。

コメント

新着

公式 新着