イントロ
皆さんこんにちは。今日は、CLIP STUDIO PAINT バージョン 2.0 のレイヤープロパティパレットを使用した、デザインプロジェクト、コミック、イラストに役立つ実用的な機能とエフェクトをいくつか紹介します。
選択したレイヤーに応じて変化する表示プロパティの調査を開始し、次に図面、写真、3D オブジェクトから線と黒い塗りつぶしを抽出します。また、トーンやオブジェクトに色を追加し、デュオトーン画像を作成したり、テキストの非破壊的な二重境界線を作成したり、テキストと塗りつぶしでトーンを使用したり、カラートーンを重ねたり、写真からテクスチャを適用したりすることもできます。
このチュートリアルでは、主な例として下の画像のデザインを使用しますが、これらの機能と効果はすべて、あらゆる種類のプロジェクトに適用できます。それでは、始めましょう。
注: レイヤー プロパティ パレットの基本と設定について詳しく知りたい場合は、Clip Studio の公式ヒントを確認することもできます。
1. レイヤーの種類と表示/使用可能なプロパティ
[レイヤー プロパティ]パレットでは、さまざまな非破壊機能、効果、設定が紹介され、選択したレイヤーのタイプに応じて使用できるツールも表示されます。
パレットの幅に応じて、アイコンとエフェクトの名前、またはアイコンのみが表示されます。ドロップ メニューを使用してオプションを展開し、エフェクトの名前を確認することもできます。
さらに、EX バージョンには、3D オブジェクトや画像から線をすばやく抽出するために使用できる別のエフェクトがあります。これは境界線効果の横または下にあるはずです。
注: 何らかの理由で [レイヤー プロパティ] パレットが表示されない場合は、[ウィンドウ] > [レイヤー プロパティ] に移動します。また、ポップアップ パレットとしてコマンド バーに追加することもできます。
1.1 CLIP STUDIO PROの場合
CLIP STUDIO PROを使用すると、線の抽出を除くすべての機能が表示されます。これらのオプションは、選択したレイヤーに応じて変わります。一部の設定は表示されて使用できるようになりますが、一部の設定は表示されません。たとえば、ラスター レイヤーとベクター レイヤーの場合、同じ 3 つの標準効果と表現色のオプションが表示されます。ただし、紙の場合はレイヤーの色のみが表示されます。
テキストレイヤーでは、標準の3種類のエフェクトと表現色も確認できます。ただし、クイックマスクレイヤーと選択レイヤーの場合は、色のみを変更できます。
フォルダー レイヤーの場合は、ボーダー、トーン、レイヤー カラーの 3 つの標準効果のみを使用できます。塗りつぶしまたはグラデーションレイヤーの場合は、トーンとレイヤーカラーのみを使用できます。また、補正レイヤーまたはマスク付きレイヤーでは、グラデーションを表示するかどうかを選択できます。
3D レイヤーと画像または画像レイヤーのパターンについては、2 つの新しいオプションが表示されます。ディスプレイの減色と画像のオーバーレイ テクスチャの両方に対して。
重要: ファイル オブジェクト レイヤーをインポートまたは作成すると、画像レイヤーで使用できるのと同じオプションが表示されます。 png、jpg、psd、clip Studio ペイント ファイルからファイル オブジェクトを作成できます。
ファイル オブジェクトの詳細については、以下を確認してください。
1.2 CLIP STUDIO EXの場合（行抽出）
今見てきたオプションに加えて、EX バージョンでは、ラインとトーンへの変換機能のプレビューとして機能するエフェクト抽出ラインも使用できますが、トーンは機能しません。この機能は、3D レイヤーと画像でよく使用されます。
ただし、フォルダー、塗りつぶし、グラデーション、および補正レイヤーを除く、他のタイプのレイヤーでもこの効果を使用することもできます。
1.3 複数のエフェクト（同時）
各レイヤーで 2 つ以上のエフェクトを同時に使用できます。そうすると、アクティブなエフェクトの名前またはアイコンが水色で強調表示されます。
複数のエフェクトを同時に使用する場合は、レイヤー プロパティ パレットをスクロールしてエフェクトの値とパラメータを調整する必要があります。
ただし、レイヤー プロパティ パレットを移動して長さを増やしたり、コマンド バーのポップアップ パレットとして追加したりすると、時間を節約できます。
[レイヤー] プロパティ パレットのすべての効果は非破壊的であるため、適用したりレイヤーをラスタライズしない限り、いつでもプロパティを編集したりオフにしたりできることに注意してください。
2. 表現色＆表示減色
どちらの機能でも、グレー スケール モードまたはモノクロ モードでレイヤーを視覚化できます。 3D レイヤーとイメージ レイヤーの場合、式の色を変更するには、表示色の減少効果をクリックする必要があります。ただし、ラスター、ベクター、およびテキスト レイヤーの場合は、最初に効果を適用しなくても、レイヤー プロパティ パレットから式のカラーを直接変更できます。
注: ラスター、ベクター、テキスト レイヤーに加えて、プレビューの式カラーを適用できます。この変更は元に戻せないことに注意してください。したがって、変更についてよくわからない場合は、最初にレイヤーの複製を作成します。
2.1.従来の描画インクから線を抽出するモノクロ
インク描画から線を抽出するには、スキャンした描画をキャンバスに配置します。次に、[レイヤー] プロパティ パレットで [式の色] を [モノクロ] に変更します。レイヤーのサムネイルの横に、モノクロ オプションを使用していることを示す小さなアイコンが表示されます。
次に、黒い四角をクリックします。これにより、画像から白または明るい色が非表示になり、濃いインクの線だけが残ります。ただし、白い四角形をクリックすると、画像の白が戻ります。
[色のしきい値] スライダーを左に移動して、線の密度を下げることもできます。または、右に移動して、線 (インクと鉛筆) と紙からさらにテクスチャを抽出します。この例では、128 ～ 144 程度が適切に機能するはずです。
結果に満足したら、「プレビューの表現色の適用」をクリックします。
次に、モノクロレイヤーをペイントして、図面に影や詳細を追加できます。
2.2.画像から黒の塗りつぶしを抽出するモノクロ
画像や写真から線や黒塗りを抽出することもできます。この例では、[ファイル] > [インポート] > [ファイル オブジェクトの作成] からファイル オブジェクトをインポートしましょう。次に、使用するファイルを選択します。 jpg、png、psd、およびクリップ スタジオ ファイルを使用して、新しいファイル オブジェクトを作成できます。
[レイヤー]パレットに、それがファイル オブジェクトであることを示す小さなアイコンが表示されます。必要に応じて、ツール プロパティ パレットまたは操作ツールを使用して画像のサイズを変更します。
画像の式カラーを変更するには、まず [表示色を減らす] アイコンをクリックするか、[レイヤー] プロパティ パレットのドロップダウン メニューを使用して [モノクロ] を選択します。
次に、黒い四角をクリックして、画像ファイル オブジェクトから白または明るい色を非表示にします。
次に、満足のいく結果が得られるまで、しきい値カラー スライダを移動します。
3D レイヤーにも同じプロセスを使用できます。ただし、効果を確認するには、選択したレイヤーでオブジェクト ツールを使用していないことを確認してください。別のツールを選択するか、別のレイヤーをクリックすることができます。
3. レイヤーカラー
[レイヤーの色] オプションを使用すると、レイヤーの色をすばやく変更できます。デフォルトでは、クリックすると色が水色に変わります。
また、これは永続的な変更ではないため、いつでもエフェクトをオフにして元の画像に戻すことができます。
3.1.参照上に描画します
レイヤーカラーのデフォルトの水色は、最初に青鉛筆でスケッチし、後で別の色または黒のインクでスケッチ上に描画またはインクを塗ることに慣れている人にとって役立ちます。また、これは、Clip Studio で 3D キャラクターを使用し、参照上にスケッチまたは描画する場合にも役立ちます。
レイヤーカラーとモノクロプレビューを組み合わせて、参照上に描画するプロセスを容易にすることもできます。特に影や暗い領域を視覚化したい場合に最適です。必要に応じて、不透明度を下げることもできます。
次に、スケッチ上に水色を再度適用して、ベクター レイヤー上の描画またはインクを調整できます。
3.2.トーンに色を追加する
[レイヤー] プロパティ パレットからトーン効果を使用する場合、これらは常に白または黒になります。テキストや画像に色を使用した場合でも、その効果により情報は常に白黒になります。この例では、フォルダーに対してエフェクトを使用して、内部のすべてのレイヤーに影響を与えます。
したがって、トーンに色を追加する迅速かつ簡単な方法は、レイヤー カラー機能を使用することです。デフォルトの水色を変更するには、「レイヤーの色」の横にある最初の四角形をクリックして、希望の色を選択します。選択した色は、画像内のすべての暗い色を置き換えます。
サブカラーのデフォルトの白を変更することもできます。これは画像のすべての明るい色に影響します。
バケツのアイコンをクリックすると、現在選択している色が適用されます。また、レイヤーとサブカラーの両方に同じカラーを使用して、レイヤー内のすべてのトーンにソリッドでフラットな均一なカラーを取得することもできます。
このチュートリアルでは、トーンの機能と機能について詳しく説明します。
3.3.画像のデュオトーン効果
メインレイヤーのカラーとサブカラーを変更すると、画像に異なるデュオトーン効果を得ることができます。前のポイントで見たように、最初の長方形 (レイヤー カラー) はすべての暗い色を制御し、2 番目の長方形 (サブ カラー) は画像内のすべての明るい色または白に影響します。
グラデーション マップで複数の組み合わせを試すのと同じ方法で、色のさまざまな組み合わせを試すことができます。ただし、この場合、暗い値にはレイヤー カラー、明るい値にはサブ カラーの 2 色しか使用できません。中間トーンは、選択したカラーをブレンドした結果になります。
最初の長方形に明るい色を選択し、2 番目の長方形に暗い色を選択して、色を反転してみることもできます。
この効果は永続的または破壊的な変化ではないことに注意してください。したがって、必要に応じていつでもエフェクトをオンまたはオフにすることができます。
3.4.カラーファイルオブジェクト
ファイル オブジェクトを作成またはインポートする場合、ツール プロパティまたはサブ ツール パレットからその色を変更することはできません。ただし、[レイヤー] > [ファイル オブジェクト (X)] > [ファイル オブジェクトのファイルを開く] からいつでもファイル オブジェクトのファイルを開いて変更できます。
ファイル オブジェクトに色を付けるより速く簡単な方法は、レイヤー カラー機能を使用して色を変更することです。この場合、フラットアイコンを使用します。したがって、フラットで均一な色を取得したい場合は、レイヤーとサブカラーに同じ色を選択してください。バケツのアイコンを使用して、現在選択している色を適用します。
前の例と同様に、いつでも新しい色に変更したり、効果をオフにしたりできます。
4. ボーダー効果
デフォルトでは、境界線効果の名前またはアイコンをクリックすると、レイヤー内の既存のピクセルの周囲に白い境界線が作成されます。
スライダーを移動したり、特定の数値を書き込んだりして、エッジの太さを変更できます。最大数は 250 です。
バケツ アイコンを使用してエッジの色を変更して、選択した色を適用したり、四角形をクリックして新しい色を選択したりすることもできます。
4.1.テキストと文字の複数の二重境界線
ここで、境界線効果のあるテキストがあり、その周囲に複数の境界線を追加したいとします。
いつでもテキストエッジを使用して後で境界線効果を追加したり、その逆に二重境界線を取得したりできます。
テキスト機能について詳しく知りたい場合は、以下のリンクを確認してください。
ただし、複数の境界線を追加する最も速くて簡単な方法は、境界線効果がアクティブになっているレイヤーを選択し、それをフォルダー内に配置することです。これを行うには、[レイヤー] > [フォルダーの作成] に移動し、レイヤーを挿入します… その後、フォルダーに新しい境界線効果を適用できます。
このプロセスを何度でも繰り返し、境界線効果ごとに異なる太さと色を使用できます。
また、非破壊的なプロセスなので、いつでも戻ってテキストを編集したり、フォントのスタイル、サイズ、色を変更したりできます。
同じテクニックを、コミック、表紙、ポスター、ポストカード、その他のデザイン プロジェクトの文字や効果音にも使用できます。
5. トーン
レイヤーまたはフォルダーを選択し、レイヤー プロパティ パレットでトーン効果をクリックすることで、テキストまたは画像をトーンまたはスクリーン トーンに変換できます。画像内のすべての値を白と黒の図形またはドットで表します。
ただし、チュートリアルの前半で説明したように、レイヤー カラー効果を使用していつでも色を追加できます。
5.1.トーンのサイズと密度
トーンのサイズは、ドキュメントまたは DPI の解像度と領域ごとのトーンの周波数で制御できます。 350、600、1200 DPI などの高い解像度では、72 や 144 などの低い解像度とは対照的に、より大きなトーンが得られます。
新しいドキュメントを作成するときに解像度を選択できます。または、[編集] > [画像解像度の変更] から DPI を変更できます。同じピクセル数を維持したい場合は、「ピクセル数を変更しない」をクリックします。
トーンの周波数に関しては、数値が小さいほどドットが大きくなり、数値が大きいほどドットが小さくなります。
これで、ドットまたは形状の量が密度によって制御されます。デフォルトでは、レイヤーパレットのレイヤーの不透明度スライダー（0～100）でこれを制御できます。このオプションをオンまたはオフにするには、[レイヤーの不透明度を反映する] チェック ボックスをクリックします。
値を低くすると、より小さく独立したドットが生成され、明るい色が表現されます。値を大きくすると、ドットが大きくなり、より密になり、より暗い色が表現されます。
トーンの濃度を 0 ～ 100% で完全に制御するには、ピュア ブラックを使用します。 16 進数では、000000 になります。また、これにより、グレーやカラーを使用してトーンを作成するときに現れる、黒のトーンの周囲に白い境界線が発生するのを防ぐことができます。
使用するテキストを選択し、その点を右側の領域の最下隅にドラッグして色を黒に変更します。
次に、不透明度スライダーを使用して濃度を 0 ～ 100% の範囲で制御します。
注: 白のトーンを使用したい場合は、HEX FFFFFF で純粋な白を使用してください。
ただし、グレーやカラーを使用する必要がある場合、または使用したい場合は、[密度] 設定で [画像の明るさを使用] を選択することでレイヤーの白を非表示にすることができます。
チュートリアルの最初の部分で説明したように、トーン効果はラスター、ベクター、テキスト、フォルダー、3D、画像、ファイル オブジェクトなどのさまざまなタイプのレイヤーに適用できることを思い出してください。
5.2.テキストと塗りつぶしのトーンライン
黒の 000000 で新しいテキスト レイヤーを作成し、レイヤー プロパティ パレットのトーン効果をクリックします。
次に、ドット設定に移動し、ラインを選択します。次に、線が見えるまでレイヤーの不透明度を使用して密度を下げます。この例では 16 を使用して、より大きなトーンを得るために周波数を調整することを忘れないでください。
スライダーを使用するか、ドット設定 > 角度で数値を入力して角度を変更することもできます。
次に、チュートリアルで前述したように、レイヤーカラーとトーンを同時に使用してカラーを適用します。
選択範囲を作成して、ラスター レイヤーで黒で塗りつぶすこともできます。 [レイヤー] > [新しいレイヤー] > [塗りつぶし] または [トーン] から新しいトーン レイヤを作成することもできます。トーンレイヤーは、トーン効果がすでに有効になっているフィルレイヤーです。
トーン レイヤーを使用する場合は、レイヤー プロパティ パレットから密度を制御することもできます。 [密度] に移動し、ドロップ メニューから [指定した密度を使用] を選択し、スライダーを使用するか数値を入力してレイヤーの密度を変更します。
5.3.トーンへのグラデーション
グラデーションツールを選択し、マンガグラデーションを選択します。 [ツール プロパティ]パレットで、使用する形状のタイプを選択します。この例では、楕円を使用してみましょう。
カーソルをキャンバス上にドラッグし、トーン効果を適用します。また、このグラデーションはデフォルトで純粋な黒から透明になるため、ドットの周囲が白くなることを心配する必要はありません。
オブジェクト ツールを選択してグラデーションを移動し、周囲のハンドルでサイズを編集します。
次に、以前と同じようにドットのサイズを調整し、レイヤーカラー効果で色を適用します。
必要に応じて、エアブラシや他の種類のブラシを使用してペイントし、トーンのグラデーションを作成することもできます。ドットの周りが白にならないように、必ず純粋な黒を使用してください。
5.4.色調の重ね合わせ
カラートーンを重ねるために、CMYK 印刷プロセスがどのように機能するかを簡単に確認する必要があります。すべての色またはインクが異なる角度で印刷され、これらの組み合わせにより、他の色の錯覚が生まれます。
それでは、先ほど作成した楕円のグラデーションを複製し、色を変更して、グラデーションを移動しましょう。ドットは同じ角度で互いに重なり合います。そのため、CMYKプロセスを参考にして角度を変更する必要があります。デフォルトではトーンは 45 度に設定されているため、複製レイヤーを他の度 0、15、または 75 のいずれかに変更します。
この方法で4色まで重ね合わせることができます。ただし、シアン、マゼンタ、イエロー、ブラックを異なるレイヤーで使用し、ブレンド モードを乗算に変更して、プリンターと同じ方法で色を組み合わせることができます。
6. ライン抽出(EX)
この効果はEX版のみに適用されます。また、非破壊効果により、モノクロと同様の方法で線と黒の塗りつぶしを視覚化できますが、より多くのスライダー コントロールとオプションを使用できます。この例では、3D レイヤーを使用し、スライダーを移動して黒の塗りつぶしを増やしてみましょう。次に、「線とトーンに変換」をクリックします。
[線とトーンに変換] ボタンをクリックすると、深さのある線の抽出、モノクロの黒の塗りつぶし、およびトーンの強力な組み合わせに変わります。また、必要に応じて後でラインを編集できるように、ラインをラスター レイヤーで取得するかベクター レイヤーで取得するかを決定することもできます。変更を確認するには、「プレビュー」チェックボックスをクリックします。
「セルシェーディング」スタイルのように色のレベルを下げたい場合。 [トーン] 作業セクションでポスタリゼーションの値とスライダーを操作できます。ドットの形状や周波数など、前のポイントで確認した他の設定を変更することもできます。
「OK」をクリックすると、すべての線、塗りつぶし、トーンが異なるレイヤーに分かれた新しいフォルダーが作成されます。
次にトーンレイヤーを編集し、レイヤーカラーで角度や色を変更して、先ほど見たようにドットを重ね合わせます。デフォルトではトーンは 45 度に設定されているため、複製したレイヤーを他の度 0、15、または 75 のいずれかに変更します。
[レイヤー] パレットのレイヤーの不透明度を使用してトーンの密度を制御することもできることを覚えておいてください。
この機能は、特に 3D レイヤーを使用してオブジェクト、小道具、環境を作成する場合に時間を大幅に節約できます。ただし、コンピュータが大きな 3D データを処理できない場合は、ラスター レイヤーと組み合わせて使用することもできます。ただし、線の深さを制御したり、アウトラインにベクター レイヤーを使用するかどうかを選択したりするためのオプションがすべてあるわけではありません。
ラインとトーンに変換機能について詳しく知りたい場合は、以下のリンクも確認してください。
7. オーバーレイテクスチャ
では、すべてをまとめてみましょう。これまでに見てきた Layer プロパティの機能を使用してアートワークがどのように見えるかがこれです。しかし、オーバーレイ テクスチャ効果というオプションはまだ見つかりません。
デザインや図面にテクスチャを追加したい場合は、[ファイル] > [インポート] > [画像] から写真または画像をインポートできます。
次に、[レイヤー] プロパティ パレットでエフェクト [オーバーレイ テクスチャ] を選択します。画像が変更され、写真または画像のテクスチャのみが表示されます。
[強度] スライダーを使用してテクスチャを増減したり、特定の数値を入力したりできます。必要に応じて、オブジェクト ツールを使用してレイヤーを移動またはサイズ変更します。
画像がキャンバスより小さい場合、画像の外側のすべてのピクセルが暗くなっていることがわかります。これを回避するには、[ツール] プロパティ パレットに移動し、[タイリング] チェック ボックスをクリックし、ドロップ メニューから [反転] を選択します。
次に、マスクを使用して、グラデーションやエアブラシで透明度を使用したデザインやイラストの一部の領域の効果を非表示にしたり軽減したりできます。
要約と結論
要約すると、さまざまなデザイン プロジェクト、コミック、イラストで、[レイヤー] プロパティから 1 つまたは複数の効果と機能を組み合わせて同時に使用できます。また、フォルダー レイヤーを使用すると、さらに多くのエフェクトをスタックできることを覚えておいてください。
ここでは、私たちが見た機能のいくつかが使用されている 3 つのコミック フレームの最後のバージョンを確認できます。その中には、ダブルボーダー効果、線と黒塗りを抽出する表現カラーモノクロ、レイヤーカラーでファイルオブジェクトに色を付けるなどがあります。
ここでは、ボーダーエッジ、トーン、レイヤーカラー、線の抽出、オーバーレイテクスチャ、色をモノクロに減らす表示など、このチュートリアルのほとんどの機能を示すために例として使用するデザインを確認できます。最初のバージョンは写真から抽出されたテクスチャを示しており、2 番目のバージョンにはテクスチャが追加されていません。
さらに、ここでは、デザインをデュオトーン画像と組み合わせることがどのように可能であるかを確認することもできます。これらの例では、レイヤー カラーがフォルダー レイヤーに適用され、その外側に境界線とトーンの効果を備えたテキストを配置できます。
注: デュオトーンの例で使用されている色は、一般的に安価な新聞紙に印刷されている電話帳サイズの雑誌に掲載されている古い漫画からインスピレーションを得ています。
このチュートリアルで、レイヤー プロパティ パレットのエフェクトと機能の使用について何か役立つことがわかっていただければ幸いです。以下の件名について、お気軽にコメントを残すか、ご意見を共有してください。これはエドが次回までに言っていることです。
その他のチュートリアル:
この投稿を「いいね！」したユーザー
コメント