クリスタで統合する画像の背景を透明にしたい!【一番簡単な方法】
![クリスタで統合する画像の背景を透明にしたい!【一番簡単な方法】](https://nonkatsu.com/wp-content/uploads/2024/02/background-transparent.webp)
クリスタで統合する画像の背景を透明にしたい!とき、
一番簡単な方法は、「用紙のレイヤーを非表示にして画像を統合する」です。
この記事のタイトルイラストの女の子も、用紙のレイヤーを非表示にして画像を統合しました。
![背景が透明](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent1.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/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/08/nonkatsuPR240811.webp)
実際にやってみますね。
この記事のタイトルイラストのレイヤー構成は以下です。
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent2.webp)
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent2.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/img_background-transparent3.webp)
![イラストの見え方(背景は白)](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent3.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/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/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/img_background-transparent4.webp)
![目のアイコンをクリック](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent4.webp)
用紙のレイヤーが非表示になりました。
![レイヤーが非表示になった](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent5.webp)
![レイヤーが非表示になった](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent5.webp)
クリスタの画面上のイラストの見え方はこんな感じです。
![イラストの見え方(背景は透明)](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent6.webp)
![イラストの見え方(背景は透明)](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent6.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/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/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/2024/02/img_background-transparent7.webp)
![一番上のレイヤーを右クリック](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent7.webp)
表示レイヤーのコピーを統合をクリックします。
![表示レイヤーのコピーを統合](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent8.webp)
![表示レイヤーのコピーを統合](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent8.webp)
統合された画像のレイヤーが一番上に追加されました。
![レイヤーが追加された](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent9.webp)
![レイヤーが追加された](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent9.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/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/img_background-transparent10.webp)
![新規をクリック](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent10.webp)
「新規」ウィンドウがポップします。
「用紙色」のチェックを外します。
![チェックを外す](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent11.webp)
![チェックを外す](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent11.webp)
OKをクリックしてキャンバスを作成します。
![OKをクリックしてキャンバスを作成](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent12.webp)
![OKをクリックしてキャンバスを作成](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent12.webp)
用紙のレイヤーがないキャンバスができました。
![用紙のレイヤーがない](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent13.webp)
![用紙のレイヤーがない](https://nonkatsu.com/wp-content/uploads/2024/02/img_background-transparent13.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番下のレイヤーを塗りつぶしちゃうんだよね…。
![](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/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
わたしが今イラストの練習に使っている本です。
ではまた!