サイバーパンクのテーマについて考えるとき、鮮やかな光、未来的なデザイン、たくさんのケーブル、機械的な要素が含まれるでしょう。サイバーパンクアートには常にホログラムが登場します！

このチュートリアルでは、ホログラムアニメーションを簡単に追加して、あなたの作品をこれまで以上にクールに見せる方法を紹介します！

ビデオチュートリアル

準備

アニメーションには、メイン画像とホログラム表示の2つのファイルを用意する必要があります。

メイン画像は、シンプルに描画・彩色しました。ホログラムがより際立つように、背景にはあまり詳細を描き込みませんでした。

ホログラムは、フレームバイフレーム方式でアニメーション化し、録画されたビデオで話しているような動きを少し加えました。

フレームバイフレームアニメーションでホログラム画像を作成する

ホログラムビデオに多くの動きは必要ありません。シンプルな話すビデオログで十分です。

 

表示される動きは、少し生き生きとさせるためです。唇の動きと瞬きです。

 

 

新しいファイルを作成します。

 

次に、この設定で新しいタイムラインを作成します。

（より良い動きが必要な場合は、より高いフレームレートに設定できますが、ここでは画像の小さなアニメーションを作成しているので、最小限の滑らかさを優先しています）

注意：Clip Studio Paint Pro版を使用している場合、最大再生時間は24ですが、8fpsのフレームレートでもスムーズに動作します。

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

フォルダー内に新しいアニメーションセルを作成し、最初のフレームを描画します。

編集するには、レイヤーを「新規レイヤー」アイコンにドラッグするだけでフレームを複製でき、簡単に編集できます。

次に、タイムラインを右クリックしてキーフレームを設定します。

オニオンスキンを使用して、描画を簡単に編集することもできます。

これらのいくつかのフレームを繰り返すことで、ホログラムの簡単なフレームバイフレームアニメーションを作成できるようになります。

線画には、新しいベクターレイヤーを作成します。新しいベクターレイヤーがアニメーションフォルダー内にある場合は、外に移動させます。

画像の動かない部分のみを描画します。

スケッチのキーフレーム用のフォルダーを作成します。インクレイヤーを中に入れるには、レイヤーを「新規フォルダー作成」アイコンにドラッグします。

次に、インクレイヤーをフォルダー内にドラッグし、別のキーフレームフォルダーにレイヤーをコピーしてから編集します。

ヒント：口を開けるとき、顎は少し下がります。

「線修正」サブツールの「ベクター線つまみ」ツールを使用すると、簡単に編集できます。

まるで魔法のように顎を下にドラッグできます！

そして不要な線を取り除いて修正します。

アニメーションプロセスでクールなベクターツールが何ができるかについては、過去のチュートリアルで詳しく学べます：

「新規ラスターレイヤー」を作成し、キーフレーム用のフォルダー内に直接ペイントできます。

ヒント：キャラクターが話すときに画像を少しずらします。これにより、動きがより生き生きとします。^_^

完了したら、後で使用するためにファイルを.clip形式で保存します。

ホログラム効果を適用する

アニメーションではない画像の場合、ホログラム効果は「レイヤーの合成モード：加算（発光）」を使用すると簡単に作成できます。

画像に透明感も加わります。

ホログラムに強い光を加えるには、暗い背景領域に表示されるようにします。

また、後ろのオブジェクトにハイライトを追加して、よりリアルに見せます。

 

アニメーションではない画像の簡単なホログラムに取り組んでみましょう。

新しいキャンバスを作成し、ホログラムと背景画像をインポートします。

[ファイル > 読み込み > ファイルオブジェクトとして読み込み]

注意：アニメーション化しない場合は、[ファイル > 読み込み > 画像] も使用できます。

 

この読み込み方法では、両ファイルのレイヤーが混同することはありません。

 

ホログラムの位置を調整します。

次に、レイヤーの合成モードを「加算（発光）」に設定すると、描画が瞬時にホログラムのように見えます。

より透明感のある見た目にするには、ファイルオブジェクトを編集できます。

[レイヤーを右クリック > ファイルオブジェクト > ファイルオブジェクトのファイルを開く]

 

用紙レイヤーを削除し、背景レイヤーの透明度を下げます。

デジタルデバイスからのように見せるための線効果を追加するには、ホログラムに線効果を適用します。

 

ラスターレイヤーに長方形ツールで長方形を作成します。

 

「素材」パネルで横線を選び、キャンバスにドラッグします。

ホログラムレイヤーをトーンでクリッピングして、その上に表示させます。

トーンは後で「レイヤープロパティ」パネルで編集できます。

太いストリップを作成します。

トーンレイヤーをラスター化します。レイヤーを右クリック > [ラスター化]

また、マスクを「削除」アイコンにドラッグして削除します。

背景レイヤーを右クリックして選択範囲を作成します。

[レイヤーから選択 > 選択範囲を作成]

次に、トーンレイヤーを右クリックして[レイヤーマスク > 選択範囲外をマスク]を選択します。

ここでは、ホログラムオブジェクトを[通常]モードに、ストリップを[加算（発光）]モードにする必要があります。

