背景なしの「線画」を抽出する方法

クリップスタジオペイントで「背景なしの線画」を抽出する方法をご紹介します。

線画を抽出

ライン抽出

  1. 線画を抽出したい画像を配置>
  2. ライン抽出>グレー(もしくは、モノクロ)>表現色を「黒」のみへ

    ※黒をクリックで黒のみになります。

ライン抽出精度を選択し、項目ごとにスライダーで調整してください。

設定項目の詳細については、下記公式サイトの[3] ライン抽出の欄をご覧ください。↓

効果をオンにすると、効果に関する設定項目が表示されます。また、複数の項目を同時に選択することもできます。ツールナビゲーションでは、選択中のレイヤーで使用できるツール・サブツールの候補を表示し、ツールを切り替えることもできます。境界効果、トーン、レイヤーカラーはレイヤーそれぞれに設定するだけでなく、...
レイヤープロパティの基本「レイヤーの種類・操作 #5」 by ClipStudioOfficial - ... - CLIP STUDIO TIPS

これで背景なしの線画が手に入りました。

レイヤーのLT変換

レイヤーを「線画」と「トーン」に分割したものへ変換できます。

  1. レイヤープロパティ>レイヤーのLT変換を実行

トーンの背景を透明にする

トーン表示の白色部分を、透明に変換することもできます。

  1. レイヤープロパティ>トーン>画像の輝度を使用

白色部分が透明になりました。↓

画像素材レイヤー

画像素材レイヤーなら、レイヤープロパティパレットで「質感合成」や「減色表示 」などの項目を選択できるようになります。

  1. レイヤーを右クリック>レイヤーの変換>画像素材レイヤー>OK

    ※「元のレイヤーを残す」にチェックすれば、コピーされた画像素材レイヤーが新たに作成されます。

レイヤープロパティの詳細については、下記の公式サイトをご覧ください。

効果をオンにすると、効果に関する設定項目が表示されます。また、複数の項目を同時に選択することもできます。ツールナビゲーションでは、選択中のレイヤーで使用できるツール・サブツールの候補を表示し、ツールを切り替えることもできます。境界効果、トーン、レイヤーカラーはレイヤーそれぞれに設定するだけでなく、...
レイヤープロパティの基本「レイヤーの種類・操作 #5」 by ClipStudioOfficial - ... - CLIP STUDIO TIPS
クリスタの画像素材レイヤーの「質感合成」を使用すると、手軽に水彩やキャンバス風の表現などを演出することができます。必要ソフト:CLIP STUDIO PAINTまずはベースになるイラストを用意します。今回はりんご(と思われるもの)にしてみました。「質感合成」は画像素材レイヤーのみ利用できます。CL...
質感合成を使ってイラストの雰囲気を変更! by negitaro - CLIP STUDIO TIPS - CLIP STUDIO TIPS

輝度を透明度に変換

上記の方法とは別に「輝度を透明度に変換」からも線画のみを抽出することができます。

  1. 背景が白の線画を配置する>
  2. 編集>輝度を透明度に変換
     

これで背景なしの線画が手に入りました。

3D素材からライン抽出

3D素材からライン抽出する方法は、下記の記事でご紹介しています。

クリップスタジオペイントで「範囲指定」を利用して「線幅」を変更する方法をご紹介します。以前の記事でもいくつか線幅を変更する方法をご紹介しています。こちらも合わせてどうぞ。今回の作業は、全てラスターレイヤーでの作業です。選択範囲を利用して線幅修正する方法手順 線画を用意します> フィルター>ぼかし>ガウスぼかし> レイヤーのサムネイル画像を「Ctrl+クリック」し選択範囲指定> モノクロ2階調へ変換> エアブラシを選択(ブラシはお好みです。)> 太くしたい箇所を、「黒」でなぞると太くなる>※分かりや...
「選択範囲」を利用して線幅を変更する方法 - CLIP STUDIO ペイントの備忘録

加工する

線を消したり、描き込んだり、設定の違う線画を重ねたり、背景を追加したりしました。

↑「素材>単色パターン>背景>自然」の雲を使用しました。

参考

下記のツイートを参考にさせて頂きました。ありがとうございます。

感想

ほんと知らないことばかりです。しかし便利なソフトだぜ。

追記:Photoshopで線画抽出

以降はクリスタではなく、Adobe Photoshopのアクションで簡単に線画抽出する方法をご紹介します。

「選択範囲」を利用して線幅を変更する方法のコメント欄で教えていただきました。ありがとうございます!

線画抽出

Line art Photoshop action that you can download for FREE! Convert photo to line drawing using Photoshop. Easy: remove white background for scanned drawings.
(FREE) Line Art Photoshop Action - Photoshop Supply - Photoshop Supply

↑このアクションを実行すると、簡単に線画抽出できます。無料で公開されています。


自動的にレベル補正が起動するので、そこで若干調整できます。

(使用したフリー素材:turned-on black and gray laptop computer photo – Unsplash)

線を太くする

Thicken lines in Photoshop with this free action! You can now thicken lines and darken lines for scanned drawings, digital sketches and line art.
(FREE) Thicken Lines in Photoshop - Photoshop Supply - Photoshop Supply

↑線画を太くできます。1pxと2pxのアクションが同梱されています。こちらも無料です。

Download free graphic design resources from Photoshop Supply: brushes, actions, layer styles, gradients, patterns and more.
Free Photoshop Resources For Graphic Designers - Photoshop Supply - Photoshop Supply

↑この「Photoshop Supply」というサイトで、他にも便利なアクションが公開されています。いいサイトを教えていただきありがとうございます!

\シェアしていただけると嬉しいです/