マスクのクリエイティブな使い方:ヒントとコツ

51,318

Mattlamp

Mattlamp

皆さん、こんにちは!このチュートリアルでは、レイヤーマスクを使用する際の一般的なヒントと、絵画、アニメーション、または仕上げ効果に使用できる、より楽しく高度なトリックをいくつか紹介します。

お役に立てれば幸いです!

レイヤーマスクのクイック入門

レイヤーマスクは、非破壊的な方法で作業するための非常に強力なツールです。マスクが隠しているピクセルを失うことなく、マスクを再編集できるからです。

まず、その仕組みを簡単に確認しましょう。

レイヤーマスクを作成すると、レイヤーの横にサムネイルとして表示されます。

 

■ マスクの概念は非常にシンプルで、マスクはグレースケール画像であり、黒い部分は元のピクセルを隠し、白い部分は表示します。

▼ [1] ここでは、基本的なマスク操作を確認するための簡単なイラストの例を用意しました。別のレイヤーにトマトの絵があります。このレイヤーにレイヤーマスクを適用します。

▼ [2] レイヤーマスクを作成しましょう。そのためには、[レイヤー]パレットのレイヤーマスク作成アイコンをクリックするか、[レイヤー]メニュー → [レイヤーマスク] → [選択範囲外をマスク]を選択します(マニュアルに記載されている通り、選択範囲が作成されていない場合、マスクはレイヤー全体に適用されます)。

ヒント:Altキーを押しながらレイヤーマスクアイコンをクリックすると、黒いマスクが作成され、レイヤー全体が非表示になります。これは、すべての画像データを隠し、必要な部分だけを表示したい場合に便利です。

▼ [3] レイヤーマスクを作成したら、消しゴムツール(ショートカットE)を使用するか、任意のブラシを使用して透明度でペイント(ショートカットC)できます。

 

重要:まず、レイヤーマスクが選択されていることを確認してください。レイヤーマスクのサムネイルをクリックするだけです(編集する選択されたレイヤーの周りに黒い枠が表示されます)。

 

■透明度で描画するとレイヤーは非表示になりますが、元のピクセルは手つかずのままです。

隠されたピクセルを表示するには、任意の不透明な色で描画するだけです。

■ レイヤーマスクに透明度で描画するには、任意のブラシツールだけでなく、塗りつぶしツールも使用できることを覚えておいてください。さまざまな効果を得るために、装飾的なブラシを試してみてください。

 

▼[4] マスキングプロセスの例。元のレイヤーの情報は失われず、単に隠したり表示したりするだけであることに注意してください(非破壊ワークフロー)。

注:レイヤーマスクはラスターレイヤーだけでなく、すべてのレイヤータイプで使用できます。

これは、トーンレイヤーや塗りつぶしレイヤー、画像やパターン、補正レイヤーを扱う際に特に便利です。これらのレイヤータイプの編集可能性を維持できるからです。

 

レイヤータイプについて詳しく知りたい場合は、このチュートリアルをお読みください。▼

基本操作|レイヤーマスクの編集

マスクの作業を簡単にするために、レイヤーマスクに対して行える基本的な操作と、このチュートリアルで継続して使用する用語をリストアップしましょう。

■ 後ほど、より高度なマスクを扱う際にこれらの機能が実際にどのように使用されるかの例を示します。理解していただけると幸いです。

 

いくつかの基本的な操作:

●削除:選択したレイヤーからレイヤーマスクを削除するには、[レイヤー]メニュー > [レイヤーマスク] > [マスクを削除]を選択するか、[レイヤー]パレットのゴミ箱アイコンにレイヤーマスクをクリック&ドラッグします。

●マスクをレイヤーに適用:[レイヤー]メニュー > [レイヤーマスク] > [マスクをレイヤーに適用]で、レイヤーとレイヤーマスクを結合します。これにより、元のピクセルからマスクが差し引かれます。

 

■注:マスクをレイヤーに適用すると、元のタイプに関係なく、ラスターレイヤーになります。

 

 

●移動:[レイヤー]パレットでマスクをクリック&ドラッグすることで、マスクを別のレイヤーに移動できます。