長方形を移動させてレイヤーにクリッピングし、光の効果を作成することもできます。

ホログラムに浮遊感のある奥行きを加えるには、レイヤーをグループ化し、フォルダーモードを[透過]に設定します。

また、マスクを右クリックして[レイヤーにマスクを適用]することで、簡単に編集できるようにマスクをクリアします。

これでフォルダーをクリックし、[編集 > 変形 > 自由変形]で変形できるようになります。

これであなたの簡単なホログラム効果が完成です！！

^_^

光とグリッチのアニメーションを追加する

ホログラムのアニメーションを作成するには、ホログラムファイルと同じフレームレートのタイムラインを作成する必要があります。

再生時間は、後で右クリックして[フレームの挿入]で調整できます。

これでホログラムアニメーションの準備ができました！

>>光の効果

光の効果は、ホログラムが不安定な光源から発せられているように見せます。

このアニメーションを作成するには、レイヤーフォルダーの不透明度を編集するだけで済みます。

 

ホログラムフォルダーを選択し、レイヤーキーフレームを有効にします。

 

[+]アイコンをクリックして、タイムライン上で不透明度を表示します。

1点をクリックするだけで、レイヤーパネルで不透明度を調整できます。

キーフレームはタイムラインに自動的に表示され、クリック＆ドラッグで調整できます。

タイムライン上で不透明度を変化させます。

ホログラムに非常に簡単な光の効果が得られます。

>>グリッチ効果

グリッチには、主にカラーとディストーションの2種類があります。

しかし、どちらも同じ概念で、突然、短い時間に発生します。

 

カラーグリッチから始めましょう。このグリッチでは、シアンとマゼンタのレイヤーが表示されます。

 

この種のグリッチでは、レイヤーカラー効果の方法を使用します。

ホログラムフォルダーを複製し、レイヤーキーフレームを無効にします。

カラーフィルターレイヤーを削除します。

フォルダー内のオブジェクトレイヤーで、そのレイヤーカラーを設定します。

マゼンタについても同様の手順を繰り返します。

 

ヒント：混同を避けるためにレイヤーカラーラベルを設定します。

 

キーフレームを再度有効にすると、作成した元のアニメーションの不透明度が表示されます。

右クリックして[全てのキーフレームを削除]でクリアします。

次に、タイムライン上でグリッチを発生させたい点を右クリックし、[最初の表示フレームを設定]を選択します。

そして2フレーム後に最後の表示フレームを設定します。

グリッチはタイムラインの長さにのみ表示されます。

「レイヤー移動」ツールでレイヤーフォルダーを移動します。

キーフレームは自動的に生成されます。

タイムラインの別の点でもこの手順を繰り返します。

このようにフレームを分割すると、動きは別のブロックとは関係なくなります。

 

グリッチが発生するタイムラインの点で、元のホログラムフォルダーよりも不透明度を低く設定すると、鮮やかさを抑えられます。

 

元のレイヤーも移動したい場合は、グリッチの前後にキーフレームを作成します。

次に、中央のフレームを選択し、ホログラムレイヤーフォルダーを移動します。

これでホログラムにカラーグリッチが加わりました。

ディストーショングリッチについては、カラーグリッチと同じ方法を使用し、レイヤーをコピーしてタイムラインに表示時間を設定します。

 

ただし、代わりにメインホログラムのタイムラインで[クリップの分割]を使用します。

 

隙間を分割し、分割されたタイムラインを選択して右クリックし、[削除]します。

タイムラインはこのようになります。

レイヤーキーフレームを無効にし、レイヤーのコピーを作成します。

複数のレイヤーを選択（Shiftキーを押しながら選択）し、自由変形（Ctrl+T）または[編集 > 変形 > 自由変形]でレイヤー全体を移動します。

選択サブツールの[折れ線選択]を使用して、画像の一部を切り取り、グリッチを作成します。

 

黒いストリップレイヤー（すべてのクリッピングされたレイヤーの下にあるレイヤー）を切り取ります。

 

簡単なディストーショングリッチ！

タイムライン上で別のグリッチ用にレイヤーをコピーします。

これで完了です！！

最終調整

最終調整として、画像の背景に詳細を追加し、より文脈を持たせました。

背景からあまり浮き出ないように、シンプルなフラットカラーで作成しました。

 

次に、レイヤーキーフレームを有効にし、不透明度を調整して、別のライトスクリーン画像のように揺れているように見せます。

 

背景の上に新しい乗算レイヤーでさらに影を描き、奥行きを深めました。

そして、発光レイヤーにハイライトを追加します。

ハイライトレイヤーにもレイヤーキーフレームを有効にし、ホログラムの不透明度に合わせてその不透明度を調整します。

ハイライトはホログラムに関連します。

オプション：背景にボケ光を追加して、さらに詳細を加えます。

また、エアブラシで青と紫のいくつかの色を使って発光レイヤーを追加し、画像に魅力を加えます。

これでホログラムの完成です！！

このチュートリアルが、あなたの作品にホログラムアニメーションを追加するアイデアの助けになれば幸いです <3

アニメーションを楽しんで、良い一日を！！