はじめに

こんにちは！Hira Karmachela こと BABE ODED です。この投稿では、Clip Studio Paint を使って写真をアニメーションアートに変える経験を共有します。この作品では、カメラ付き携帯電話で写真を撮影し、CSP でいくつかのテクニックを使って編集しました。最後に、いくつかのオブジェクトをアニメーション化して、並外れた芸術作品に見せています。

 

この投稿が、アニメーションアートの制作方法や CSP を使って写真を加工する方法を探している方にとって、興味深いヒントになることを願っています。

マニピュレーションアートについて

マニピュレーションアートとは、写真を編集して現実を超えた幻想的なもの、またはシュルレアリスムの流れを汲むものを表現する芸術作品にするテクニックです。写真は、現実世界では不可能なことを示すように意図的に加工されますが、既存の写真のディテールは保持されます。

 

この作品では、複数の写真を編集して1つの作品にし、アニメーションアートとしてまとめる予定です。

#1 アイデアの決定

まず最初に行うべきことは、もちろん制作する作品のアイデアを決定することです。これにより、オブジェクト、ポーズやジェスチャー、そして必要であれば背景の選択を含む写真撮影のプロセスが決まります。撮影された写真は CSP を使用して処理されるため、編集プロセスを容易にするために効率的に撮影する必要があります。

#2 カメラで複数の写真を撮影する

次に、カメラでいくつか写真や画像を撮影します。簡単に言うと、私は携帯電話のカメラを使って写真を撮ります。被写体と必要なポーズやジェスチャーを、あらかじめ決めたアイデアやコンセプトに合わせて配置し、より効果的で効率的な写真撮影を行います。

#3 CSPで新規ドキュメントを作成する

PCでClip Studio Paintを開きます。次に、[ファイル] > [新規] に移動して新規ドキュメントを作成します。

ドキュメント作成ダイアログウィンドウが表示されます。Web公開を前提とした作品を作成するため、単位をピクセル（px）に設定します。イラスト/アニメーション作業がしやすいプリセットを選択してください。私はFHD 1980px × 1080pxを選択します。

キャンバスの向きを必要に応じて設定します。この作品では、縦向きの短い動画として公開したいと考えています。次に、ファイル名フィールドに作品のタイトルを入力します。

補足: 作品をアニメーションアートとして作成したい場合は、「動くイラストを作成する」にチェックを入れることができます。次に、必要に応じてセルの数、再生時間、フレームレートを設定します。この機能は、ドキュメント作成の最初だけでなく、後から追加することもできます。

「OK」をクリックします。

動くイラスト用のドキュメントを作成している場合、レイヤーパネルに「アニメーション」フォルダーが表示されます。当面は、まず写真の処理に集中できるように、フォルダー内の目のアイコンをクリックしてフォルダーを非表示にしてください。

#4 写真をドキュメントに読み込む

ドキュメントまたはキャンバスの準備ができました。次に、撮影した写真をドキュメントに読み込みます。写真がカメラのメモリからPCにコピーされていることを確認してください。[ファイル] > [読み込み] > [画像] に進みます。

読み込みウィンドウが表示されます。読み込む写真を選択し、「開く」をクリックします。

#5 画像の選択と切り抜き

次に、写真内のオブジェクトを選択して切り抜き、不要な背景から分離します。この段階では、必要性と利便性に応じて様々な選択ツールを使用できます。

オブジェクトの必要な部分がすべて適切に選択されていることを確認してください。

次に、不要な背景からオブジェクトを分離するために画像を切り抜きます。[編集] > [コピー] に進みます。

次に、元の写真レイヤーの上に貼り付けます。

元の写真レイヤーの上に、背景を隠し選択されたオブジェクトを表示するマスク付きのレイヤーのコピーが表示されます。次の編集プロセスを妨げないように、元の写真レイヤーを非表示にします。

#6 破壊的編集と非破壊的編集

次のステップは、写真の調整とエフェクトの適用です。しかし、最初にエフェクトを適用するための2つのテクニックを説明します。

 

最初のテクニックは「破壊的」なもので、エフェクトがレイヤーに直接適用されるため、編集メニューで元に戻さない限り、再度変更することはできません。このテクニックは、レイヤーが多すぎることによる煩わしさを避けたい場合に選択できます。

このテクニックを実行するには、まずレイヤーをラスタライズし、レイヤーにマスクを適用する必要があります。その後、レイヤーに自由に調整やエフェクトを適用できます。

マスクされたレイヤーには、2つのサムネイルが接続されています。白黒画像を表示するサムネイルがマスキングサムネイルです。マスキングサムネイルをクリックして右クリックすると選択ボックスが表示され、「レイヤーにマスクを適用」を選択します。

一方、ベクターレイヤーや読み込まれたレイヤーは、破壊的なエフェクトを適用するためにラスタライズする必要があります。レイヤーを右クリックして「ラスタライズ」を選択します。

破壊的にエフェクトを適用してみましょう。エフェクトを適用したいレイヤーがレイヤーパネルで選択されていることを確認してください。[フィルター] > [効果] > [芸術的] に進みます。他のエフェクトを試すために、任意のフィルターを選択できます。