●コピー:[レイヤー]パレットでレイヤーマスクのサムネイルをAlt+クリック&ドラッグすることで、マスクを別のレイヤーにコピーできます。

●反転:Ctrl+Iを押すと、非表示エリアと表示エリアが切り替わります。

●マスクを有効/無効:[レイヤー]パレットでレイヤーマスクをShift+クリックするか、[レイヤー]メニュー > [レイヤーマスク] > [マスクを有効化]を選択します。

●マスク範囲を表示/非表示:[レイヤー]パレットでレイヤーマスクをAlt+クリックするか、[レイヤー]メニュー > [レイヤーマスク] > [マスク範囲を表示]を選択することで、マスクされた範囲を表示できます。

■注:マスクの表示方法を変更するには、[ファイル]メニュー > [環境設定] > [レイヤー・枠]に進みます。

マスクタブで、色と不透明度を変更できます。編集時にマスク範囲をより見やすくするために、不透明度100%の鮮やかな緑に変更しました。

●リンク/リンク解除:マスクをレイヤーにリンクまたはリンク解除するには、サムネイルの間をクリックするか、[レイヤー]メニュー > [レイヤーマスク] > [マスクをレイヤーにリンク]を選択します。

■注:リンクされている場合、[レイヤー]パレットのレイヤーとマスクのサムネイルの間にチェックマークが表示されます。

■重要:リンク解除されている場合、レイヤーとレイヤーマスクを互いに独立して移動および変形できます。これは非常に便利で、後ほどより実践的な例でこれを使用します。

▼この例では、レイヤーとマスクをリンク解除し、マスク内を移動または変形(Ctrl+T)するために、マスクではなく元のレイヤーを選択しました。

■注:レイヤーマスクには、[編集]メニュー > [色調補正](例:トーンカーブやレベル補正)を使用して色調補正を適用し、マスクデータを変更できます。また、ぼかしなどのフィルターも使用できます。

クリッピングマスクを理解する

クリッピングマスクは、既存のレイヤーのピクセルにレイヤーを素早くマスクする方法です。

■注:例えば、クリッピングマスクを使用して、別のレイヤーの髪に影を追加したり、テクスチャを適用したり、線画に色を付けたりすることができます。

 

動作を確認してみましょう。

▼ [1] この例では、線画用、ベタ塗り用、そしてクリップするいくつかのレイヤーを別々に用意しました。

▲[2] 線画レイヤーの上に別のレイヤーを作成し、大きな柔らかいブラシでランダムな色を塗りました。下のレイヤーにクリップすると、下のレイヤーの不透明なピクセル(この場合は線画)にのみ表示されます。

▼ [3] カラーレイヤーを線画にクリップしましょう。それには、上のレイヤーを選択し、[レイヤー]パレットの[下のレイヤーでクリッピング]ボタンをクリックします。

ご覧のとおり、色は線画にのみ表示されます。

▲[4] 円の中のベタ塗りにも同じ手順を繰り返しましたが、今回はテクスチャブラシを使用しました。

ご覧のとおり、クリッピングマスクはマスクを作成せずに、以前に描画した領域に詳細を追加するのに良い方法です。

■注:同じレイヤーに複数のクリッピングマスクを重ねることができます。グループもクリップできます。

また、クリッピングマスクを通常のレイヤーマスクと組み合わせて、画像をさらに洗練させることもできます。

クリエイティブな使い方:編集可能なテキストに画像をマスキング

先ほど学んだ基本的な概念をいくつか組み合わせて、編集可能なテキストに画像を適用してみましょう。

▼ [1] ここでは、シンプルな編集可能なテキストレイヤーと画像テクスチャを用意しました。マスクを使用することで、画像をラスタライズする必要がなく、元のデータを保持できます。

▼ [2] 次に、画像(ゴールド)レイヤーを編集可能なテキストレイヤーにクリップします。まず、画像レイヤーを選択し、[レイヤー]パレットの[下のレイヤーでクリッピング]ボタンを押すと、このゴールドテクスチャがテキストに適用されます。

▼ [3] 次に、クリッピングマスクと通常のレイヤーマスクを組み合わせて、画像のテクスチャをさらに編集しましょう。テクスチャレイヤーにレイヤーマスクを作成し、ブラシで一部を隠して下のテキストレイヤーを表示します。

