ただいまの人気記事はこれ!おすすめ記事いろいろ

【CLIP STUDIO PAINT】グラデーションレイヤーの片側の色を透明にする方法

CLIP STUDIO
当サイトでは記事内に広告を掲載しています。

先日、CLIP STUDIO PAINTを使っていたところ、グラデーションレイヤーの操作で迷うところがありました。

明暗をつけるため、このイラストにグラデーションレイヤーを合成しようとしたときのことです。

【CLIP STUDIO PAINT】グラデーションレイヤーの片側の色を透明にする方法

 

グラデーションレイヤーはこんな感じ。このレイヤーをオーバーレイでイラストに合成します。

グラデーションレイヤー

 

すると、こんな感じでイラストに合成されます。……が、迷ったのはここからの作業です。

イラストに合成

このままでは明暗の差があまりついていない感じだったので、グラデーションレイヤーの片側の色を透明にしたいと思ったのですね。

 

……が、ここで詰まりました。

カラーサークルの「メイン描画色」と「サブ描画色」

グラデーションの両端の色は、カラーサークルの「メイン描画色」と「サブ描画色」で設定できます。……が、ここでは色は変えられるものの、透明にはできない様子。

その後、あれこれ試行錯誤して、やっとやり方がわかりました。

というわけで今回は、備忘録的な記事となりますが、グラデーションレイヤーの片側の色を透明にする方法をお届けします。

CLIP STUDIOの記事一覧

手順

まずはグラデーションレイヤーを合成してみよう

1.CLIP STUDIO PAINTで、グラデーションレイヤーを合成したい画像を開きます。

画像を開きます

 

2.画面上部のメニューバーの「レイヤー」から「新規レイヤー」とすすみ、「グラデーション」を選択します。

「レイヤー」から「新規レイヤー」

「グラデーション」

 

3.すると、キャンバス上になんらかの色で構成されたグラデーションが表示されます。

グラデーション

 

ここで表示されるグラデーションの両端の色は、カラーサークルまたはカラースライダーで設定できます。

カラーサークル

 

「メイン描画色」と「サブ描画色」で設定された色が、グラデーションの両端の色になっているわけですね。

「メイン描画色」と「サブ描画色」で設定された色

今回の例でしたら、上が「メイン描画色」で設定した色、下が「サブ描画色」で設定した色になっています。

 

4.では、このグラデーションレイヤーをイラストに合成してみましょう。レイヤーパネルでグラデーションレイヤーを選択した状態で、合成モードを「オーバーレイ」にします。

合成モードを「オーバーレイ」に

 

すると、グラデーションレイヤーがイラストに合成されます。

グラデーションレイヤーがイラストに合成

これでグラデーションレイヤーの合成ができました。

つづいて、グラデーションレイヤーの片側の色を透明にしていきます。

スポンサーリンク

片側の色を透明にしてみよう

1.レイヤーパネルでグラデーションレイヤーが選択されていることを確認します。

グラデーションレイヤーを選択

 

2.ツールパレットで「操作ツール」を選択します。

「操作ツール」

 

その状態で、ツールプロパティをみてみましょう。

ツールプロパティ

ここでグラデーションの設定ができます。中ほどにあるグラデーションバーをクリックしてみましょう。

 

3.すると、「グラデーションの編集」というパネルが開きます。

「グラデーションの編集」

ここでグラデーションの細かい設定ができます。今回は例として、グラデーションのメイン描画色のほうを透明にしてみます。

 

4.「色」のところで「メイン描画色」にチェックが入っていることを確認します。

「メイン描画色」にチェック

 

ここで操作するのは「不透明度」の部分です。

「不透明度」

初期設定では不透明度が「100」になっています。

この数値を下げるほど、メイン描画色が透明に近づいていきます。数値を「0」にすると、完全に透明になります

 

数値の設定は直接数字を入力するだけでなく、スライダーでも設定ができます。不透明度の横にある「>」をクリックしてみましょう。

スライダーでも設定

 

すると、スライダーが表示され、ここでも数値の設定ができます。

スライダーが表示

 

5.不透明度を「0」にすると、グラデーションバーにもそれが反映されます。

不透明度を「0」

不透明度の設定ができたら、「OK」を押してこのパネルを閉じます。

 

6.キャンバスをみてみましょう。

キャンバスの表示

グラデーションの片側の色が透明になっており、狙い通りの雰囲気になりました。

 

ちなみに合成モードを「通常」に戻してみると、こんな感じ。

グラデーションの片側の色(今回の場合は上側の色)が透明

グラデーションの片側の色(今回の場合は上側の色)が透明になっていることがわかりますね。

スポンサーリンク

サブ描画色の場合も同じ手順でできます

今回の記事では「メイン描画色」を透明にする方法をお届けしましたが、「サブ描画色」を透明にするときもやり方は同じです。

その際には「色」の項目で「サブ描画色」にチェックを入れて、不透明度の設定をすればOKです。

「サブ描画色」にチェック

 

また、矢印のところのアイコンをクリックすると、グラデーションを反転させることもできます。

グラデーションを反転

グラデーションをひっくりかえす、つまり、両端の色を逆にすることができるわけですね。

記事で使用したツール

【CLIP STUDIO PAINT】

今回は、CLIP STUDIO PAINTでグラデーションレイヤーの片側の色を透明にする方法をお届けしました。よかったら参考にしてみてください。

タイトルとURLをコピーしました