「芸術的」効果設定ウィンドウが表示されます。希望する効果表示に従って、各オプションの数値を設定および入力します。「プレビュー」にチェックが入っている場合、キャンバス上で直接効果の結果を見ることができます。

次に、破壊的にレイヤーにトーンまたは色調整を適用してみましょう。[編集] > [色調補正] > [レベル補正] に進みます。

「レベル設定」ウィンドウが表示されます。既存のスライダーを動かすか、「自動調整」機能を選択するだけでレベルを調整できます。これは、選択したレイヤーに直接影響を与える破壊的なエフェクトの適用例です。

非破壊的にエフェクトを適用するテクニックとは異なり、エフェクトは選択したレイヤーに直接影響を与えるのではなく、選択したレイヤーに重ねてその効果を与える別のレイヤーとして作成されます。マスキングは、エフェクトを非破壊的に適用する1つの方法です。

非破壊的にエフェクトを適用してみましょう。[レイヤー] > [新規色調補正レイヤー] > [明るさ・コントラスト] に進みます。

「明るさ・コントラスト」設定ウィンドウが表示されます。必要に応じて数値を入力します。

レイヤーパネルを見てください。編集された写真レイヤーの上に新しいレイヤーが見つかります。このレイヤーは、その下にあるレイヤーに非破壊的な効果を与える補正レイヤーです。補正レイヤーを非表示にすると、効果も非表示になりキャンバス上では見えなくなります。

非破壊的テクニックは、編集されたレイヤーを直接損傷したくない場合に活用できます。ただし、編集されたレイヤーの上にレイヤーを積み重ねることに慣れる必要があります。

#7 ポスタリゼーションとハッチングのテクニック

この作品を加工する上で最も重要なのはポスタリゼーションです。これは、色の数とトーンを減らして写真がより平坦に見えるようにすることを意味します。

 

ポスタリゼーションは破壊的にも非破壊的にも行えます。私は選択したレイヤーに破壊的に適用することを選択します。[編集] > [色調補正] > [ポスタリゼーション] に進みます。

「ポスタリゼーション」設定ウィンドウが表示されます。必要な色効果を決定するために数値を入力するか、スライダーを動かします。キャンバス上のオブジェクトへの変更を直接見ることができます。数値が低いほどオブジェクトの色数が少なくなり、画像がより平坦に見えます。

これで写真が描画や絵画のように見えます。次に、ペンまたは鉛筆ツールを使用してハッチングテクニックでオブジェクトに詳細を追加できます。私は、選択したレイヤーに直接詳細を追加するために、ドットペンサブツールを備えたマーカーツールを選択しました。

次に、他の写真を同じ、またはさらに高度な手順で編集し、既存のオブジェクトと結合します。

#8 アニメーション化

すべての写真を編集し、作品に必要な詳細を追加します。以下はこの作品の編集です。背景といくつかのシェーディングの詳細を追加しました。

次に、いくつかのオブジェクトをアニメーション化します。しかし、この機会にClip Studio Paintでのアニメーション制作の原則を、フレームバイフレームのテクニックで説明します。

 

ドキュメント作成時に一時的に非表示にしていた「アニメーション」フォルダーがあることを思い出してください。「アニメーション」フォルダーを再表示すると、その中に24個のレイヤーがあることがわかります。各レイヤーは、アニメーションのセルまたはフレームを表します。

 

[ウィンドウ] > [タイムライン] に進みます。

タイムラインパネルがビューの下部に表示されます。次に、セルまたはフレームを埋めるために、まず分割タイムラインを作成する必要があります。タイムラインパネルの「新規タイムライン」アイコンをクリックします。タイムラインの要件を設定します。

作成したタイムラインに「アニメーション」フォルダーのトラックが表示されます。次に、アニメーションフォルダー内のレイヤーとタイムライン上のフレームを具体的にリンクします。フレーム1にはレイヤー1から開始します。

さあ、フレームバイフレームで描画を開始できます。フレーム1から開始し、タイムラインパネルでレイヤー編集モードをアクティブにします。アニメーションフォルダー内のレイヤー1を選択し、キャンバスに描画を開始します。

以降のフレームをアニメーションフォルダー内のレイヤーとリンクし続けます。フレームバイフレームの描画プロセスを容易にするために、タイムラインパネルで「オニオンスキン」機能をアクティブにします。

オニオンスキンは前のフレームの画像を透明で表示するため、描画するモーションシーケンスの前のポーズを知ることができます。

必要に応じて一連の動きを最後まで完成させます。作成中のアニメーションを時々再生して、結果が適切かどうかを確認します。

#9 最終結果

シェーディング、背景、テキスト、アニメーションなどの詳細を追加した後、この作品の結果は次のようになります。

OK！これで共有できることはすべてです。お役に立てれば幸いです。さらに多くのヒントを作成できるよう、ぜひ応援してください。

 

私のYouTubeチャンネルを購読してください:

 

私をフォローしてください:

私の作品を見て収集してください: