Design Doodler「ウィジェットツール」チュートリアル:幅・密度・塗り・アップリケ・線端を思い通りに整える

· EmbroideryHoop
Design Doodlerのウィジェットツールを、現場で再現できる手順に落とし込んだ実践ガイドです。ウィジェットの表示切替、ブラシカテゴリ(Steel/Calligraphy/Run/Fill)の選び方、幅(mm)と密度(mm)の管理、Lineツールでの直線作図と「赤い接続点」による連結、アップリケの自動レイヤー生成(配置/カット/カバー)、Fillのプロパティ調整(パターン変更、Traveling RouteをEdgeにして移動縫いを目立たせない、影表現の密度設定)、Run/Bean/Double Runの使い分け、さらにサテン線の端をテーパー/丸端で仕上げる方法までを解説します。最後に、角度設定などで起きやすい不具合の対処と、無駄な試し縫いを減らすためのワークフロー上のチェックポイントもまとめました。
【著作権声明】

学習目的のコメントのみ。 このページは元の作者(制作者)の作品に対する学習メモ/解説です。権利はすべて原作者に帰属します。再アップロードや転載は禁止配布は行いません。

可能であれば、元動画を作者のチャンネルで視聴し、チャンネル登録で次のチュートリアルを応援してください。1クリックが、より分かりやすい手順解説・撮影品質の改善・実践テストの継続につながります。下の「登録」ボタンから支援できます。

著作権者の方で、修正・出典追記・一部削除などのご希望がある場合は、サイトのお問い合わせフォームよりご連絡ください。速やかに対応します。

目次

Design Doodlerのウィジェットツールを使いこなす:デジタイザーのための実務ガイド

「描く」から「縫えるデータ」へ。量産を見据えた実践手順。

Design Doodlerのウィジェットツールは、単なるお絵描きUIではありません。意図した線や面を、刺繍機が理解できる「ステッチ指示」に変換するための操作パネルです。初心者には“魔法の円”に見えますが、慣れてくると「幅(mm)」「密度(mm)」を即座に切り替えられる制御盤として機能します。

デジタイズを「ペイントソフトの延長」と捉えると、現場ではつまずきます。刺繍は、1針ごとに生地へテンション(引き)を与え、糸量(押し)を積み上げます。画面上で綺麗でも、縫えば歪み・硬さ・糸切れとして返ってきます。

このガイドでは、デモを眺めて終わらせず、動画で示された操作を“再現できる手順”に整えます。さらに、試し縫いの無駄を減らすための確認ポイントと、よく起きる不具合の切り分けも入れています。

Close-up of the teal circular Widget Tool icon floating on the design grid.
Introduction to the main interface tool

このガイドで身につくこと

  • UIの安定化: ウィジェット表示の切替位置を固定し、迷わず呼び出せる状態にする
  • 4カテゴリの理解: Steel/Calligraphy/Run/Fillを、刺繍としての“出力の違い”で使い分ける
  • 設定の基本: 幅(mm)密度(mm)を見失わずに調整する
  • 形状の清潔さ: Lineツールで直線を作り、ガタつきの原因を減らす
  • アップリケの自動化: 配置/カット/カバーのレイヤーを自動生成し、工程ミスを減らす
  • Fillの仕上げ: パターン変更や移動縫い(トラベル)の見え方をプロパティで整える
  • Runのロジック: Run/Double Run/Beanの違いを理解し、目的に合わせて選ぶ

注意(安全最優先): デジタイズは画面上の作業ですが、出力先は高速で動く刺繍機です。密度過多や交差が多いデータは、針の偏りや破損につながることがあります。新規データの試し縫いでは保護メガネを着用し、針棒周辺に手を入れず、稼働中の放置は避けてください。


Part 1:ウィジェットの全体像(出力として何が変わるか)

Design Doodlerのブラシは大きく4系統に分かれます。描く前に「どんなステッチが生成されるか」を押さえると、設定迷子が減ります。

  1. Steel(サテン/カラム系):
    • 出力イメージ: カラム幅の中を往復して埋める
    • 用途: 縁取り、文字、茎など
  2. Calligraphy(カリグラフィ):
    • 出力イメージ: 角度を持ったサテン表現で、ペン先のような表情が出る
    • 用途: 筆記体、流れるリボン状の表現
  3. Run(ラン):
    • 出力イメージ: 1本線(または往復・多重)
    • 用途: アウトライン、下縫い的な線、ディテール
  4. Fill(タタミ/塗り):
    • 出力イメージ: 面をパターンで埋める
    • 用途: 背景、ベタ面、面表現
The Widget Tool expands to show the inner ring with icons represents width, density, and brush type.
explaining the UI layout

入力デバイス:マウス vs スタイラス

動画ではマウス操作が中心で、円や四角などの幾何学形状には向きます。一方で、Pressure Sensitive(筆圧)で線幅を変える表現は、タブレット+スタイラスが前提になります。

