変換機能を備えた簡単にアニメーション化された対称的な背景

1,679 view

みなさん、こんにちは。このチュートリアルでは、Clipstudio変換テクニックを使用して対称的な背景を作成する非常に簡単な方法を紹介します。すべてを描く時間を節約できるだけでなく、必要な遠近法に関する専門知識がなくても、背景に驚くべき効果をもたらします。

対称的な外観をデザインする

アートの対称的な背景をデザインする前に、まずそれがどのように対称的であるかを知っておく必要があります。たとえば、宇宙船のトンネルの背景を、中心につながる1点の遠近法で設計します。

非常に基本的な一点視点はこのような部屋です

部屋の各コーナーに平行線を引き、部屋の側面を増やします。

今、私たちは8つの側面の部屋を持っています

反対側に同じ詳細を作成して、各側に詳細を追加します

後で追加するために非対称の詳細を計画することもできます

これで、背景(パネルを除く)が縦軸に対して対称であることがわかります。

また、横軸に対称

このパターンでは、片側だけを描画し、もう一方の側で繰り返します。

次に、後で追加のパネルを追加して、対称性を低くします(オプション)

ステップ1:バックグラウンド用にファイルを準備する

背景は、3つの壁を組み合わせたものになります。

それらを別々のファイルに描画します。

から始めましょう。

1:サイドウォール

新しいキャンバスを作成し、壁を描画するためのグリッドを有効にします

次に、メニュー[グリッド/ルーラー設定]でグリッドを設定します

ギャップをより多くのピクセルに設定して、描画しやすくします

メニューバーの[グリッドにスナップ]を有効にします

長方形ツールを使用して、壁の柱の詳細を描画します

各バー間のスペースが同じであることを確認してください。

長方形選択ツールを使用して、切り抜きを選択します。

このように領域をトリミングするように選択します

後でシームレスパターンも計画しているので、最後のスペースと最初のスペースのギャップの要約は、中央のギャップサイズと等しくなります。

[編集>切り抜き]に移動して画像を切り抜きます

背景の片側にシームレスなパターンが表示されます

光の効果を追加するには、バーレイヤーを複製します(レイヤーを[新しいレイヤー]アイコンにドラッグします)

ぼかしフィルターを適用し、[フィルター>ぼかし>ガウスぼかし]に移動します

バーのぼかし強度を調整します

次に、ぼかしレイヤーの透明部分をロックし、明るい色を選択して、レイヤーに塗りつぶします[Alt + Del]

オプション:別のレイヤーをコピーし、少し後ろに移動して明るい色で塗りつぶし、列に奥行きを追加します

より強い光が必要な場合は、光レイヤーをコピーできます。

レイヤーブレンディングモードでライトエフェクトを作成することもできます[追加(グロー)]

終了したら、ファイルをClipstudio形式(.clip)で保存します

2:ライトバー

幅の長い新しいキャンバスを作成します。これは、ループアニメーションの長さになります。

ポリラインツールを使用して矢印を描画し、線/塗りつぶしモードを塗りつぶしに設定してから、矢印を1つずつ描画します。

注:移動ツールはグリッドにスナップしません。グリッド上で1つずつ描画を繰り返すことをお勧めします。

描画を少し前に移動して、効果にスペースを与えます。左端のギャップが各三角形間の別のギャップと等しいことを確認します。

[Shift]キーを押しながら移動すると、元の位置と同じ水平方向に整列します。

ライトエフェクト用の新しいラスターレイヤーを作成し、[前景から透明]モードでグラデーションをペイントし、エッジプロセスをリバースモードに設定してから、グラデーションをキャンバスにドラッグします。

別の勾配波を消去し、1つだけ保持します。

レイヤーを[画像素材レイヤー]に変換

グラデーションオブジェクトの中心点が表示されます

ドラッグして、グラデーションの中心を画像の端に合わせます。

グラデーションを矢印にクリップすると、矢印バーに簡単なグロー効果が得られます。

これらは、光を動かすアニメーションの基本的な手順です。

新しいタイムラインを作成し、フレームレートを設定します。ここでは、12fpsと30フレーム長を使用します。

レイヤーキーフレームを有効にしてライトをアニメートする

タイムラインの最初と最後に新しいキーフレームを追加します(線形補間モードを使用)

最後のキーフレームをクリックし、グラデーションを前に移動します。これにより、ライトの動きが簡単になります。

ループにしたい場合は、アニメーションの開始と終了を同じように表示する必要があります。アニメーションを作成する前に、オブジェクトをコピーして前面に貼り付けます。