■注:編集可能なレイヤーを使用する利点を示すために、テキストレイヤーの色をマゼンタに変更しました。これは、品質を損なうことなくいつでも変更できます。

 

▲[4] ゴールドのテクスチャを編集しました。まず、サムネイル間のチェックマークをクリックしてレイヤーマスクのリンクを解除しました。

次に、オブジェクトツール(ショートカットO)を選択して、レイヤーマスク内で画像を移動および拡大縮小しました。

 

■注:マスクや画像はいつでも変更できます。これが非破壊ワークフローの強みなので、試すことを恐れないでください。

 

▼ リンク解除されたゴールドのテクスチャを編集する:

▼ 最終結果:

マスキングとクリッピングの違い:合成モード

クリッピングとマスキングを使用する際、それらが非常によく似た動作をすることに気づきますが、合成モードを使用する際には重要な違いがあります。

 

■注:実践的な例では合成モードを使用しますが、その仕組みについてはこのチュートリアルの範囲を超えるため深く掘り下げません。それらについて詳しく知りたい場合は、このチュートリアルをお読みください。▼

 

 

▼ [1] 違いを説明するために、青い円のコピーを2つ用意し、その上に黄色のレイヤーを配置しました。

一方の円では黄色のレイヤーがクリップされており、もう一方の円では黄色のレイヤーにマスクが適用されています。

マスクされた方を作成するには、円に基づいて選択範囲を作成します。これを行うには、レイヤーサムネイルをCtrl+クリックするか、[レイヤー]メニュー > [レイヤーから選択範囲]を選択します。次に、この選択範囲を読み込んだ状態でマスクを作成します。

■注:このレイヤーマスクのリンクを解除すると、クリップされたものと非常によく似た動作をします。

▼ [2] 次に、青い円に[乗算]合成モードを設定しましょう。ここで違いがわかります。クリッピングマスクを使用する場合、上の黄色のレイヤーは合成モードによってもたらされる透明度に従いますが、マスクされたものでは黄色の情報がすべて保持されます。

▼ [3] レイヤーフォルダーとマスク:フォルダーを使用して作業を整理するだけでなく、エフェクトや制作にも使用できます。これにより、異なるレイヤーマスクを重ねてより複雑なマスキングを行い、すべての編集可能性を維持できます。

■例えば、複数の補正レイヤーやテクスチャなどをグループ化し、そのグループ全体にレイヤーマスクを適用して必要な部分のみを表示したり、レイヤーマスクを別のレイヤーから複製する代わりに、グループにレイヤーマスクを使用して必要な境界線を定義したりすることができます。

レイヤーフォルダーを作成するには、[レイヤー]パレットのアイコンをクリックするか、より便利な方法として、目的のレイヤーを選択し、[レイヤー]メニュー > [フォルダーを作成してレイヤーを挿入]に移動してフォルダーを作成し、選択したレイヤーをその中に挿入します。

■ヒント:私は[フォルダーを作成してレイヤーを挿入]にショートカットCtrl+Gを割り当てました。これにより、グループ化したいレイヤーを選択してショートカットを使用するだけで済みます。

フォルダー上のマスクは、他のマスクと同じように扱ってください。

ここでは透明度とテクスチャブラシで描画しました ▼

 

クイックマスクと選択範囲レイヤー

選択範囲は、デジタルアート作業において不可欠なツールです。投げなわツール、選択範囲ペン、[自動選択]ツールなど、さまざまな作成方法があります。

選択範囲を作成する簡単で強力な方法の1つは、クイックマスクモードを使用することです。

▼ [1] クイックマスクを使用するには、[選択範囲]メニュー > [クイックマスク]に進むだけです。[レイヤー]パレットに[クイックマスク]が作成されます(デフォルトでは参照用に不透明度50%の赤で表示されます)。

▼ [2] 次に、このレイヤーを任意の塗りつぶしツールまたは描画ツールで塗りつぶし始めます。私は他のレイヤーを参照するオプション付きの塗りつぶしツールを使用しました。不透明な色で描画するとデフォルトの赤で塗りつぶされ、透明度で描画することで消去できます。

