【クリスタ】ベクターレイヤーの線画の色を変更する方法【よく使う順に3つ紹介】
![ベクターレイヤーの線画の色を変更する方法](https://nonkatsu.com/wp-content/uploads/2022/03/change-line-color-vector.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
ベクターレイヤーの線画の色を【後から】変える方法を、よく使う順に3つ紹介します。
ベクターレイヤーの線画の色を変える方法
- 下のレイヤーでクリッピング
- ラスタライズして透明ピクセルロック
- レイヤーカラー変更
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
一番よく使うのは下のレイヤーでクリッピングです。
この記事のタイトルイラストも、クリッピングを使って線画の色を変えました。
![線画の色変更ありなしの比較](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector1.webp)
![線画の色変更ありなしの比較](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector1.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
イラストの印象がだいぶ違うね!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
線画の色を変えるとイラストが上手に見えるよね。
クリスタをどう使ったのか書いていきますね。
下のレイヤーでクリッピング
![下のレイヤーでクリッピングの特徴](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector2.webp)
![下のレイヤーでクリッピングの特徴](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector2.webp)
下のレイヤーでクリッピングは、
下にあるレイヤーの描画部分にだけ描画できるようになる機能です。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
「下にあるレイヤー」が線画なら、線画にだけ色を塗れます。
下にあるレイヤーに直接描画せず、
「上に重ねたレイヤーに色を塗る」のもポイント。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
元の線画はそのままなんだね。
下のレイヤーでクリッピングの使い方
まず、線画のレイヤーの上にレイヤーを追加します。
①線画のレイヤーを選択して、
②新規ラスターレイヤーをクリックします。
![新規ラスターレイヤーのアイコンをクリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector3.webp)
![新規ラスターレイヤーのアイコンをクリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector3.webp)
![レイヤーが追加された](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector4.webp)
![レイヤーが追加された](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector4.webp)
次に、下のレイヤーでクリッピングします。
①追加したレイヤーを選択した状態で、
②下のレイヤーでクリッピングのアイコンをクリック。
![下のレイヤーでクリッピング](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector5.webp)
![下のレイヤーでクリッピング](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector5.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
レイヤーの左にピンクの縦線がつきます。
![クリッピングの目印](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector6.webp)
![クリッピングの目印](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector6.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
簡単にできた!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
後は好きな色を塗るだけ!
下のレイヤーでクリッピングのメリット
下のレイヤーでクリッピングのメリットは3つです。
- ブラシツールが使える
- ベクターレイヤーの線画が残る
- 表示/非表示の切り替えが簡単
![下のレイヤーでクリッピングの特徴](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector2.webp)
![下のレイヤーでクリッピングの特徴](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector2.webp)
下のレイヤーでクリッピングを使うと、
ベクターレイヤーの線画には変更を加えずに、ブラシで線画に色を塗れます。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
使うブラシによって表現に幅が出るね!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
色に濃淡をつけたり、にじみやぼかしの表現もできるよ。
塗った色が気に入らない場合は、
クリッピングしたレイヤーを削除するか非表示にすれば良いです。
大事なポイントは、
「上に追加するレイヤーはラスターレイヤーにする」ことです。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
ベクターレイヤーが苦手な表現力を、ラスターレイヤーで補います。
ベクターレイヤーは混色できないので、色を塗っても単調になるのですよね。
ベクターレイヤーの上に「ベクターレイヤーを追加」してクリッピングするメリットはほぼありません。
次によく使う機能はラスタライズです。
ラスタライズして透明ピクセルをロック
![クリッピングと透明ピクセルロックの違いの例](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector7.webp)
![クリッピングと透明ピクセルロックの違いの例](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector7.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
クリッピングより色が複雑に見える!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
クリッピングは「別のレイヤーに塗った色を線画に重ねる」けど、ラスタライズ+透明ピクセルロックは「同じレイヤーに色を塗る」から、色の混ざり方や見え方が違うのよね。
ラスタライズは、
ラスターレイヤー以外のレイヤーをラスターレイヤーに変換する機能です。
ベクターレイヤーをラスターレイヤーに変換して、
透明ピクセルロックを使います。
ベクターレイヤーは透明ピクセルロックが使えない
線画の色を変えるときは、透明ピクセルロックが便利です。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
線画のレイヤーを透明ピクセルロックすると、線画にだけ色を塗れます。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
線画以外がロックされるからだね。
しかし、ベクターレイヤーは透明ピクセルロックが使えません。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
ラスタライズの出番です。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
ベクターレイヤーをラスターレイヤーに変換すれば、透明ピクセルロックが使えるね!
ベクターレイヤーをラスタライズする手順
今回は、ラスタライズしながら元のレイヤーを残す手順を紹介します。
①線画のレイヤーを選択して、
②レイヤーを右クリックします。
![レイヤーを右クリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector8.webp)
![レイヤーを右クリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector8.webp)
レイヤーの変換を選びます。
![レイヤーの変換を選ぶ](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector9.webp)
![レイヤーの変換を選ぶ](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector9.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
「レイヤーの変換」の上に「ラスタライズ」のメニューがあるよ?
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
「ラスタライズ」を選ぶと元のレイヤーを残せないの。
レイヤーの変換ウィンドウがポップします。
①「種類」はラスターレイヤーを選択
②元のレイヤーを残すにチェック
③OKをクリック
![レイヤー変換ウィンドウの設定](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector10.webp)
![レイヤー変換ウィンドウの設定](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector10.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
ベクターレイヤーをラスターレイヤーに変換できました。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
元のレイヤーも残ってる!
次は透明ピクセルをロックします。
①ラスターレイヤーを選択して、
②透明ピクセルをロックします。
![透明ピクセルロック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector11.webp)
![透明ピクセルロック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector11.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
レイヤーの右側に透明ピクセルロックの目印がつきます。
![透明ピクセルロックのマーク](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector12.webp)
![透明ピクセルロックのマーク](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector12.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
これでラスタライズ+透明ピクセルロックの設定は終わりです。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
後は好きな色を塗るだけだね!
ラスタライズを使うメリット
ラスタライズ+透明ピクセルロックの方が、下のレイヤーでクリッピングより表現の幅が広いです。
![クリッピングと透明ピクセルロックの違いの例](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector7.webp)
![クリッピングと透明ピクセルロックの違いの例](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector7.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
透明ピクセルロックの方が、色が複雑に見えますね。
線画をもっとイラストになじませたい、イラストの雰囲気を出したいときは
ラスタライズ+透明ピクセルロックを使うと良いです。
ただ、消しゴムを使うときは注意が必要です。
ラスタライズ+透明ピクセルロックの場合は線も消えます。
![消しゴムツールを使った比較](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector13.webp)
![消しゴムツールを使った比較](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector13.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
クリッピングは「レイヤーを重ねている」のがよく分かるね。
もう1つ注意があって、
ラスターレイヤーからベクターレイヤーには戻せません。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
設定上は戻せますが、「元の見た目には戻らない」です。
ラスタライズする前にベクターレイヤーの線画をコピーするか、
ラスタライズしながら元のレイヤーを残す手順を使いましょう。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
次はレイヤーカラーを使う方法を紹介します。
レイヤーカラーで気軽に単色変更
![レイヤーカラーで気軽に単色変更](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector14.webp)
![レイヤーカラーで気軽に単色変更](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector14.webp)
線画の色を単色変更したいときは、レイヤーカラーが便利です。
まず、レイヤーカラーに使う色を決めます。
①線画のレイヤーを選択して、
②レイヤーカラーを変更のメニューを開きます。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
青と白の四角の右にある「下方向のマーク」をクリックします。
![下方向のマークをクリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector15.webp)
![下方向のマークをクリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector15.webp)
レイヤーカラーを選びます。
![レイヤーカラーを選ぶ](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector16.webp)
![レイヤーカラーを選ぶ](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector16.webp)
色の設定ウィンドウがポップします。
好きな色を選んでOKをクリックします。
![色を選んでOKをクリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector17.webp)
![色を選んでOKをクリック](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector17.webp)
![レイヤーカラーを変更した](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector18.webp)
![レイヤーカラーを変更した](https://nonkatsu.com/wp-content/uploads/2022/03/img_change-line-color-vector18.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
レイヤーカラーの四角をクリックすると、レイヤーカラーをON/OFFできます。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
簡単かつ、お手軽だね!
レイヤーカラーの便利な使い方
レイヤーカラーは設定が簡単で、効果のON/OFFも1クリックでできるのが良いところです。
ブラシツールは使えないので、複数の色は使えません。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
わたしはレイヤーカラーをイラスト制作に役立てています。
レイヤーカラーの便利な使い方
- 線画の色を変えたらイラストがどう見えるか確認するときに使う
- クリッピングで線画の色を変えるとき、ベースの線画が黒だと強すぎるときに使う
- 線画を描き直すとき、コピーした線画にレイヤーカラーを設定して下描きにする
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
パッと設定できて便利だね。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
これで、ベクターレイヤーの線画の色を変更する方法は終わりです。
ではまた!