これがループアニメーションの開始点と終了点になります

オブジェクトを個別に移動する代わりに、すべてのグラデーションレイヤーをフォルダーに配置し、フォルダーのレイヤーキーフレームでそれらを一緒に移動できるようにします

グラデーションをフォルダとして一緒に移動すると、ループアニメーションが作成されることがわかりますが、ループにはまだ点滅のギャップがあります。

完全に滑らかにするには3つのグラデーションが必要です。ギャップは、できるだけ均等に調整してください。

グロー効果を作成するには、矢印バーをコピーして、ブラー効果を適用します。

ライトレイヤーフォルダーもコピーして最上位に移動し、矢印レイヤーのレイヤーモードを[Add(glow)]に設定します。

不透明度を下げると、バーのグロー効果が非常に簡単になります。

終了したら、クリップスタジオファイル(.clip)に保存します

3:フロア

床タイルの場合、グリッドのポリラインツールを使用してタイルを1つだけ描画します

前景から透明モードを使用して、メタリックな輝きの効果を作成します

注:横軸で対称であることを確認してください

次に、それを1つのタイルにトリミングすると、すぐに使用できます。

結論として、背景を作成するための3つのクリップスタジオファイルがあります

ステップ2:画像を変換して背景に結合する

スケッチから、別のパーツと対称なパーツをトリミングします。

選択ツールで領域を選択し、[編集]> [切り抜き]を選択します。

後で画像のサイズを変更するときに品質が低下しないように、画像のサイズを少し大きくします。

[ファイル>画像の解像度を変更]

新しいレイヤーを作成し、ポリラインツールを使用して背景を描画します。

壁オブジェクトをキャンバスにインポートし、[ファイル]> [インポート]> [ファイルオブジェクトの作成]に移動します。

オブジェクトをフレームに合わせて調整し、オブジェクトツールを使用します。

ツールのプロパティパネルで、モードを[パースペクティブ]に選択します。これにより、平行ノードのペアで壁の画像を調整できます。

フレームに合わせて画像を調整します。ズームアウトして、オブジェクトの全体的な境界線を確認できます。

[拡大縮小]または[拡大縮小/回転]モードを使用して、オブジェクトの幅を縮小します

また、[アスペクト比を維持する]のチェックを外すと、画像の片側だけのサイズが変更されます

ツールのプロパティパネルで、タイリングを有効にし、タイリングを水平方向に繰り返すように設定します

床で手順を繰り返します

アニメーションバーの場合、最初に画像のタイムラインを作成する必要があります。

重要:バーファイルと同じ設定を使用してください

最初のフレームを選択してファイルオブジェクトにインポートします。[ファイル>インポート>ファイルオブジェクトの作成]

他のパーツと同じようにフレームに合わせて調整してください。

新しいレイヤーを作成し、終了領域または画像に色を塗りつぶし、必要に応じて調整します

このように背景の片側のアニメーションを取得します

色調がうまく一致していない場合でも、心配しないでください。補正レイヤーを使用して調整できます。

[色相/彩度/明度]を使用して色調を調整するのが大好きです

修正を1つのパーツにのみ表示する場合は、パーツレイヤーでクリップします。

[オーバーレイ]レイヤーモードで画像に色調を追加することもできます

私はまた、より詳細のために余分な線を描きます

終了したら、ファイルをクリップスタジオ形式(.clip)で保存します

ステップ3:画像に背景を適用する

デザインから、シールと女の子を別々のクリップスタジオファイル(.clip)に描きます

紙のレイヤーを削除して、背景を透明にします

組み合わせシーン用の新しいキャンバスを作成し、背景ファイルと同じ設定でタイムラインも作成します

次に、背景のファイルオブジェクトをキャンバスにインポートします

一隅に移動します

ツールプロパティパネルのタイリング設定で、リバースモードに設定します

(それはMAGICのようなものです!!)

オブジェクトツールで変換モードを使用して、好みの比率にスケーリングすることもできます

タイムラインを右クリックして[フレームを挿入]してフレームの長さを延長します

背景ファイルオブジェクトのフレーム番号がシーンのフレーム番号よりも小さいため、タイムラインにギャップが表示されます。

ヘッダーをクリックしてタイムラインバーをコピーし、バー全体を選択します

次に[右クリック>コピー]

そして、バーの後の空白の場所に貼り付けます

これで、フレーム番号を拡張できます

アニメーションが一緒に登場し、素晴らしい効果を生み出します!

