※本記事にはアフィリエイト広告(PR)を含みます。

【SOLIDWORKS】画像・イラストをトレースして押し出す方法

SOLIDWORKSで画像をトレースしてケースにイラストを立体化する手順 SOLIDWORKS
SOLIDWORKSで画像をトレースし、ケースにぴよすけのイラストを立体化してみました

※この記事には広告(アフィリエイトリンク)を含みます。価格や仕様は各社の公式情報で確認しており、広告の有無で紹介する内容を変えてはいません。

ケースにイラストを入れてみました

作成したケースに、イラスト(ロゴ)を入れてみたいなと思いました。

文字なら文字ツールで書けますが、イラストとなるとどうやって入れるんだろう?と、調べるところから始めました。

手元にあるのは jpeg や PNG の画像データです。調べてみると、この画像を下敷きにして、CADの線でなぞる(トレースする)方法がありました。今回はそのやり方をまとめます。

まず、平らなプレートにイラストを立体化するところまで。題材は当ブログのキャラクター「ぴよすけ」です。

考え中のもずく

もずく
そもそも、絵ってCADに入れられるものなの?

ぴよすけ
入るよ。画像を下敷きにして、上から線でなぞるだけ。ただし——なぞった線は、あんたが思ってるほど繋がってない。

解説するぴよすけ

今回つくるもの

  • プレート:60 × 80 × 厚さ10mm
  • 載せるイラスト:高さ60mm(ぴよすけの正面図)
  • 仕上げ:輪郭を3mm浮き上がらせて、面ごとに色分け
プレートにぴよすけの線画が浮き上がった完成状態
完成した状態。線画が浮き上がり、面ごとに色が分かれています

使ったのは SOLIDWORKS for Makers 2026 です。特別なアドインは使っていません。


準備:下絵の画像にひと手間かける

いきなり読み込む前に画像を整えると、後がラクです。やったのは2つだけ。

  1. 2倍に拡大する(拡大してなぞるとき線がボケにくい)
  2. 線を黒く、地を白くする(うすいグレーの線はCADの背景に埋もれます)

下絵は「きれいな絵」ではなく「なぞりやすい絵」に作り直す。 ここをサボると、なぞる作業がずっと苦しくなります。


手順1:プレートに下絵を貼る

プレートを作ったら、絵を載せたい面を選んでスケッチを開始します。そこに下絵を貼ります。メニューの場所が少し分かりにくいので注意です。

ツール → スケッチ ツール → スケッチ図…

ツールからスケッチツール、スケッチ図へと辿るメニュー
ツール → スケッチ ツール → スケッチ図…。サブメニューのいちばん下にあります

画像を選ぶと、画素数がそのままミリになって挿入されます。今回は600×838pxだったので、600mm×838mmの巨大な絵が出てきました。驚かなくて大丈夫です。プロパティで数値を入れて整えます。

  • 高さ:60mm(アスペクト比固定なら幅は自動)
  • X位置 / Y位置:画像の左下の座標。中央に置くなら「幅の半分をマイナス」で入れる
プレートの中央に下絵を配置したところ
高さ60mmに縮めて、プレートの中央に配置したところ

位置はドラッグではなく数値で決める。 後から「なんかズレてる」と悩まずに済みます。


手順2:スプラインで輪郭をなぞる

あとはひたすら、スプラインで線をなぞっていきます。

下絵の上をスプラインでなぞっている画面
拡大しながら、下絵の線の上を点で追っていきます

やってみて分かったことが3つあります。

  • 画面いっぱいに拡大してなぞる。引きのままなぞると、後で拡大したときのガタつきに落ち込みます
  • 点は打ちすぎない。スプラインは点が少ないほうがなめらかになります
  • 輪郭は最後に始点へ戻る。これができてないとエラーにつながります
ぴよすけの輪郭を一通りなぞり終えた状態
胴体・翼・足・ほほ・目・くちばしまで一通りなぞった状態

