Pixel2Lines

サービス
写真をSVG線画に変換
写真をSVG線画に変換
写真をSVGレーザー彫刻用データに変換
写真をSVGレーザー彫刻用データに変換
写真をSVGシェイプに変換
写真をSVGシェイプに変換
写真をイラスト化
写真をイラスト化
平面図変換
平面図変換
刺繍データ化
刺繍データ化
写真の背景を除去
写真の背景を除去
画像アップスケーラー
画像アップスケーラー
デザイングリッド
デザイングリッド
ギャラリー料金SVGエディターワークスペース
  1. ホーム/
  2. ガイドとリソース/
  3. ペンプロッター向けスティップリング: 密度、Voronoi、TSP

ペンプロッターのためのスティップリング技法

スティップリングは明暗を点間隔へ置き換える技法です。ペンプロッターでは、点の再現性、紙の反応、移動時間が結果を決めるため、理屈だけでなく実務的な判断が重要になります。

スティップリングが成立する条件

スティップリングは、塗り面ではなく点の配置と間隔で濃淡を作ります。暗い部分では点を増やし、明るい部分では紙を多く残します。

この考え方はプロッターと相性が良いのですが、成立条件は点が安定して打てることです。ペンがにじむ、太さがぶれる、インク溜まりが出ると、明るい部分は潰れ、暗い部分は構造を失います。

良いスティップリングは、近くで見ればきれいな点として読め、通常の鑑賞距離では自然なトーンとして見える必要があります。画面上でしか成立しない、あるいは特定距離でしか成立しないなら、まだ仕上がっていません。

フルサイズへ入る前に、必ず実際のペンと紙の組み合わせでテストしてください。最小の点が消える、最密部がベタに潰れるといった症状があれば、まずは間隔、ペン幅、紙を見直します。

考え方の基本

まず手法を変える前に点間隔を調整してください。単一の点配置でまだ薄いなら点数を増やします。TSPへ切り替えるのは、点をつなぐ線が表現の一部になっても良いと判断した場合だけです。

同じペンで作った広い、中間、狭い点間隔の比較
同じ陰影形状を1本のペンで3回描き、点間隔の広い・中間・狭い状態を比較した例。
同じスティップルスウォッチを、平滑紙と吸収性の高い紙で比較した写真
小さなスティップルスウォッチを、平滑紙とより吸収性の高い紙で比較し、にじみとハイライト消失をメモした例。

点の分布方法を選ぶ

単純なランダム配置は生成が速い反面、点が偏って固まりやすく、中間調が汚れて見えがちです。

ポアソンディスクサンプリングは、点同士の最小距離を保つことで、より均一な分布を作れます。

Adrian Secordが整理した重み付きセントロイドVoronoiスティップリングは、画像密度へ追従しつつ点間隔も整えやすいため、画像ベースのスティップリングでは代表的な手法です。

TSPは別物です。より良い点生成法ではなく、既存の点群をできるだけ少ないペンアップで巡回するための経路戦略です。

  • ランダム点: たたき台としては速いが、トーン制御は弱い
  • ポアソンディスク: 間隔が整いやすく、均質な質感に向く
  • 重み付きVoronoi: トーン表現と点配置のバランスが最も良い
  • TSPルート: 描画効率が重要で、接続線が見えても良い場合に有効
元写真からトーン簡略化、重み付き点群、必要に応じたTSPルートまでのスティップリング手順を示す図解
元写真からトーン整理、重み付きVoronoi点群、必要に応じたTSPルート、最終試し描きまでのワークフロー。

プロッター前提の進め方

  1. 1

    元画像を整理する

    まずは明部と暗部の分離がはっきりした画像から始めます。グレースケール化し、ノイズの多い背景を整理し、点を生成する前に主題がきちんと読める状態へ持っていきます。

  2. 2

    試し出力を先に作る

    最初からフルサイズへ進まず、切り出し範囲や低密度版で確認します。小さな試し描きで形が読めないなら、点を何千個増やしても明快さより先に時間だけが増えることが多いです。

  3. 3

    純粋な点描か、TSPルートかを決める

    見た目の方向性は早い段階で決めます。独立した点そのものが重要なら純粋なスティップリングを維持し、移動線が見えても成立するならTSPルートで機械負荷を大きく減らせます。

  4. 4

    パス順を最適化する

    独立点は、ペンアップと移動距離が多いため描画コストが高いです。描画前に順序を整理するか、できるだけペンを下ろしたまま進めたいならTSP書き出しを使います。

  5. 5

    本番スケールで小さく試す

    最終的に使うペンと紙で、小さな範囲だけ本番スケールの試し描きを行います。輪郭のシャープさ、暗部の分離、ハイライトの抜けを確認し、必要なら再生成します。

トレードオフを理解する

純粋なスティップリングとTSPアートは別の仕上がりです。TSPは点を連続線でつなぐことでペンアップを減らしますが、その経路線は最終画像にも見えるようになります。

独立した点だけで描かれたポートレートのスティップリング
接続線が見えない、純粋な独立点だけで描いたポートレート。
点群を連続線で巡回するTSPアートとして描かれたポートレート
同じポートレートをTSPアート化した比較例。独立点と見える経路線の違いを確認できます。

純粋なスティップリングとTSPアートの違い

純粋なスティップリングでは、点が視覚的に独立したまま残ります。速度は遅くなりますが、紙の抜けが保たれ、伝統的な点描らしさが出ます。

