【クリスタ】画像素材をラスタライズせずに消す方法
![画像素材をラスタライズせずに消す方法](https://nonkatsu.com/wp-content/uploads/2024/02/delete-image-material.webp)
クリスタの「画像素材」をイラストやマンガの背景にしたいとき、
不透明のイラストなら、画像素材の上にイラストのレイヤーを重ねれば良いです。
![画像素材を背景にする例](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material1.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
簡単だね!
しかし、マンガなど線画の場合は
画像素材の上に線画のレイヤーを重ねると、画像素材が前にあるように見えます。
![画像素材が前にあるように見える](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material2.webp)
![画像素材が前にあるように見える](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material2.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.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/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
そうだね。でも、ラスタライズすると印刷したときにモアレやすいのよ。
モアレとは、イラストやマンガを印刷したときに出る想定外の模様です。
トーンを重ねた部分に出やすいアレです。
![モアレの例](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material3.webp)
![モアレの例](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material3.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
と言うわけで今回は、画像素材をラスタライズせずに消す(消したように見せる)方法を2つ紹介します。
![ラスタライズせずに画像素材を消す例](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material4.webp)
![ラスタライズせずに画像素材を消す例](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material4.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/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
それぞれ詳しく説明していきますね。
方法その1.レイヤーマスクを使う
1つ目の方法はレイヤーマスクです。
レイヤーマスクを使うと、マスクした部分が消えます。
レイヤーマスクの使い方は以下です。
- 選択範囲を作る
- マスクしたいレイヤーを選択する
- レイヤーマスクを作る
今回は人物のシルエットのマスクの作り方を書きますね。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
人物以外にも応用できます。
レイヤーマスクの設定手順
作業前のレイヤー構成は以下です。
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material5.webp)
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material5.webp)
画像素材レイヤーの上に線画のレイヤーがあります。
画像素材レイヤーの左の目のアイコンをクリックします。
![目のアイコンをクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material6.webp)
![目のアイコンをクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material6.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
画像素材レイヤーを非表示にして作業しやすくします。
表示したままでも作業できます。
自動選択ツールをクリックします。
編集レイヤーのみ参照選択を選びます。
![編集レイヤーのみ参照選択を選ぶ](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material7.webp)
![編集レイヤーのみ参照選択を選ぶ](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material7.webp)
自動選択ツールで線画のまわりをクリックします。
![線画のまわりをクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material8.webp)
![線画のまわりをクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material8.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
画像はわかりやすいように線画のまわりを緑にしています。
画像素材レイヤーをクリックして選択します。
レイヤーマスクを画像素材レイヤーに作成するためです。
![画像素材レイヤーを選択](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material9.webp)
![画像素材レイヤーを選択](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material9.webp)
レイヤーが非表示の状態でも作業できます。
画像素材レイヤーを右クリックします。
「レイヤーマスク」の「選択範囲外をマスク」を選びます。
![選択範囲外をマスクを選ぶ](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material10.webp)
![選択範囲外をマスクを選ぶ](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material10.webp)
「選択範囲外をマスク」すると人物のシルエットのマスクになります。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
マスクのもとになる選択範囲が「線画のまわり」だからです。
レイヤーマスクを作成すると、レイヤーにマスクの目印がつきます。
![レイヤーマスクの目印](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material11.webp)
![レイヤーマスクの目印](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material11.webp)
画像素材レイヤーの左の目のアイコンがあった部分をクリックします。
![画像素材レイヤーを表示する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material12.webp)
![画像素材レイヤーを表示する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material12.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
これでレイヤーマスクの設定は終わりです。
![レイヤーマスク完成!](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material13.webp)
![レイヤーマスク完成!](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material13.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)
マスクされた部分が消えて、線画が見えるようになった!
方法その2.塗りつぶしレイヤーを挟む
2つ目の方法は、レイヤーの間に塗りつぶしたレイヤーを挟みます。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
線画に色を塗るより、レイヤーを挟む方が簡単です。
塗りつぶしレイヤーを挟む手順。
レイヤーマスクの設定手順のSTEP3まで進めた状態からスタート。
![線画のまわりをクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material8.webp)
![線画のまわりをクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material8.webp)
選択範囲ツールの「選択範囲を反転」をクリックします。
![選択範囲を反転をクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material14.webp)
![選択範囲を反転をクリック](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material14.webp)
「線画のまわりの選択範囲」が反転して、「人物のシルエットの選択範囲」になります。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
よく使う機能です。
①画像素材レイヤーを選択して、
②新規ラスターレイヤーをクリックします。
![レイヤーを追加する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material15.webp)
![レイヤーを追加する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material15.webp)
①塗りつぶしツールを選択します。
②編集レイヤーのみ参照を選びます。
③色は白を使います。
![塗りつぶしツールの設定](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material16.webp)
![塗りつぶしツールの設定](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material16.webp)
選択範囲の中をクリックして塗りつぶします。
選択範囲を解除します。
![選択範囲を解除する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material17.webp)
![選択範囲を解除する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material17.webp)
画像素材レイヤーの左の目のアイコンがあった部分をクリックします。
![画像素材レイヤーを表示する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material12.webp)
![画像素材レイヤーを表示する](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material12.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
これで塗りつぶしレイヤーを挟む手順は終わりです。
![塗りつぶしレイヤー完成!](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material18.webp)
![塗りつぶしレイヤー完成!](https://nonkatsu.com/wp-content/uploads/2022/05/img_delete-image-material18.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)
線画が見えるようになったね!
今回のタイトルイラストは、
「とことん解説!キャラクターの「塗り」入門教室」を見ながら描きました。
ではまた!