補足(操作感の切替): コメントでも「クリックが多い/ショートカットで作業したい」という趣旨の声がありました。ウィジェットはキーボード主体というより、円形メニューを“手順で回す”設計です。迷わないために、作業の型を固定します:

ツール選択 → 幅確認 → 密度確認 → 作図 → 画面で結果確認


Part 2:Steel(サテン)を安定させる:幅と密度

Steelはサテン系の線を作る中心ツールです。ここでの設定ミスは、仕上がりのムラにつながりやすいので、まず操作の基準を作ります。

操作はシンプルで、動画の通りウィジェット内の2つが要点です。

  • 幅(mm): 内側下の円で変更
  • 密度(mm): 内側左の円で変更
User selecting '6 mm' from the width options in the widget wheel.
Adjusting stitch width
Visual comparison of varying density settings on curved lines, showing differences in stitch spacing.
Comparing 0.4mm vs 2mm density

動画で確認できる基準値(まずはここから)

  • 密度 0.4mm: 標準として紹介(平均的な密度)
  • 密度 2mm: 影っぽい/粗めの表現として紹介
  • 幅 6mm/3mm/1mm: ウィジェットで素早く切替できる例として紹介

手順:Steelの基本セットアップ(再現用)

  1. ウィジェットでSteelを選択
  2. 密度を0.4mmに設定(まずは基準に固定)
  3. を目的に合わせて選択(例:6mm/3mm/1mm)
  4. 1本描いて、画面上で「詰まり具合(密度)」と「太さ(幅)」を見比べる
  5. 必要なら、密度と幅は組み合わせ可能(例:密度2mm+幅6mm)

チェックポイント:

  • 画面上でステッチ間隔が広く見える=密度が粗い
  • ベタっと詰まって見える=密度が細かい

Part 3:形状を綺麗にする:Free DrawとLineツールの使い分け

直線をフリーハンドで描くと、わずかなブレがノードのガタつきとして残りやすくなります。動画では、直線を作るならLineツールが有効だと示されています。

手順:「赤い接続点(Red Dot)」で線をつなぐ

  1. 形状メニューで Free Draw から Line に切替
  2. クリック→ドラッグ→離す で直線を1本作る
  3. 線の端に 赤い点(接続点) が出るのを確認
  4. その赤い点にカーソルを合わせてから、再度 クリック→ドラッグ
  5. 同一オブジェクトとして連結された状態で、折れ線を続けられる
A red dot appearing at the end of a line segment, indicating the connection point for continuous drawing.
Connecting line segments continuously

期待できる結果

  • 見た目: 直線がシャープになり、輪郭が締まる
  • データ面: 途中で別オブジェクト化しにくく、意図しない区切りを減らせる

Part 4:アップリケを自動生成する(工程を崩さない)

アップリケは、面を糸で埋める代わりに布でカバーする発想です。Design Doodlerでは、アップリケ用のレイヤーが自動で生成されます。

手順:アップリケの基本シーケンス

  1. ウィジェットで Appliqué を選択
  2. 閉じた形状を描く(四角、楕円など)
  3. Sequence View を確認
  4. 3つのレイヤーが生成されていることを確認:
    • Pink:配置(Placement)
    • Deep Rose:カット工程用(Cut)
    • Red:カバー(Cover)
A thick 6mm red satin circle drawn on the grid.
Demonstrating geometric shapes

補足: 動画の説明では、配置→布を置く→カット→最後にカバーで縁を閉じる、という流れが示されています。まずはSequence Viewで3レイヤーが揃っているかを毎回確認すると、後工程のやり直しが減ります。


Part 5:Fill(タタミ)を“使える面”にする:オートクローズとプロパティ

Fillは面を埋めるため、設定次第で見た目が大きく変わります。動画では「形状が多少閉じ切っていなくても、ソフトが閉じてくれる」挙動が紹介されています。

オートクローズの挙動(動画の事実)

  • 始点と終点が完全に一致していなくても、ソフトが“できるだけ”閉じて塗りを作る

チェックポイント: 狙った形にしたい場合は、終点をできるだけ始点に寄せて描く(動画でも「近づけるのがベスト」と説明)。

The Sequence View panel opening to reveal three automatically generated layers for an applique square.
Reviewing Applique auto-generation

手順:Fillのプロパティで質感を変える

  1. Fillで形状を作成
  2. オブジェクトを選択して Properties を開く
  3. Fill Pattern を変更(Pattern 1/2/3/Smooth など)
  4. 小さな形状では、Fill PatternをSatinに切替して滑らかな見え方にする(動画の例)

手順:影(シャドウ)っぽく見せる設定

動画では、影表現として次が示されています。

  1. Traveling RouteEdge に変更(移動線を目立たせない)
  2. 密度を1.2に設定