ここで50分ほどかかりました。単純作業ですが、この記事で一番「手を動かす」パートです。


手順3:「完全定義してください」で止まりました

なぞり終えて次に進もうとしたら、こう表示されました。

この作業を行うには完全に定義されたスケッチが必要です

今回はこの表示が出て、そこから先の操作に進めませんでした。スケッチが完全定義(線が黒い状態)になっていないと通らないようです。とはいえ、スプライン100本以上に寸法を入れるのは現実的ではありません。使ったのはこの手です。

  1. グラフィックス領域で Ctrl+A(全選択)
  2. 幾何拘束の追加
  3. 固定 → ✓
拘束関係追加で固定を選ぶ画面
全選択して「固定」を付けると、寸法なしで完全定義にできます
スケッチの線が青から黒に変わった状態
線が青から黒に変わりました。これで先へ進めます

「完全定義スケッチ」という自動ツールもありますが、こちらは寸法が大量について形が崩れる可能性があるので、キャラクターのような絵では使わないほうが無難です。

困り顔のもずく

もずく
線が青いままで先に進めなかったの、これが原因だったんだ……

ぴよすけ
Ctrl+Aして固定。それだけ。ただし順番には気をつけなよ。

ドヤ顔のぴよすけ

手順4:押し出そうとしたら、止まりました

さて浮き上がらせよう、と押し出しを実行したところで警告が出ます。

スケッチには1つ以上の開いた輪郭が含まれています。スケッチが1つの閉じた輪郭のように表示される場合は、1つまたはいくつかの重複された開いた輪郭が含まれている場合があります。

開いた輪郭が含まれていますという警告ダイアログ
「マージするならOK」と言われますが、押しても解決しないことがあります

OKを押すとマージを試みてくれますが、私の場合はその先でこう出ました。

スケッチには複数の開いた輪郭があります。

複数の開いた輪郭がありますというエラー
ここで完全に止まりました

画面上は、どう見ても輪郭は閉じています。それでもCADは「閉じていない」と言う。見た目が繋がっていることと、端点が一致していることは別物です。 手描きトレースでは、これがほぼ必ず起きます。


原因を探す:スケッチ修復ツール

隙間の場所は「スケッチ修復」で探せます(スケッチタブの右のほう)。

スケッチ修復ツールで問題箇所を拡大表示している画面
虫めがねボタンで、問題箇所を拡大表示しながら送っていけます

ここでひとつ落とし穴がありました。

このツールの上部に「次より小さいギャップを表示」という数値欄があります。私の場合、初期値は0.32mmで、検出は3件でした。ところが試しに3mmまで上げたら、5件に増えました

しきい値を3mmにしたら検出が5件に増えた画面
しきい値を上げたら、検出件数が3件から5件に増えました

つまり初期値のままだと、大きめの隙間は表示すらされていなかったわけです。「3件しかないなら直せそう」と思っていた私は、ここで一度ぬか喜びしています。

内訳は「2点隙間」が2件と、「微小エンティティが指定されています」が3件。後者はトレース中にできた極小の線くずです。

微小エンティティが指定されていますという警告
トレース中にできた極小の線も、押し出しを止める原因になります

修復ツールを使うときは、まずしきい値を大きめにして全体像を見る。 これは覚えておいて損がないと思います。


遠回りした話:薄板フィーチャーもダメでした

「輪郭が閉じていなくても、線に沿って厚みをつけられる」という薄板フィーチャーも試しました。結果は失敗です。

薄板フィーチャーは指定方向に作成できません。厚みの値を小さくしてみて下さい。

薄板フィーチャーの再構築エラー
片側0.6mmで失敗。0.4mmの両側振り分けでも通りませんでした

原因は特定できませんでしたが、さきほどの微小エンティティや、複雑なスプラインが影響した可能性もありそうです。次の方法を先に知っていれば不要だった時間です。


解決:輪郭選択で「使える輪郭だけ」を拾う

