クリスタで白い背景を一発で透明にする方法!アナログ原稿でも利用可能!!

※記事内に広告を含みます

皆さん、本日も閲覧ありがとうございます。
山本電卓と申します。

今回はイラスト・漫画制作ソフトCLIP STUDIO PAINT(クリスタ)で読み込んだアナログ漫画原稿などの「白い背景部分」を透明にする、つまり透過できるようにする方法を紹介させていただきます。

クリスタ:輝度を透明度に変換


こちらは項目を1つ選ぶだけで実行できてとても簡単です!

それではよろしくお願いいたします
( `・∀・´)ノ!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!

CLIP STUDIO PAINT(クリスタ)で作品の白い部分を透明にしよう!

まずはクリスタで白背景のある作品(画像データ)を開こう!

まずはクリスタで白背景のある作品データを開きましょう。

アナログ原稿の場合はスキャナーやスキャン機能付きのプリンタ―で読み込んだ画像データを開きます。

※一般的な家庭用のスキャナー・プリンターですとA4サイズまでしか対応していません。

関連記事

クリスタならB4アナログ漫画も家で読み込みできます!

注意

読み込みをする場合はスキャナー・プリンター側の「解像度」の設定に注意して下さい。

モノクロ漫画の場合は600dpi以上カラー漫画の場合は350dpi以上で読み込むのが一般的です。

読み込んだ画像データをクリスタに直接開く場合

クリスタを起動している状態でCLIP STUDIO PAINT画面上部から「ファイル」→「開く」と選択します。

クリスタ:開く


するとデバイス内のフォルダが開きますので開きたい画像データを1回クリックして「開く」を選択、もしくは画像データをダブルクリックすることで開くことができます。

クリスタ:開く

クリスタ:開く

クリスタのキャンバス上に読み込んだ画像データを開く場合

任意のサイズのキャンバスをクリスタで新規作成します。

注意

ここのキャンバスも新規作成時の設定で解像度をしっかり設定しましょう。

数値は先程同様、モノクロ漫画の場合は600dpi以上カラー漫画の場合は350dpi以上、もしくはスキャン時の解像度に合わせて作成しましょう。

クリスタで絵を描く最初のステップは「新規作成」!!


キャンバスを作成しましたら、CLIP STUDIO PAINT画面上部から「ファイル」→「読み込み」→「画像」と選択しましょう。

クリスタ:開く


するとデバイス内のフォルダが開きますのでトーンを削除したい画像データを1回クリックして「開く」を選択、もしくは画像データをダブルクリックすることで開くことができます。

クリスタ:開く


この場合、画像データのサイズはそのままで開きますので作成したキャンバスより大きかったり小さかったりします。

目的に合わせて「オブジェクトツール」もしくは変形機能でサイズ変更をしましょう。

クリスタ:開く

クリスタなら絵・イラストをこれだけ自在に変形できる!!


また、こちらの方法で画像を出した場合は「画像レイヤー」になっているので「ラスタライズ」を行いラスターレイヤーに変換ましょう

※「画像素材レイヤー」のままでは編集ができません。

クリスタ:画像レイヤー
ラスタレイヤーへの変換方法(ラスタライズ)

画像レイヤーを選択した状態でCLIP STUDIO PAINT画面上部から「レイヤー」→「ラスタライズ」と選択することで画像素材レイヤーを編集可能なラスターレイヤーに変えることができます。

クリスタ:ラスタライズ

クリスタ:ラスタライズ
【補足】読み込みした画像がトーン表示になる場合

モノクロの漫画作品データを読み込む場合は大丈夫だと思いますが、基本表現色が「モノクロ」のキャンバスに画像データを読み込みさせますと画像に自動でトーン効果が付いてしまう場合があります。

クリスタで画像を開く(トーン化)


こういった場合はレイヤープロパティにて「トーン」のアイコンをタッチして効果をOFFにすることで本来の表示にすることができます。

クリスタでトーン効果をOFF

あとはクリスタのメニュー項目を選ぶだけで白い背景部分が透明になる!

クリスタ上に原稿を開くことができましたらいよいよ白い背景部分を透明にしていきましょう。

原稿のレイヤーを選択した状態でCLIP STUDIO PAINT画面上部から「編集」→「輝度を透明度に変換」と選択します。

クリスタ:輝度を透明度に変換


はい、これで終了です◎

白い背景部分が透明になりました!

クリスタ:輝度を透明度に変換
オリジナル漫画「アートシャウト!!」より


キャンバス上に原稿データを開いた場合はレイヤーパレットに「用紙レイヤー」があるので見た目上は変化がないようになってますが、「用紙レイヤー」を非表示にすると透明になっているのが分かりますよ◎

クリスタ:輝度を透明度に変換(用紙)


下に白以外のベタ塗りレイヤーを入れるとより透明部分が分かるかと思います。

クリスタ:輝度を透明度に変換

CLIP STUDIO PAINT(クリスタ)「輝度を透明度に変換」の仕組み

クリスタにおける「輝度(きど)」とは

「輝度(きど)」とは本来「光源の明るさを表す」ものですが、クリスタでは「カラーサークル」で「HLS」表示にした場合の「L」の値になります。

クリスタ:輝度


白色の輝度が100、黒色の輝度が0となります。
グレーの輝度はその濃さによって1~99の数値になります。

MEMO

下部の数値がRGBになっている場合は数値部分をタッチすることでHLS表示にできます。

クリスタのカラーサークルで表示を切り替える

クリスタにおける「透明度」とは

その名の通り透明の度合いです。

100が完全に透明で0が全く透明部分がない状態です。

レイヤーパレットの「不透明度」の反対をイメージしてもらえればいいかなと思います。

クリスタ:透明度

クリスタ機能の「輝度を透明度に変換」とは

上記のことから、正確に言えばクリスタの「輝度を透明度に変換」とは白い部分を透明にしているだけでなく、画像内にある全ての色の輝度を透明度に変換しているということになります。

つまり、アナログ原稿でもグレー部分があればそこは半透明になっているということになります。

クリスタ:輝度を透明度に変換

半透明部分をなくしたい場合はクリスタの「2値化」機能を利用しよう!

クリスタの「2値化」機能とは画像内にあるグレー部分を黒か白のどちらかに変換し、黒色と白色のみの表示にすることをいいます。

「輝度を透明度に変換」を実行する前に「2値化」をすることで原稿を黒と白のみにし、線画部分をしっかり残すことができます。

画像のレイヤーを選択した状態で、CLIP STUDIO PAINT画面上部から「編集」→「色調補正」→「2値化」と選択しましょう。

クリスタ:2値化


すると以下のウィンドウがでます。

クリスタ:2値化


これはグレー部分を黒と白に分ける際の境目となるグレーの濃さの値を設定するものです。

※「閾値」=「しきいち」と読みます。


数値を変化させる度に開いている画像が2値化した場合の表示(プレビュー)になるのでお好みの見え方になる数値を画像を見ながら設定しましょう。

※数値が低い程、白色になる範囲が増えます。

クリスタ:2値化


数値を決めましたら「OK」を選択しましょう。

これで原稿が黒と白だけになりますので、ここから「輝度を透明度に変換」すると線画部分以外はしっかり透明にすることができます。

画像が荒い場合の細かい点も消すことができますよ◎

クリスタ:2値化
MEMO

こちらは画像データを直接編集するので、不安がある場合は予め複製しておけば元の画像データを残しておくことができます。

クリスタ:レイヤーを複製


また、CLIP STUDIO PAINT画面上部から「レイヤー」→「新規色調補正レイヤー」→「2値化」と選択することで作成できる「2値化の色調補正レイヤー」を使用すれば直接画像データを編集することなく2値化ができます。

ただし、色調補正レイヤーより下にあるレイヤー全てに2値化の効果が反映されてしまいます。

クリスタ:色調補正レイヤー(2値化)


画像データのみに反映させたい場合はレイヤーフォルダーでまとめるといいでしょう。

クリスタ:色調補正レイヤー(フォルダー)

CLIP STUDIO PAINT(クリスタ)の「輝度を透明度に変換」の注意点

「輝度を透明度に変換」はカラー作品には対応できない…!

クリスタの「輝度を透明度に変換」の機能はモノクロ・グレースケールでの作品(画像)に対して利用できる機能です。

カラー作品にこの機能を使用しますとグレー表示になってしまいます。

クリスタ:輝度を透明度に変換(カラー)


カラー作品の一部を透明にしたい場合は、透明にしたい部分を「自動選択ツール」で範囲選択し、[Delete(Back space)]で直接消去しましょう。

クリスタ:消去


また、線画部分を一気に抽出する方法を以下の記事で紹介していますのでこちらも参考にしていただければなと思います。

クリスタで線画を切り抜き(抽出)する7つの方法!!

ASSETSにカラー対応のオートアクション素材あり!

クリスタで使える様々な素材をダウンロードできるCLIP STUDIO ASSETSというサービスがあるのですが、その中に
「白を透過、黒を透過」というカラー作品でも白・黒部分を透過してくれるオートアクション素材(有償)があります。

説明を読むとうまく透過できなかったり、色味が変わってしまう場合もあるようですが、1度試してみてはいかがでしょうか◎

白を透過、黒を透過(ASSETS)


参考記事

クリスタをより便利に!素材ダウンロード方法と使い方を紹介します!!

【補足】CLIP STUDIO PAINT(クリスタ)の描画色を利用した白を透明にする方法もある

クリスタでは今回紹介した「輝度を透明度に変換」を利用する方法の他に、レイヤープロパティの描画色設定を利用した白色を透明に変換する方法もあります。

詳しくは以下の記事を参考にしていただければなと思います。

クリスタの描画色を利用して白背景を透明にする方法!!画像素材でもOK!


どちらの方法でも同じように白色部分を透明に変換することができますが、微妙に仕様が異なりますのでお好みの方法を利用していただければなと思います。

CLIP STUDIO PAINT(クリスタ)で作品の白い部分を透明にしてできること

クリスタで背景などの新しい絵を追加できる!

白い部分が透明になりますので別レイヤーの絵もキャンバス上に表示させることができます。

クリスタの描画ツールで新たに絵を追加で描いてもいいですし、背景素材などを入れれば簡単に背景を仕上げることができます◎

※キャラクターの内側は白く塗るか、背景部分を消すかしましょう。

クリスタ:輝度を透明度に変換+背景素材

クリスタをより便利に!素材ダウンロード方法と使い方を紹介します!!

クリスタでカラー作品に仕上げることができる!

もし背景を透過した作品がベタ塗り前のものでしたら、その作品をクリスタの描画・塗りつぶしツールを使ってカラーに塗っていくことができます。

クリスタ:カラー


その場合は作品データの下に「ラスターレイヤー」を作成し、このレイヤーに色を塗っていきます。

クリスタでレイヤーの使い方を理解して絵を描こう!!


色を塗るレイヤーを原稿データのレイヤーより下に配置すれば線の上に色が入ってしまうことも起こりません◎

クリスタ:カラー

CLIP STUDIO PAINT(クリスタ)で白い部分を透明にする方法まとめ

クリスタはデジタル作品の制作だけでなく、アナログ作品の制作を補助する機能も搭載しています。

【イラスト・漫画のデジタル化に悩む方へ】全てをデジタル化しなくてもいいのです!


アナログの味わいを残しつつ、デジタルの効率化を取り入れることができます。

制作時間の短縮を考えている方はクリスタの導入もご検討下さい◎

それではここまで閲覧ありがとうございました!
お疲れ様でした!!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!


▼動画視聴型お絵描き講座【Palmie(パルミー)

パルミー

▶パルミーについて詳しく見る