▼ [3] 選択したい領域の塗りつぶしが終わったら、再び[選択範囲]メニュー > [クイックマスク]に進みます。これにより、クイックマスクレイヤーが削除され、塗りつぶされた領域が選択範囲に変わります。

■選択範囲レイヤー:選択範囲を作成したら、それを保存して後で再利用するために選択範囲レイヤーを作成できます。

▼ [4] 選択範囲レイヤーを作成しましょう。選択範囲がアクティブな状態で、[選択範囲] > [選択範囲レイヤーに変換]に移動します。これにより、デフォルトで緑色のレイヤーが作成されますが、これはあくまで参照用なので心配しないでください。

■注:[選択範囲] > [選択範囲レイヤーを選択範囲に変換]に移動するか、サムネイルをCtrl+クリックして選択範囲を読み込むことができます。また、整理のためにすべての選択範囲レイヤーをフォルダー内に保持することをお勧めします。

クリエイティブな使い方:編集可能な塗りつぶしレイヤーとパターンをマスキング

■前の例では、選択範囲レイヤーを作成しました。次に、この選択範囲を使用して編集可能な塗りつぶしをマスクし、色を試してみましょう。

▼ [1] まず選択範囲を読み込みます。[選択範囲] > [選択範囲レイヤーを選択範囲に変換]。

この選択範囲がアクティブな状態で、[レイヤー]メニュー > [新規レイヤー] > [塗りつぶし]に移動します。これにより、選択範囲を反映したマスク付きの塗りつぶしレイヤーが作成されます。

■注:オブジェクトツール(ショートカットO)で塗りつぶしレイヤーを選択すると、カラースライダーを変更したり、[ツールプロパティ]パレット内で色を素早く編集できます。これにより、非破壊的かつ簡単な方法で色を試すことができます。

私は塗りつぶしレイヤーをドアの線の下に置き、マスクを重ねるためにフォルダー内にも入れました。[レイヤー]メニュー > [フォルダーを作成してレイヤーを挿入]

■レイヤーフォルダーにマスクを適用してテクスチャを追加しましょう。これは塗りつぶしレイヤーのマスクには影響しないため、間違いを恐れたりデータを失うことを心配せずに作業できます。

▼ [2] まずレイヤーフォルダーにマスクを追加し、テクスチャブラシと透明色で塗りつぶしレイヤーにテクスチャを描画します(ピクセルを隠しています)。

■次に、色を試してみましょう。オブジェクトツールを使用し、カラースライダーを動かします。

マスクの基本を使って実験を続けましょう。

▼ [3] 次に、画像をテクスチャとして追加しました。塗りつぶしレイヤーマスクを再利用するために、Alt+クリック&ドラッグで複製しました。

 

[4] 次に、マスクのリンクを解除し、画像に変形(Ctrl+T)を適用します。▼

■別の例:今回はパターンを扱ってみましょう。

▼ [5] まず、画像からパターンを作成します。ここにいくつかのキャラクターがあります。

パターンを作成するには、[ファイル]メニュー > [読み込み] > [画像からパターン]に移動します。

これにより[開く]ダイアログボックスが開き、パターンを作成したい画像を選択できます。

▼ [6] 次に、塗りつぶしレイヤーのマスクを再利用し、オブジェクトツールまたは[ツールプロパティ]パレットでパターンを編集します。

■注:これは簡単な例にすぎません。さまざまな結果を得るためにパターンを試してみてください。

画像をマスクとして利用:輝度を不透明度に変換

レイヤーの輝度を透明度に変換して画像をマスクにする方法を探ってみましょう。

■注:これは、例えば画像の影に特定の変更を加えたり、レイヤーに使い古されたテクスチャを適用したりするのに役立ちます。

▼ [1] ここでは、画像レイヤー(立ち入り禁止)とマスク用の選択範囲を取得するためのテクスチャレイヤーの例を用意しました。

▼ [2] 次に、[編集]メニュー > [輝度を不透明度に変換]に移動して、テクスチャレイヤーの明るいピクセルを透明にします。

この機能は、画像の白を透明にし、暗い部分を保持します。

■注:この機能を適用すると、不透明度は黒が100%不透明、白が0%不透明の間で変化します。