現場のコツ: Edgeにする理由は、中央を横切る移動ステッチが見た目に良くないため(動画で明言)。


Part 6:Runの使い分け:Run/Bean/Double Run

動画では、Run系の違いが動き(生成ロジック)として説明されています。

  • Run Stitch: シンプルな1本線
  • Run Bean(Bean): 往復しながら線を太らせる(繰り返し回数の選択肢あり)
  • Double Run: 1回行って戻る(往復)
Slow redraw animation showing the back-and-forth motion of the 'Run Bean' stitch generation.
Visualizing stitch formation logic

よくある質問(コメントより要約)

「手動で線をなぞり返す代わりに、Double Runで置き換えられる?」という趣旨の質問があり、投稿者側の返信では「可能。ただし接続の仕方に注意しないと4回通ってしまう」旨が示されています。

チェックポイント:

  • Double Runを使う場合、パスのつなぎ方次第で同じ箇所を過剰に通ることがある
  • 仕上がりが太りすぎる/糸が溜まると感じたら、パスの接続(連結)を見直す

Part 7:仕上げの質を上げる:筆圧と線端処理

線の“端”は、初心者っぽさが出やすいポイントです。動画では、筆圧による可変幅と、端を滑らかにする方法が紹介されています。

Pressure Sensitive(筆圧)で可変幅

タブレット+スタイラスで、押し込み量に応じて線幅が変化します。

A squiggly red line with varying thickness drawn using pressure sensitivity.
Demonstrating Pressure Sensitive tool

Tapered Ends(テーパー)で端を滑らかに

動画では、Steelの端が「ぶつ切り」になりやすいのに対し、Tapered Endsは両端が滑らかになることが示されています(例:幅4mmで見え方を比較)。

Comparison between a stitch line with abrupt blunt ends and one with smooth tapered ends.
Comparing Tapered Ends tool vs Steel tool

手順:端を丸く/滑らかにする(プロパティ)

  1. 対象の線(例:Steelのサテン線)を選択
  2. Properties を開く
  3. Start/Stop Line Cap を探す
  4. Standard → Rounded に変更(動画の例)
The Properties panel showing the dropdown menu for 'Start Line Cap' being set to 'Rounded'.
Modifying line caps in properties

補足: テーパー側でも、プロパティで「開始だけ/終了だけ/両方」などの指定ができることが示されています。


Part 8:出力前の“現場側”チェック(試し縫いを無駄にしない)

ソフトは安全でも、刺繍機は容赦がありません。データが良くても、試し縫いの条件がバラつくと判断を誤ります。

準備チェックリスト

  • ウィジェットの表示切替位置を把握(右ツールバーの6つの点のアイコン)
  • テストは必ず端布で行う(いきなり製品に打たない)
  • 画面上で密度・幅の意図が合っているか確認してから次へ進む

作業の型(ミニプロジェクト)

  • テスト1(Steel): 密度0.4mmで、幅3mmの線を1本
  • テスト2(Line): 赤い接続点で四角を作る
  • テスト3(Appliqué): 閉じた形を描き、Sequence Viewで3レイヤー確認
  • テスト4(Fill): 形を作り、PropertiesでFill Patternを切替
  • テスト5(仕上げ): Line CapをRoundedにして端の見え方を比較

Part 9:セットアップと基本操作(ウィジェットの呼び出し)

手順:ウィジェットの表示切替

  1. 右側ツールバーへ移動
  2. 6つの点がある丸いアイコンを探す
  3. クリックして表示/非表示を切替
  4. チェックポイント: 画面上にティール色の円形メニューが出ることを確認
The Widget Tool expands to show the inner ring with icons represents width, density, and brush type.
explaining the UI layout

Part 10:品質確認とトラブルシューティング

動画内で触れられている“つまずき”を、症状→原因→対処に整理します。

トラブルシューティング表

症状 主な原因 対処
マウスで直線がうまく引けない Free Drawだと手ブレが出やすい 形状メニューを Line に切替してクリック&ドラッグで作る
Fillで移動線が目立つ Traveling Routeがデフォルトのまま Propertiesで Traveling Route = Edge に変更
Calligraphyで一部が欠ける/切れる 角度設定の影響 Angle TypeをFixedにして Angleを0°(または360°)にする
サテン線の端が角張る Line CapがStandard Propertiesで Start/Stop Line Cap = Rounded(またはテーパー系)

[FIG-14] [FIG-15]


最後に:ウィジェットを“作図ツール”から“制御ツール”へ

  1. 幅と密度を先に決める(描いてから迷わない)
  2. Lineと接続点で形状を整える(後工程の修正を減らす)
  3. Propertiesで仕上げを詰める(Fillの移動線、線端の丸め、角度の固定など)

ウィジェットは、触れば触るほど「同じ操作で同じ結果を出す」ための道具だと分かってきます。まずは本ガイドのミニプロジェクトを繰り返し、手順を身体に入れてください。