inkscapeでビットマップのトレースをしてみる
![inkscapeでビットマップのトレースをしてみる](https://notetoself-dy.com/wp-content/uploads/2021/06/ビットマップ.jpg)
こんにちは!
dynaです!
今回は、インクスケープで写真や下書きした画像を取り込み、パスに変換する
「ビットマップのトレース」について調べていきたいと思います。
画像をインポートする
画像をインポートします。
ファイル ⇒ インポート ⇒ でインポートしたい画像ファイルを選択します。
![インクスケープ、画像のインポート](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ.jpg)
ファイルを選択すると、下記の項目が出てきます。
下記の項目で読み込みます。
![インポート設定](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ2.jpg)
水の画像が読み込めました!
![水の画像読み込み](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ8.jpg)
ビットマップのトレース
次に、画像をパスに変換したいので、
「ビットマップのトレース」を実行します。
上部メニューのパス ⇒ ビットマップのトレースを選択します。
![ビットマップのトレース](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ9.jpg)
下図のようなダイアログが開きます。
![](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ10.jpg)
ここの内容ですが、
SIngle scan | 単一スキャン、白黒の2階調で表現する |
Multiple scan | 多重スキャンのため、濃淡の表現ができる |
Brightness Cutoff(フィルター) | ピクセルの赤、青、および緑 (またはグレーのシェード) の合計を黒あるいは白とみなす指標として使用している |
Edge Detection(フィルター) | 類似するコントラストの平衡線を素早く検出する手段 |
color quantization(フィルター) | 明るさやコントラストの平衡線の代わりに、明るさやコントラストが同じであっても色が変わる境界を検出する |
ということらしいです。
試しにプレビューで見て見ます。
プレビュー結果はダイアログボックスの右側、スキャン結果はその下の画像になります。
single + Brightness Cutoff
![シングル色黒](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ18.jpg)
![single + Brightness Cutoff 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ30.jpg)
かっこいい~! 白黒で表現されてる!!
single + Edge Detection
![シングル+エッジ](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ19.jpg)
![single + Edge Detection 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ29.jpg)
線画にしたみたい!!
single + color quantization
![single + color quantization](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ20.jpg)
![single + color quantization 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ31.jpg)
single + Autotrace
![single + Autotrace](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ21.jpg)
![single + Autotrace 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ27.jpg)
single + Centerline tracing
![single + Centerline tracing](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ22.jpg)
![single + Centerline tracing 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ28.jpg)
画像からこんなに描きだせるなんて、すごい・・・・!!!
Multiple + Brightness Cutoff
今度は多重スキャンです。
![Multiple + Brightness Cutoff](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ23.jpg)
![Multiple + Brightness Cutoff 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ32.jpg)
Multiple + 色
![Multiple + 色](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ24.jpg)
![Multiple + 色 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ33.jpg)
リアルな感じ!!
Multiple + Grays
![Multiple + Grays](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ25.jpg)
![Multiple + Grays 結果](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ34.jpg)
Multiple + Autotrace
![Multiple + Autotrace](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ26.jpg)
これは時間がかかりすぎて、結果が取れませんでした・・・( ;∀;)
Single scan と Multiple scan
使ってて気になったのが、 単一スキャンと多重スキャン。
多重スキャンは名前の通り、スキャンを重ねること。
スキャン結果のグループ化を解くとこんな感じになってました。
![多重スキャンのグループ解除](https://notetoself-dy.com/wp-content/uploads/2021/06/キャプチャ35.jpg)
ちなみに単一は、スキャン1回でした。
まとめ
ビットマップのトレースを使いこなせると、写真やイラスト、ロゴなど使い勝手がすごくよくなるなーと思いました!!
インクスケープって楽しい・・・!!!
ここまで読んで下さりありがとうございます。
<あわせて読みたい>
\inkscape参考本/
<広告>
![](https://www10.a8.net/0.gif?a8mat=3HN26E+BCFDRM+4UYM+61RI9)
![](https://www18.a8.net/0.gif?a8mat=3HGNYO+EJXH4I+4RLS+5ZEMP)