■これで、Ctrl+クリックでレイヤーサムネイルをクリックするか、[レイヤー]メニュー > [レイヤーから選択範囲] > [選択範囲を作成]を使用して、結果を選択範囲として読み込むことができます。

▼ [3] 選択範囲を読み込んだら、テクスチャレイヤーを非表示にし、画像(立ち入り禁止)レイヤーにマスクを作成できます。これにより、画像がテクスチャでマスクされます。次に、マスクを移動して目的の部分を見つけるためにマスクのリンクを解除します。

■注:目的の使い古された効果を得るためにもっとコントラストが必要なので、[編集]メニュー > [色調補正] > [レベル補正]に移動し、スライダーでコントラストを調整してレイヤーマスクを編集します。

▼ [4] ここでは簡単な例として、青いカラーレイヤーをマスクでクリップし、その2つのレイヤーをフォルダー内に入れることで、別の詳細レイヤーを追加しました。

次に、以前と同じプロセスで、背景の水彩紙のテクスチャをフォルダーマスクに追加しました。

■ 次に、イラストを仕上げる際や、より深く効果を制御するために使用できるテクニックを紹介します。

▼ [5] ここにはキャラクターのフラットなイラストがあります。[輝度を不透明度に変換]を使用して、影とハイライトを分離し、それぞれにマスクを作成します。これにより、仕上げプロセスを細かく制御できます。

■注:マスクを使用して、影と光にそれぞれ独立して色調補正やテクスチャなどを追加できます。

 

まず、元のレイヤーを2つ複製し、1つは影用、もう1つはハイライト用にします。

次に、[編集]メニュー > [輝度を不透明度に変換]に進みます。

■重要:ハイライトの選択範囲を作成するには、[輝度を不透明度に変換]を適用する前に、Ctrl+Iを押してレイヤーを反転させます。

▼ [6] これで、レイヤーを選択範囲として読み込むことができます。それぞれのレイヤーを2つ作成し、レイヤーマスクを適用します。整理しやすいようにレイヤーに名前を付けました。

■注:作成後、以前と同じようにコントラストがもっと必要な場合はマスクを編集できます。マスクされた領域を表示するには、マスクサムネイルをAlt+クリックします。

▼ [7] マスクが作成されたら、必要なすべての仕上げを探索できます。常に非破壊的な方法で作業し、すべての基本的なテクニックを組み合わせてください。

この例では、LIGHTSレイヤーを[加算(発光)]合成モードに変更し、影に色を追加することで、少しグローを追加しました。

■注:繰り返しになりますが、これは機能の簡単な例にすぎません。これらの概念を自分の作品に適用し、さまざまな組み合わせを試すことを恐れないでください。

 

写真からオブジェクトを選択してマスキング

古いテレビを使って、写真からオブジェクトを選択してマスキングする方法を紹介します。

▼ [1] まず、元の写真を複製し、[レイヤープロパティ]パレットから[表現色]を[グレー]に変更します。マスクと元のレイヤー間のずれを防ぐため、レイヤーの移動や拡大縮小は避けてください。

■注:私たちの目標は、不要な部分を選択するために、コントラストが高く、きれいなエッジを持つ領域を作成することです。この場合、背景を純粋な黒に、テレビ画面を白にします。

▼ [2] コントラストを編集するために、レベル補正レイヤーを追加しました。これにより、ほとんどの背景が黒くなり、テレビのエッジがかなりきれいになります。これを作成するには、[レイヤー]メニュー > [新規色調補正レイヤー] > [レベル補正]に移動します。

次に、[レイヤー]メニュー > [表示レイヤーを結合して新規レイヤー作成]に移動して、表示レイヤーの結合コピーを作成します。

▼ [3] 投げなわツールやブラシツールなどの選択ツールと塗りつぶしツールを組み合わせて、統合されたレイヤーをペイントし、可能な限りきれいなエッジと純粋な色を得ました。[自動選択]ツールで良い選択範囲を得るためには、これが不可欠です。

■注:黒または白の隣にある灰色の領域を、エッジを失うことなく洗練する簡単な方法は、オーバーレイ合成モードのブラシツールを使用することです。次に、不透明な黒または白で描画すると、100%純粋でない領域のみがターゲットになります。