TSPアートは、点群を画像全体のほぼ連続した経路へ変換する手法です。Robert Boschがこの方向性を独立した描画スタイルとして広め、StippleGenのようなツールでも出力できます。

描画時間が重要で、移動線が絵の一部として見えても問題ないならTSPが向いています。点が独立していること自体が表現の核なら、純粋なスティップリングを選ぶべきです。

独立点のまま進める場合でも、`vpype` の `linesort` のようなツールでペンアップ移動を減らすことは可能です。

あると役立つ参考資料

1本のペン、1種類の紙、4段階の点密度テスト、1つのTSPサンプル、手書きメモが載ったスウォッチシートがあると、机上の話ではなく実際の出力に基づく判断がしやすくなります。

実際に効くハイブリッド手法

強いプロッター作品の多くは、全体をスティップリングだけで埋めていません。最も効果が高い部分だけへ使う方が、結果は良くなりやすいです。

  • 大きな暗部は、点描だと時間がかかりすぎるならハッチングへ置き換える
  • 中間調を紙色で担保できるなら、有色紙を使って影とアクセントだけを描く
  • 背景は主題より簡潔に保ち、点密度はシルエットや顔立ち、重要な影へ優先的に割く
  • 点サイズを変える表現は、ペンと紙がその差を安定して再現できる場合だけ使う

本番前の確認項目

  • 想定鑑賞距離で主題がきちんと読める
  • 最も暗い点群が潰れてベタにならず、分離を保っている
  • ハイライトが灰色の霞ではなく、紙の白として残っている
  • 使用機に合わせてパス順が最適化されている
  • 本番のペンと紙で小サンプル検証を済ませている
実務ヒント

日付付きのスウォッチライブラリを残しておくと便利です。ペンの種類、ペン先サイズ、紙、点間隔のメモは、半年後の曖昧な記憶よりはるかに役立ちます。

必要な点数はどれくらいですか?

万能な正解はありません。出力サイズ、ペン幅、紙の吸収性、元画像コントラスト、鑑賞距離で変わります。まずは切り出しテストや低密度版から始め、意味のある構造が増える間だけ密度を上げてください。暗部が潰れ始めたり、ハイライトが開かなくなったら、それ以上の点追加は無駄になりやすいです。

スティップリングが濁って見えるのはなぜですか?

よくある原因は、元画像のトーン分離不足、ペンと紙に対して点が近すぎること、または点分布法が偏っていることです。まず画像自体を整理し、点間隔を広げるか、より細いペンへ替え、単純なランダム配置よりPoissonやVoronoi系を優先してください。

純粋なスティップリングとTSPアート、どちらを使うべきですか?

独立した点そのものが見た目の核で、描画時間が長くなっても良いなら純粋なスティップリングです。速度を優先し、接続線が見えても表現として成立するならTSPアートが向いています。解決したい問題が違うので、レンダープレビューではなく完成イメージ基準で選んでください。

関連ガイド

ペンプロッター向けハッチングとクロスハッチング

高密度の点描へ入る前に、暗部をより速く作れるトーン技法を知りたい場合に役立ちます。

ペンプロッティング向けSVG最適化

点群生成後の次の課題である移動短縮、パス統合、時間削減を解説します。

ペンプロッターの仕組み

ペンアップ、移動距離、パス順がなぜ重要なのか、機械側の理屈から理解したい場合に役立ちます。

スティップリング前に、もっと整理された土台線画が必要ですか?

まずはより良いSVGを作り、本当に効く場所へだけ点を使う方が、最終的なプロットは引き締まります。

プロッター向けSVGを作成する

まずSVGを整えたり計測したいですか?

ブラウザで無料のSVGエディターを開けば、アップロードなしでスケール確認、パス整理、制作対応ファイルとしての書き出しができます。

コメント

コメントを書くには、ログインまたはアカウント作成を行ってください。

ログインまたは新規登録

コメントを読み込み中...

ワークフローサービス


  • 写真をSVG線画に変換ベクター
  • 写真をSVGレーザー彫刻用データに変換ベクター
  • 写真の背景を除去ラスター
  • 写真をSVGシェイプに変換ベクター
  • 写真を刺繍データ化ベクター
  • 写真をイラスト化ラスター
  • 写真をデザイングリッド化ラスター
  • ギャラリー
  • 料金
  • 私たちについて
  • 技術
  • カスタム開発
  • お問い合わせ・サポート

変換ツール


  • ファイルコンバーター
  • JPGをPNGに変換
  • JPGをWEBPに変換
  • JPGをAVIFに変換
  • JPGをICOに変換
  • PNGをJPGに変換
  • PNGをAVIFに変換
  • PNGをWEBPに変換
  • PNGをICOに変換
  • WEBPをJPGに変換
  • WEBPをPNGに変換
  • WEBPをAVIFに変換
  • AVIFをJPGに変換
  • AVIFをPNGに変換
  • AVIFをWEBPに変換
  • SVGをPNGに変換
  • SVGをJPGに変換
  • SVGをWEBPに変換
  • SVGをAVIFに変換
  • SVGをPDFに変換プレミアム
  • SVGをEPSに変換プレミアム
  • SVGをAIに変換プレミアム
  • SVGをDXFに変換プレミアム
  • SVGをGCODEに変換プレミアム
  • PDFをPNGに変換
  • BMPをPNGに変換
  • DXFをSVGに変換プレミアム

ガイド


  • 役立つガイド

Pixel2Lines

  • 法的情報
  • プライバシーポリシー
  • 利用規約
  • クッキー