CSP Web Tools

クリスタで自作ブラシを作る — 先端画像の設計から登録まで

ブラシ先端の画像を自分で作り、CLIP STUDIO PAINT に素材登録してブラシに割り当てるまでの流れをまとめました。良い先端画像の条件、素材登録の手順、間隔・厚さ・向きなど CSP 側で決める設定、試作の進め方を扱います。

CLIP STUDIO PAINT のブラシは、先端の画像を並べてストロークを描いています。この先端画像を自分で作れるようになると、市販素材にない粒状感やにじみを持つブラシを 1 から組み立てられます。先端画像の設計から CSP への登録までの手順をまとめます。

公開日 ・更新日

ブラシ先端画像とは何か

CLIP STUDIO PAINT のブラシは、1 枚の小さな透過画像(先端画像)を、ペンを動かした経路の上に一定間隔でスタンプのように並べて線を描いています。丸いブラシなら円形の先端が、かすれたブラシなら粒状の先端が、それぞれ短い間隔で連続して押されているだけで、線そのものを描く特別な仕組みがあるわけではありません。先端の形・ぼけ方・透明度がそのまま線の質感になるため、先端画像を作ることは、ブラシの描き味そのものを作ることと同じ意味を持ちます。

既存のブラシに満足できないとき、パラメータの調整だけでは届かない質感(不規則な粒立ち、にじんだ輪郭、角のある平筆など)を作るには、先端画像から作り直すのが近道です。市販・配布されているブラシ素材の多くも、突き詰めれば「先端画像 + 間隔などのストローク設定」の組み合わせでできています。中身の構造を理解しておくと、配布素材を見たときにも「この質感は先端側の設定か、ストローク側の設定か」を切り分けて読めるようになります。

良い先端の条件

  • 透過: 先端の背景は必ず透明にします。背景が不透明だと、スタンプを重ねるたびに四角形が塗りつぶされ、線ではなく帯になります。
  • サイズ: 書き出す PNG の一辺は、線画用なら 256px 前後、粒立ちを大きく見せるテクスチャブラシなら 512〜1024px が目安です。大きすぎると縮小時に処理が重くなり、小さすぎると拡大でぼやけます。
  • 硬さ: 縁のぼけ方が線の縁の印象を決めます。硬さ 100% に近いほど輪郭がはっきりし、下げるほど柔らかくにじんだ縁になります。ペン系なら高め、水彩・パステル系なら低めが目安です。
  • 余白: 先端の絵柄をキャンバス全体に描き込まず、周囲に余白を残します。余白が無いと、線の中心をずらして重ねたときに角が切れて見えることがあります。
  • 縦横比と回転: 平筆のような形にしたいときは、先端画像そのものに縦横比と回転を焼き込んでおくと、複数のブラシで同じ形を使い回せます。ブラシごとに角度だけ変えたい場合は、焼き込まずに CSP 側の設定に任せる判断もできます。

素材登録の全手順

先端画像の PNG ができたら、CLIP STUDIO PAINT に素材として登録し、ブラシに割り当てます。

  1. 書き出した PNG を CLIP STUDIO PAINT で開きます。
  2. [編集]メニュー→[素材登録]→[画像]を選びます。
  3. [素材のプロパティ]ダイアログで[素材名]を入力し、[ブラシ用素材設定]の[ブラシ先端形状として使用]に必ずチェックを入れます。ここを入れ忘れると、あとでブラシ先端形状の一覧に出てきません。[素材保存先]を選び、必要なら検索用タグを付けて[OK]を押します。
  4. 元にしたいブラシを選び、[ツールグループ]パレットのメニュー→[ツールの複製]で複製します(元のブラシの設定を壊さないため)。
  5. 複製したブラシを選んだまま[ツール詳細]パレットを開きます。CLIP STUDIO PAINT Ver.5.0 でパレット名が[サブツール詳細]から[ツール詳細]へ改称されているため、古い解説記事では旧名で書かれている場合があります。
  6. [ブラシ先端]カテゴリを表示し、[先端形状]を[円形]から[素材]に切り替えます。「ここをクリックして先端形状を追加してください」をクリックし、[ブラシ先端形状の選択]ダイアログで先ほど登録した素材を選んで[OK]を押します。
  7. 描き味が決まったら、[ツール詳細]パレットの[全設定を初期設定に登録]で、その状態をブラシの初期値として保存します。

CSP 側で決める設定

先端画像に焼き込める見た目(形・硬さ・縦横比・粒子・にじみ)がある一方で、線としての振る舞いは登録後に CSP 側の項目で決めます。

[ストローク]→[間隔]
先端をどれだけ詰めて並べるかを決める項目です。数値を自由入力する項目ではなく、[固定][広い][普通][狭い]から選ぶ方式で、数値スライダーが出るのは[固定]を選んだときだけです。狭めるほど線は滑らかになりますが、その分ストロークが重くなります。
[ブラシ先端]→[厚さ][適用方向][向き]
[厚さ]で先端を潰し、[適用方向]でどちらの軸を潰すかを[水平][垂直]から選び、[向き]で 0〜360 度回転させます。先端画像の側で縦横比や回転を焼き込んでいても、ブラシごとに振りたい分はこちらで上乗せできます。
[ブラシ先端]→[硬さ]
[先端形状]で[円形]を選んでいる場合にだけ設定できる項目です。素材(画像)を先端にしたブラシでは使えないため、縁のぼけ具合は先端画像そのものに作り込んでおく必要があります。
[ブラシ先端]→[ブラシ濃度]
先端形状 1 個あたりの不透明度です。先端画像自体の透明度と掛け合わさるため、薄い先端を作った場合は、まず CSP 側を 100 のままにして見え方を確認すると調整の見当が付けやすくなります。

ブラシ先端メーカーで試作する流れ

先端画像は CSP に持ち込む前に、ブラウザ上で試作してから書き出すと手戻りが減ります。形状(円形・四角形・多角形・粒子・にじみ)とキャンバスサイズを選び、硬さ・不透明度・縦横比・回転で描き味を決め、粒子量とにじみで粒状感を足していきます。多角形は頂点をドラッグして正多角形から崩した輪郭も作れます。

設定を決めるときは、先端 1 個の見た目だけでなく、同じ先端を並べたプレビュー(等速ストロークと、筆圧が弱→強→弱に変化するストローク)も必ず確認します。等速ストロークでスタンプが繋がらず数珠のように見えるなら、硬さを下げるか先端を大きくします。筆圧の弱いところで線が唐突に切れるなら、硬さか不透明度が強すぎる合図です。CSP の[間隔]は数値までは再現できませんが、プレビューの粒の繋がり方を見ておけば、登録後に[固定][広い][普通][狭い]のどれを選ぶかの判断材料になります。設定が固まったら PNG を書き出し、前の章の手順で CLIP STUDIO PAINT に登録します。シードだけを変えた複数枚を書き出しておけば、1 本のブラシに先端を複数登録して[繰り返し方法]をランダムにするなど、より不規則な質感も組み立てられます。

設定値は JSON としても書き出せるので、気に入った先端ができたら画像と一緒に残しておくと、あとで硬さや粒子量だけを微調整した派生版を作りたくなったときに、ゼロから作り直さずに済みます。ブラウザの設定は端末をまたいで引き継がれないため、別の端末でも同じ先端を使いたい場合は、この JSON と PNG の両方を保存しておくのが確実です。