▼ [4] クリアな領域とエッジができたら、元のレイヤーにレイヤーマスクを作成できます。[自動選択]ツールを使用して、マスクしたい領域を選択し、レイヤーマスクに塗りつぶします。

■注:結果に満足したら、[レイヤー]メニュー > [レイヤーマスク] > [マスクをレイヤーに適用]に進んでレイヤーマスクを適用できます。

これで、テレビが分離され、任意のプロジェクトで使用できるようになりました。(透明度を保持するためにpngとして保存することもできます)

クリエイティブな効果:テクスチャ付きドロップシャドウ

レイヤーマスクの基本を使って簡単なエフェクトを作成してみましょう。

▼ [4] ここには、草の上にドロップシャドウがかかったトマトのイラストがあります。

まず、レイヤーを作成し、不透明度を下げて乗算に設定します。次に、影レイヤーにレイヤーマスクを作成し、植物またはテクスチャブラシでペイントして、影のエッジを地面に統合します。

■注:これは単純な効果ですが、基本を使用することで素晴らしい結果が得られ、必要に応じて編集することもできます。

 

クリエイティブな効果:編集可能なキャラクターのグロー

より実践的な例でテクニックを組み合わせ続けてみましょう。

今回は、非破壊的な方法で常に作業しながら、キャラクターの背後にグローエフェクトを作成して、クールで魔法のような見た目を実現します。

▼ [1] ここには、剣を持った少女のキャラクターがいます。イラストに仕上げ効果を適用して目立たせたり、例えばゲームのプロモーションアートを作成したりしたいと考えています。

最初のステップは、元のレイヤーを選択範囲として読み込み、マスクを作成することです。

レイヤーサムネイルをCtrl+クリックするか、[レイヤー]メニュー > [レイヤーから選択範囲] > [選択範囲を作成]を使用します。

▼ [2] 選択範囲がアクティブな状態で、[レイヤー]メニュー > [新規レイヤー] > [塗りつぶし]に移動して、元のレイヤーの下に塗りつぶしレイヤーを作成します。次にマスクのリンクを解除します。

■注:オブジェクトツールまたは[ツールプロパティ]パレットから塗りつぶしレイヤーの色を変更できることを忘れないでください。

▼ [3] マスクにフィルターを適用しましょう。この場合、キャラクターの背後にグローを作成するためにモーションブラーフィルターを使用します。

■まず、サムネイルをクリックしてマスクレイヤーを選択する必要があります。>次に、[フィルター]メニュー > [ぼかし] > [モーションブラー]に移動します。これにより、フィルターの設定を変更するダイアログが開きます。

目的の効果が得られるまで設定を調整し、「OK」を押してマスクにぼかしを適用します。

次に、上の元のレイヤーをオンにすると、基本的なグロー効果が完成します。

■注:さまざまな結果を試すために、塗りつぶしの色をまだ変更できます。

 

▼ [4] これまでに学んだ基本的なテクニックを混ぜ合わせることで、実験を続けることができます。

この例では、塗りつぶしレイヤーを複製して色を変更しました。次に、レイヤーの合成モードを[加算(発光)]に設定しました。これにより、より明るく色調が変化する効果が得られます。

▼ [5] この例で結果をさらに編集するために、一番上の塗りつぶしレイヤーマスクにガウスぼかしを追加しました。[フィルター]メニュー > [ぼかし] > [ガウスぼかし]。

>次に、オブジェクトツールを選択した状態でカラースライダーを使用して、一番上の塗りつぶしレイヤーの色を緑に変更しました。

その結果、より柔らかいグローぼかしが得られます。

▼ [6] 効果が剣からのみ光っているように見せるために、効果をマスキングしてみましょう。

これを行うには、マスクを重ねるために塗りつぶしレイヤーをフォルダー内に入れます。次に、柔らかいブラシでペイントして、不要なピクセルを隠します。

■注:基本的なテクニックとフィルターを組み合わせ続けることで、想像できるすべての結果を得ることができます。

完成した結果 ▼

クリエイティブな使い方:補正レイヤーとマスク

