5ステップでCricut・シルエット用のSVGを作る
- 手元にあるいちばん大きくてきれいなPNGかJPGをアップロードします。長辺は最大2048pxです（それより大きい画像は、トレース前にこのサイズまで縮小されます）。透過PNGが理想的です。
- Cricut／カッティングプリセットを選び、色数をカットするカッティングシートの色数に合わせます。1色のステッカーなら、いちばん少ない設定の2です。
- なめらかな曲線と背景を削除はオンのままにします。カッティングマシンは階段状の輪郭より曲線のほうがきれいにたどれますし、背景を削除しておけば、背景が巨大な長方形としてカットされることもありません。背景の削除をオフにするのは、背景もデザインの一部の場合だけです。
- 無料の透かし入りプレビューを確認し、カットしたい形と一致するまでトレースし直します。余計な点がないこと、細い線が十分な太さになっているか消えていること、パレットにはカットしたい色だけが残っていることを確かめてください。
- 透かしなしのSVGのロックを解除し（1クレジット、アカウントなら無料3クレジット）、ダウンロードしてDesign SpaceかSilhouette Studioに読み込みます。
「Cricut／カッティング」プリセットがすること
刃はおよそ0.5mmより細い切れ端をカットできず、そんな細い部分はカス取りもできません。そのため「Cricut／カッティング」プリセットは、ほかのプリセットにはない3つの処理をします。
- 背景を削除がオンの状態で4色から始まります。 背景が巨大な長方形としてカットされることはありません。どちらも変換前に変更できます。
- 最小の幅を設定します。 画像の長辺の0.4%で、1.5ピクセルを下回ることはありません。1000ピクセルの画像なら4ピクセル、2048ピクセルの画像なら8ピクセルです。デザインを幅150mmでカットすると、約0.6mmに相当します。色の領域のうちこれより細い部分は（図形と図形のすき間も含めて）、隣の色にまとめられます。髪の毛のような細線や細い輪郭線は消え、文字と文字の間の細いすき間は閉じ、針のように鋭い先端は十分な幅のあるところまで削られます。
- 細かな点を取り除きます。 その幅の2倍の大きさの点より小さいものは、やはり周りの色にまとめられます。
それ以外の処理（パレットの整理、曲線の当てはめ、閉じた輪郭線）は「標準」プリセットと同じです。細い輪郭線や小さな文字は、埋まったり消えたりすると考えてください。それがこのプリセットの役目で、プレビューはダウンロードするのと同じパスから描かれています。細い部分を残したい場合、それはプリセットが想定するサイズではカットするには細すぎます。デザインを大きくするか、元の画像でその部分を太くするか、「標準」を使ってください。
SVGエディターで整える
ロックを解除した結果をSVGエディターで開きます（アカウントが必要です。ロック解除済みの結果なら、追加のクレジットはかかりません）。
- カットしない図形は削除します。
- 同じ素材からカットする色は、1つの塗りに色を変えてまとめます。どのレイヤーに属するかが見た目でわかるようになります。
- SVGを保存します。ファイルを小さくしたい場合は、ほどほどの精度で最適化ツールにかけてください。数値を強く丸めると細部がずれることがあるので、結果を確認しましょう。
Cricut Design Spaceに読み込む
- Design Spaceでアップロードを選び、ダウンロードした.svgファイルを開いて名前を付け、アップロードします。
- キャンバスに追加します。その後どうなるかは、Cricut Helpにこう書かれています。「レイヤーを使って作られたベクター画像は、グループ化された画像としてキャンバスに表示されます。グループを解除すると、画像のレイヤーを個別に移動したりサイズを変えたりできます。」
- png2svg.artのトレースはオブジェクトごとにグループ化されていて、その中で図形はそれぞれ独立したパスになっています（どれがどれを囲むかに従って入れ子になっています）。そのため、オブジェクトはそれぞれ1つのグループとして読み込まれます。色ごとに1つのレイヤーにしたい場合は、変換する前に「設定」でレイヤーを色ごとにしてください。
- 最終的なサイズはDesign Spaceで設定します。SVGの
viewBoxはピクセル単位で、マット上でどの大きさになるかはDesign Spaceが決めます。サイズはアップロードの前ではなく後に調整してください。 - Weld（溶接）、Attach（アタッチ）、オフセットはDesign Spaceで行います。これらはカットについての判断で、SVGには含まれません。
- カッティングシートを1枚丸ごと使う前に、小さなピースで試し切りをしてください。
Silhouette Studioで開く
シルエットのサポート記事にはこうあります。「Silhouette Studioでは、デザイナーエディション以上を使っている場合にSVGファイルを開けます。」
- 該当するエディションなら、Studioで.svgを開きます。
- サイズは読み込んだ後に調整します。ほかのSVGと同じく、ピクセル単位のサイズからStudioが計算した大きさで読み込まれるので、カットしたい幅と高さを設定してください。
- カットライン、刃、圧力、速度、パス回数はマシンの設定です。Studioで決めるもので、SVGには含まれません。
カッティングマシンに本当に必要なもの
カッティングやプロッターのソフトウェアは、閉じたベクターの輪郭線をもとに動きます。形状を読み取ったうえで、どの輪郭線をどの順番でカットするか、刃やビームのオフセットをどうするか、マットやベッド上でどのサイズにするかを、ソフトウェア独自のロジックで決めます。トレースツールのSVGが提供できるのは、最初の部分である輪郭線だけです。オフセットから先はすべてマシンのソフトウェアの仕事で、トレースしたファイルを検証済みのツールパスと呼べないのはそのためです。
トレース結果は、オブジェクトごとに1つのグループ（背景が最初）になっていて、その中の図形はそれぞれ塗りつぶされた<path>です。どれがどれを囲むかに従って入れ子になり、輪郭線はすべて閉じています。図形は上に重なる図形の下まで少しだけ（画像のおよそ1.5ピクセル分）続いていて、ほかの図形を含む図形は、穴を開けずに下に塗りつぶした状態で描かれます。これは重ね貼りするカッティングシート（1レイヤーに1色、すき間が見えないように次のレイヤーと少し重ねる）にそのまま対応し、ソフトウェアが塗りを輪郭に変換すれば一筆のカットにも対応します。「O」の内側のような図形の穴は、周りの輪郭線と逆向きに描かれているので、ソフトウェアがどのfill-rule（塗りのルール）を使っても開いたままです。
ほとんどの問題を見つけられるチェック
- SVGをブラウザで400%に拡大して開きます。見えるガタつきは、そのままカットされます。
- 色を数えます。エディターはファイルの色をスウォッチとして一覧表示し、レイヤー一覧の各オブジェクトにそのオブジェクトの図形が入っています。カットしたくないオブジェクトや色は削除してください。
- 文字：小さなラスター画像から来た文字は、カット用ソフトやベクター編集ソフトでフォントを使って入力し直し、トレースしたデザインの上に配置してください。
- 細いブリッジ（ステンシルで島の部分を支える部分）は、刃やビームに必要な幅より太くなければなりません。プリセットは最小幅より細いブリッジを取り除き、ブリッジを追加することはありません。
Design Spaceとシルエットのよくある質問
SVGが1つのグループ化された画像としてアップロードされるのはなぜですか？
Design Spaceは、アップロードしたベクター画像のレイヤーをグループ化します。グループを解除すれば、色ごとに移動、サイズ変更、非表示ができます。
アップロード後にサイズが変わるのはなぜですか？
SVGはピクセル単位で、ピクセルをインチやミリにどう換算するかはソフトウェアごとに異なります。最終的なサイズは、読み込んだ後にカットするソフトウェアで設定してください。
色ごとに別々にカットできますか？
はい。どのオブジェクトでも色はそれぞれ独立したパスで、レイヤーを色ごとにすれば1色がちょうど1つのパスになります。グループを解除すれば色ごとに1つのレイヤーになり、それぞれを別の素材からカットできます。
Silhouette Studioの無料版でSVGファイルは開けますか？
いいえ。シルエットによると、StudioでSVGファイルを開けるのはデザイナーエディション以上です。
png2svg.artにダウンロードできるデザインはありますか？
いいえ。png2svg.artはアップロードした画像を変換するサービスで、独自のデザインはありません。その画像について元々お持ちの権利しか得られないので、自分で作った作品か、使用の許可を得た作品をアップロードしてください。