CSP Web Tools

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

自分で作った画像を、クリスタのブラシ先端に使う方法を説明します。先端画像の作り方から素材登録、線の間隔や向きの調整までをまとめました。

クリスタのブラシは、小さな先端画像を続けて並べることで線を描きます。この画像を自分で作ると、好みのざらつきやにじみを持つブラシにできます。画像の作り方から素材登録まで、順に説明します。

公開日 ・更新日

ブラシ先端画像とは何か

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

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

良い先端の条件

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

素材登録の全手順

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

  1. 書き出したPNGをCLIP STUDIO PAINTで開きます。登録する前に画像レイヤーを選び、[レイヤープロパティ]の[表現色]を[グレー]へ変更して柔らかい透明部分を保ちます。[カラー]のまま登録すると色が固定されます。[モノクロ]は2値の縁にしたいときだけ使います。
  2. [編集]メニュー→[素材登録]→[画像]を選びます。
  3. [素材のプロパティ]ダイアログで[素材名]を入力し、[ブラシ用素材設定]の[ブラシ先端形状として使用]に必ずチェックを入れます。ここを入れ忘れると、あとでブラシ先端形状の一覧に出てきません。[素材保存先]を選び、必要なら検索用タグを付けて[OK]を押します。
  4. 元にしたいブラシを選び、[ツールグループ]パレットのメニュー→[ツールの複製]で複製します(元のブラシの設定を壊さないため)。
  5. 複製したブラシを選んだまま[ツール詳細]パレットを開きます。CLIP STUDIO PAINT Ver.5.0 でパレット名が[サブツール詳細]から[ツール詳細]へ改称されているため、古い解説記事では旧名で書かれている場合があります。
  6. [ブラシ先端]カテゴリを表示し、[先端形状]を[円形]から[素材]に切り替えます。「ここをクリックして先端形状を追加してください」をクリックし、[ブラシ先端形状の選択]ダイアログで先ほど登録した素材を選んで[OK]を押します。
  7. 描き味が決まったら、[ツール詳細]パレットの[全設定を初期設定に登録]で、その状態をブラシの初期値として保存します。
[素材のプロパティ]ダイアログ。左上に[素材名]の入力欄、その下に[素材のイメージ]として黒い先端画像のプレビューがあり、さらに下の[ブラシ用素材設定]に[用紙テクスチャとして使用]と[ブラシ先端形状として使用]のチェックボックスが並ぶ。右半分は[貼り付け動作]の[拡大縮小][タイリング][タイリング方向]と、[重ね合わせの指定]の選択肢。
手順 2〜3 の[編集]→[素材登録]→[画像]で開く[素材のプロパティ]。[素材名]を入れ、[ブラシ用素材設定]の[ブラシ先端形状として使用]にチェックを入れます。画面: CLIP STUDIO PAINT 5.0.4(株式会社セルシス)

図では[ブラシ用素材設定]のチェックが 2 つとも外れています。この状態のまま登録した素材は、手順 6 の[ブラシ先端形状の選択]ダイアログに出てこないので、必ず[ブラシ先端形状として使用]を入れてから[OK]を押してください。上に並ぶ[用紙テクスチャとして使用]は紙の質感に使う別の設定で、先端画像の登録では使いません。

CSP 側で決める設定

先端画像に焼き込める見た目(形・硬さ・縦横比・粒子・にじみ)がある一方で、線としての振る舞いは登録後に CSP 側の項目で決めます。どの項目も、ブラシを選んだ状態で[ツール詳細]パレットを開き、左のカテゴリ一覧から[ブラシ先端]や[ストローク]を選ぶと表示されます。

[ツール詳細]パレット。左のカテゴリ一覧は[ブラシサイズ][インク][色の変化][アンチエイリアス][ブラシ形状]と続き、その下の[ブラシ先端]が選択されていて、さらに[散布効果][ストローク][紙質]が並ぶ。右側は[先端形状]の[円形]と[素材]の切り替え([素材]が選択)、登録済み先端画像のサムネイル、グレーアウトした[硬さ]、[厚さ]150、[適用方向]の[水平]と[垂直]、[向き]0.0、[左右反転]と[上下反転]の[ランダム]、[ブラシ濃度]100。
[ツール詳細]パレットで[ブラシ先端]カテゴリを開いたところ。[先端形状]を[素材]に切り替えると、その下の[硬さ]がグレーアウトします。画面: CLIP STUDIO PAINT 5.0.4(株式会社セルシス)
[ストローク]→[間隔]
先端をどれだけ詰めて並べるかを決める項目です。数値を自由入力する項目ではなく、[固定][広い][普通][狭い]から選ぶ方式で、数値スライダーが出るのは[固定]を選んだときだけです。狭めるほど線は滑らかになりますが、その分ストロークが重くなります。
[ブラシ先端]→[厚さ][適用方向][向き]
[厚さ]で先端を潰し、[適用方向]でどちらの軸を潰すかを[水平][垂直]から選び、[向き]で 0〜360 度回転させます。先端画像の側で縦横比や回転を焼き込んでいても、ブラシごとに振りたい分はこちらで上乗せできます。
[ブラシ先端]→[硬さ]
[先端形状]で[円形]を選んでいる場合にだけ設定できる項目です。素材(画像)を先端にしたブラシでは使えないため、縁のぼけ具合は先端画像そのものに作り込んでおく必要があります。
[ブラシ先端]→[ブラシ濃度]
先端形状 1 個あたりの不透明度です。先端画像自体の透明度と掛け合わさるため、薄い先端を作った場合は、まず CSP 側を 100 のままにして見え方を確認すると調整の見当が付けやすくなります。

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

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

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

設定JSONとPNGを一緒に保存します。本ツールのJSON読み込みで設定・シード・多角形の頂点を復元し、派生版を作れます。JSONは本ツール用で、CSPのブラシファイルではありません。CSPで登録したブラシは、メイン描画色を赤と青に切り替えて両方で描き、透明レイヤー上で柔らかい縁が保たれることを確認してから初期設定を保存します。

出典と確認条件

資料確認日: 2026-09-06。CSP 5.1.1 EXで、生成した透過PNGを表現色グレーから素材登録し、メイン描画色を赤・青に変えて描けることを確認しました。既存の掲載画面はCSP 5.0.4です。