補正レイヤーは、その下にあるすべてのレイヤーの色とコントラストを変更できるため、イラストの仕上げに非常に役立ちます。設定を変更したり、クリッピングマスクやレイヤーマスクと組み合わせて使用したりすることで、仕上げプロセスにさらなるカスタマイズの層を追加できます。

■注:補正レイヤーのいくつかの使い方と、以前に学んだテクニックを混ぜて実験することを探っていきます。

▼ [1] 補正レイヤーの基本的な使い方は、最終画像を仕上げることです。例えば、トーンカーブレイヤーを使ってコントラストを追加したり、ビネット効果を加えたりします。

まず、[レイヤー]メニュー > [新規色調補正レイヤー] > [トーンカーブ]からトーンレイヤーを作成します。

そして、設定を調整して画像にコントラストを追加します。

■注:トーンレイヤーを作成すると、選択した補正タイプの設定ダイアログボックスが開きます。ここで設定を変更し、完了したら「OK」を押します。補正レイヤーを編集する必要がある場合は、レイヤーサムネイルをダブルクリックして設定を開くことができます。

 

▼ [2] 新しい補正レイヤーには、デフォルトでレイヤーマスクが作成されています。このマスクを使って、他のレイヤータイプでマスクを使うのと同じように効果を隠すことができます。

■ヒント:画像の一部だけを修正したい場合、良い方法は、必要な結果が得られるように効果の設定を調整し、次にマスクを透明度で塗りつぶしてすべての効果を隠すことです。

その後、不透明な色でペイントして、必要な部分だけに効果を表示できます。

▲ ここでは、画像の端にのみトーンレイヤーを表示することで、ビネット効果を実現しています。

▼ [3] 手順を繰り返しますが、今回は色相・彩度・輝度レイヤーを使用します。このレイヤーで画像の色の調整を行います。ここでは画像を彩度を下げ、それをトマトにのみ適用します。

▼ [4] キャラクターに明るさを加えるために、別のトーンカーブレイヤーを作成し、キャラクターの上にのみ表示させました。

■注:補正レイヤーで合成モードを使用すると、レイヤーの不透明度と同様に、さまざまな結果を得ることができます。この例では、トーンカーブレイヤーを[加算(発光)]に設定し、不透明度を下げて効果を目立たなくしました。

マスキングする前に効果を誇張することで、目的の領域にペイントしやすくなり、その後補正レイヤーを編集して正しい結果を得る方が良い場合もあります。

▼ [5] 画像テクスチャを使用して補正レイヤーをマスクし、どのような結果が得られるか実験してみましょう。

雲のようなテクスチャを配置し、[編集]メニュー > [輝度を不透明度に変換] > Ctrl+クリックでサムネイルをクリックして暗い部分を選択範囲として読み込みます。

次に、この選択範囲を使用して色相・彩度・輝度レイヤーをマスクします。

▼ [6] ここでは、補正レイヤーのマスクを(Alt+クリック&ドラッグで)複製し、[加算(発光)]に設定された塗りつぶしレイヤーに適用して、色のついた雲のようなグロー効果を得ました。

▼ [7] 他の種類のテクスチャを試してみましょう。

まず、色相レイヤーにキャンバスまたは使い古されたピクセルテクスチャを適用します。結果はテクスチャ付きの彩度低下で、古い効果を与えます。

もう一つはテクスチャ付きの横線で、それを[加算(発光)]に設定された塗りつぶしレイヤーに適用すると、古い画面に何らかの干渉があるように見えます。

■注:他のテクスチャや組み合わせも試してみてください。

クリエイティブな使い方:グリッチエフェクト

フィルターとマスクを組み合わせて、歪んだりグリッチのある見た目を実現しましょう。このエフェクトは最初は複雑に見えますが、異なる基本的なテクニックが適用されたレイヤーのスタックにすぎません。

▼ [1] まず、適度な歪みと使い古された効果を試してみましょう。

まず、ベースのイラストレイヤーを複製する必要があります。次に、魚眼レンズフィルターを使用してレイヤーを変形させ、歪ませます。[フィルター]メニュー > [歪み] > [魚眼レンズ]で設定ダイアログが開きます。結果に満足したら、「OK」を押して変更を確定します。