結論から言うと、今回のような形状では、すべての隙間を直す必要はありませんでした

押し出しのプロパティを下までスクロールすると、輪郭選択(S) という欄があります。ここで、押し出しに使える領域・輪郭だけを手で個別に選択できます

輪郭選択で領域と輪郭を個別に指定している画面
スケッチ2-領域<n>、スケッチ2-輪郭<n>を個別に選んでいきます

こうすると、スケッチ全体としては開いた輪郭を含んでいても、選んだ領域・輪郭のぶんだけで押し出しが成立します。私は押し出しに使える領域と輪郭を1つずつ選んでいって、輪郭の線の部分を3mm浮き上がらせました。

ただしこれは「どんな開いたスケッチでも輪郭選択を使えば押し出せる」という意味ではありません。選ぶ領域や輪郭そのものは、閉じている必要があります。今回はたまたま、使いたい部分が閉じた領域として拾える状態だった、ということです。

線画が3mm浮き上がったプレートの正面図
線画が3mm浮き上がった状態

手描きトレースは、輪郭が閉じていない前提で手を考えたほうが早い。 少なくとも今回は、隙間を1つずつ潰しにいくより、使える輪郭を拾うほうが早く進みました。

ひらめいたもずく

もずく
直さなくてよかったの!? あんなに探したのに!

ぴよすけ
閉じてないものを閉じようとするより、閉じてる部分だけ使えばいいでしょ。設計でもよくある話。

ツッコミを入れるぴよすけ
喜ぶもずく

もずく
先に言ってよ……!

ぴよすけ
回り道した分、次からは一発で抜けられる。悪くない授業料でしょ。

通常のぴよすけ

仕上げ:分割線で面を塗り分ける

このままだと全体が同じ色なので、面を分けて色を付けます。ここで登場するのが 分割線 です。

挿入 → カーブ → 分割線

分割線は「曲面にロゴを載せる機能」だと思われがちですが、こうして平らな面を塗り分けるのにも使えます。今回は頭・体・ほほの境界で面を分割し、分割された面を選んで外観で色を指定しました。

分割された面を選んで外観から色を指定している画面
分割された面を選んで、外観から色を指定します
頭・ほほ・体で色を分けた完成状態
頭・ほほ・体で色を分けた完成状態

分割線を覚えると、「1つの面を塗り分ける」という発想が持てるようになります。
ここが今回いちばんの収穫でした。


やってみて感じたメリット・デメリット

よかったところ

  • 専用ソフトを買わなくていい。SOLIDWORKSだけで完結します
  • 手描きの線の「揺らぎ」が残るので、味のある仕上がりになります
  • 形状として持てるので、あとから高さを変えられます

しんどかったところ

  • とにかく時間がかかります。なぞるだけで50分、詰まった時間を含めると半日仕事でした
  • 輪郭がまず閉じません。輪郭選択という逃げ道を知らないと全く終わりがみえませんでした
  • スプラインが増えるとファイルが重くなり、再構築も遅くなります

速さを求めるなら向いていません。 そこは正直にお伝えしておきます。


まとめ

イラストをCADに取り込む流れは、こうでした。

  1. 下絵を「なぞりやすい画像」に整える
  2. スケッチ図で貼り、数値で位置とサイズを決める
  3. スプラインでなぞる(拡大して、点は少なめに)
  4. Ctrl+A → 固定 で完全定義にする
  5. 押し出しが通らなかったら、輪郭選択で使える輪郭だけ拾う
  6. 分割線で面を分けて色を付ける

とくに5番は、検索してもなかなか出てこない話でした。同じところで止まっている方に届けば嬉しいです。

最初は少し時間がかかりますが、一度流れが分かれば次はかなりラクになるはずです。まずは線の少ない簡単なイラストから試してみてください。

関連記事

フリーランスの求人サポートサービス「クラウドワークス テック」

タイトルとURLをコピーしました