空白の領域にパネルを追加して、より詳細にします

壁に直接描画するのは複雑な作業です。グリッドを有効にして、複数の図形サブツールを使用して新しいレイヤーに描画しました。

これは楽しいタスクです^ _ ^

後で、すべてのレイヤーを選択して、無料の変換を作成しました[Ctrl + t]

(または[編集>変換>無料変換])

変換モード(オブジェクトツールと同じ)は、ツールのプロパティパネルにあります。

最初に全体を調整し、次に個々のパネルを後で調整します

フリップを使用して、パネルを別の側に適用することもできます

すべてのパネルを選択してレイヤーをマージし、レイヤーの透明部分をロックします

塗りつぶしツールを使用して、パネルに複数の色を塗りつぶします

パネルレイヤーをコピーし、ぼかし効果を適用し、[追加(グロー)]モードに設定して、パネルに光効果を適用します。

文字をファイルオブジェクトとして画像にインポートします

[Add(glow)]レイヤーモードで光を追加できます
そして[乗算]レイヤーモードで余分な影

結果:

ステップ4:シーンの追加アニメーション

これは、クリップスタジオ変換機能を使用して中間キーフレームを作成するための非常に便利なヒントです。

間にキーフレームを描かずに、キャラクターのまばたきのアニメーションを作成します。とても簡単です。

目は体のレイヤーから分離する必要があります。ここでは、目のレイヤーをフォルダーに配置します。

タイムラインで、新しいアニメーションフォルダーを作成し、その中にアイレイヤーフォルダーを配置します

注:タイムラインで注文しやすいように、フォルダーの名前を「01」に変更しました。

最初のキーフレームにある[セルを指定]アイコンをクリックしてキャンバスに表示し、目のキーフレームのフォルダーを選択します

フォルダを[新しいレイヤー]アイコンにドラッグしてキーフレームをコピーすると、新しいフォルダの名前が自動的に「02」に変更されます

タイムラインに表示するフォルダーを指定します(右クリックしてフォルダーを選択します)

[Shift]キーを押しながら、キーフレームフォルダ内のすべてのレイヤーを選択します
次に、[編集>変換>メッシュ変換]でメッシュ変換を作成します

目のメッシュ変換を作成します

ツールのプロパティで、[ベクトル幅の変更]がオフになっていることを確認します
次に、中間のキーフレームの半分近くに目を簡単に調整できます

タマネギの皮が前のシーンを見ることができるようにすると、調整が簡単になります

[Enter]を押すか、[OK]ボタンをクリックして変換を確認します。

目を完全に閉じた状態で描きます。

目を開くためのキーフレームも(逆に)繰り返します^ ^

注:メインシーンに一致するようにタイムラインの長さを設定することを忘れないでください。

[重要!]シーンにインポートする前に、キャラクターファイルにタイムラインを作成する必要があります。後にタイムラインを追加すると、アニメーションはシーンに表示されません。

キャラクターのフロートアニメーションをシーンに追加し、タイムラインの最初と最後に新しいキーフレームを作成して、ループアニメーションを作成します。

タイムラインの中央でアクティブになっているときにオブジェクトツールを使用してオブジェクトを移動または回転すると、移動のキーフレームが自動作成されます

光の光る効果を得るには、レイヤーのキーフレームを有効にして、タイムライン上の光のレイヤーの不透明度を調整します。

(タイムラインレイヤーの[+]アイコンをクリックして、タイムラインの不透明度を調整します)

カメラの回転を追加して、シーンにシーンの動きを追加することもできます

新しい2Dカメラフォルダを作成します

次に、カメラで移動する必要のあるすべてのレイヤーをフォルダー内に配置します

カメラのサイズを少し小さくして、移動するためのスペースを作成します(フレーム1でアクティブになっていることを確認してください)

次に、カメラフォルダのタイムラインの最後にキーフレームも追加します

タイムラインの中央でカメラを少し回転させて、カメラの回転運動を作成します

カメラビューに切り替えて結果を確認することもできます。

[オプション]シーンにホログラム効果も追加します

ホログラム効果についての私のチュートリアルを確認してください:

https://tips.clip-studio.com/en-us/articles/4286

最終結果

このチュートリアルで、ClipStudioの変換機能を使用するためのアイデアが得られることを願っています。

家で安全に過ごし、クリップスタジオでアートを作成して楽しんでください!良い一日をお過ごしください。次のチュートリアルでお会いしましょう^ _ ^

コメント

関連する記事

新着

公式 新着