最後に、前回の例から歪んだ横線のマスクをコピーし、[編集]メニュー > [色調補正] > [レベル補正]を使用してコントラストを調整します。

結果はこちら ▼

▼ [2] より極端なグリッチ効果を試してみましょう。今回は波形フィルターを使用して、目的の歪みを得ます。[フィルター]メニュー > [歪み] > [波形]を選択し、次にマスクをペイントして、目的の部分だけを表示します。

 

▼ [3] いくつかのレイヤーを重ねることで、より洗練された見た目を実現できます。

この例では、グリッチレイヤーを複製し、[加算(発光)]に設定しました。マスクのリンクを解除すると、効果を好きなように動かすことができます。

>次に、[カラー]合成モードに設定されたレイヤーを作成し、シアンで塗りつぶしました。

このレイヤーは複製されたグローレイヤーにクリップされ、カラーグリッチグローが得られます。

■注:テクスチャの色補正用の他のレイヤーも追加しました。

▼ [4] 最後に、より有機的な見た目を得るために、グリッチグローマスクを選択し、モーションブラーフィルターを適用しました。[フィルター]メニュー > [ぼかし] > [モーションブラー]。

最終結果が気に入るまで設定を調整しました。

 

最終的な効果はこちら ▼

クリエイティブな使い方:熱波|ガラス効果

前の例と同様の手順で、熱波または歪んだガラス効果を作成します。

▼ [1] ベースレイヤーの複製に波形フィルターを適用します。[フィルター]メニュー > [歪み] > [波形]

今回は、なめらかな曲線状の波形が得られるまで設定を調整します。

次に、[フィルター]メニュー > [ぼかし] > [ガウスぼかし]を適用して、目的の効果を実現します。

▼ [2] ガラス効果を作成するために、マスクを追加するためのレイヤーフォルダーを作成し、次にガラスを着色するための覆い焼きカラーレイヤーを作成しました。

素早い最終結果 ▼

アニメーション効果:キーフレームとマスク

マスクをアニメーション化して仕上げ効果を作成するのを楽しんでみましょう。いくつかの効果を簡単に紹介します。

CLIP STUDIO PAINTのアニメーション機能の説明はこのチュートリアルの範囲を超えるため、アニメーションに慣れていない場合は、このチュートリアルをお読みください。▼

▼ [1] マスクをアニメーション化する基本は、キーフレームをアクティブにすることです。

まず、マスクしたいレイヤーをグループ化するためのレイヤーフォルダーを作成し、マスクを描画します。次にマスクのリンクを解除します。

アニメーションタイムラインで、レイヤーのキーフレームをアクティブにするボタンを押します。

この例では、マスクの位置に開始と終了のフレームを追加しました。

CLIP STUDIO PAINTはキーフレーム間の補間を生成し、アニメーションを作成してくれます。

▼ [2] ここでは、最初と最後のフレーム、およびマスクの位置がどのように変化するかを示します。

それでは、アニメーションを見てみましょう ▼

マスクはキャラクターを表示します。しかし、レイヤーマスクでCtrl+Iを押すと、マスクされた領域が反転します。これにより、崩壊効果が作成されます。▼

同様の手順で、トーンカーブレイヤーのマスクをアニメーション化して、この光沢を作成しました▼

位置ではなくスケールを変更すると、脈動するグローを作成できます。▼

次に、学んだすべてのマスキング技術を使って、より複雑なアニメーションを作成しました ▼

最後に

さて、これでチュートリアルは終わりです。あまり複雑でなかったことを願っています。

すべての機能とテクニックについて徹底的に説明しようとしましたが、話しすぎたかもしれません、すみません。

アニメーションの部分については詳しく説明する時間がありませんでした。別のチュートリアルで機会があればと思います。

 

レイヤーマスクは最初は混乱しますが、基本的な操作に従えば素晴らしい結果を達成できます。私のヒントのいくつかをご自身の作品に活用し、実験とテクニックの組み合わせを忘れないでください。

最も重要なのは創造的であることです。新しいことを試すことを恐れないでください。

それではまた次回。ご視聴ありがとうございました。

 

コメント

新着

公式 新着