の使い方

WORKSPACE

全体を見ながら、設定を調整する

左側に設定、右側に作業領域を表示します。画面分割やウィンドウサイズの変更に合わせて各欄の幅と高さを調整し、この並びを保ちます。左側の設定欄だけをスクロールでき、右側の作業領域は常に画面内に収まります。狭い画面では表示タブや倍率ボタンを横にスクロールして操作してください。

画像を選択するまでは作業領域にロゴが表示され、読み込み後は画像に切り替わります。

表示タブ

線画

生成・編集した線だけを確認

対象領域

残す対象と除く背景の範囲を確認・修正

部材の色分け

自動で分けた部材の領域を確認・修正

元写真

読み込んだ画像を確認

重ね合わせ

元写真と線画を重ねて比較

拡大・縮小と移動

＋／− または作業領域上のマウスホイールで拡大・縮小します。手のひら移動 を選んでドラッグすると表示位置を移動できます。パソコンでは Space＋ドラッグ、またはマウスの中ボタンドラッグも使えます。

全体表示 で画像全体が収まる表示に戻ります。表示の拡大・縮小は、保存する線画の寸法に影響しません。

STEP 01

写真を読み込む

1. 「画像の処理解像度」を選びます。変更は次に画像を読み込んだときから反映されます。
2. ＋ 画像を選択 から画像を選びます。パソコンでは作業領域へのドラッグ＆ドロップでも読み込めます。

PNG・JPEG・WebPなどの画像に対応しています。1枚30MB以下の画像を使ってください。対象全体が写っていて、背景との区別がつきやすい写真がおすすめです。

小さい画像を拡大する設定ではありません。高精細にしても認識結果が必ず改善するわけではないため、残したい部分は対象領域でも確認してください。

STEP 02

AIで対象を認識

1. 「認識方式」で AI切り抜き を選びます。
2. 対象を認識・切り抜きを確認 を押します。
3. 「対象領域」で、残したい部分や対象内部の隙間を確認します。

初回はモデルの取得に時間がかかります。「AIの実行方法」はCPUが標準です。対応端末では「自動（GPU → CPU）」も選べます。同じ画像の再生成では、認識済みの領域を再利用します。

スマホで利用する場合

スマホでは写真を大きく表示します。画像を読み込んだ後、作業画面を2本指で広げる・縮めると、写真の中心位置を固定して拡大・縮小できます。指がずれても写真は移動しません。ブラシを選択したままでもズームできます。位置を移動するときは「手のひら移動」をオンにしてドラッグしてください。オフにすると選択中のブラシに戻ります。移動・ズーム中は領域を塗りません。「＋」「−」でも倍率を変えられ、「全体表示」で元の表示に戻せます。画面下の各項目や「調整」を押すと設定パネルが開き、「閉じる」で作業画面へ戻ります。上部の「メニュー」からコンセプトなどのページへ移動できます。背景透過PNGは、スマホで読み込むだけで線画を生成します。通常の写真は「3 線画」を開いて「線画を生成する」を押すと、スマホAIによる自動切り抜きから線画生成まで進みます。

スマホAIは無料で端末内処理します。元写真は送信しません。初回のみ約15〜18MBを読み込みます。「調整」の上部で対象タイプを選びます。「人物」は顔だけでなく服・腕・脚を含む人物全体を認識する専用AIを使います。人物以外には家具・植栽・動物・その他を選んでください。対象タイプを変えると切り抜きを認識し直します。写真を選んで「3 線画」を開き、「線画を生成する」を押してください。複数の対象が写る場合は、対象を囲んでから生成できます。PCとは異なる小型AIのため、複雑な背景や細い枝葉はブラシ修正が必要な場合があります。処理が中断された場合、次回は色・ブラシモードで開きます。

画面下の「1 写真」「2 認識」「3 線画」「4 保存」を押すと、それぞれの詳しい設定が開きます。「1 写真」の画像選択から写真を読み込み、「3 線画」の「線画を生成する」で自動生成し、「4 保存」で形式と縮尺を選んで書き出します。「2 認識」では切り抜きの確認や修正ができます。写真は8MB以下のJPEG・PNGを使用してください。HEICはJPEGに変換してください。大きな写真は長辺2000px以下に縮小することをおすすめします。スマホではSVG、または線のみのDXFで保存します。DWGはPCをご利用ください。色が似た対象と背景は自動で分かれない場合があるため、「＋ 残す」「− 除く」で塗って調整してください。

背景のある写真は、範囲とクリックで対象を指定する

自分で撮影した写真や複数の対象が写る写真では、残したい対象を指定して認識できます。ヤシのように葉と幹の形が異なる対象は、それぞれに点を追加して調整します。

1. 範囲を囲んで対象を指定 を押し、残したい対象全体をドラッグして囲みます。木は葉先から幹の根元まで含めてください。
2. 囲んだ後、対象の内側をクリックするとAI認識が始まります。範囲を囲むだけでは認識は始まりません。
3. ＋ 対象をクリック を選び、残らなかった葉・幹・脚などの内側に点を追加します。点を追加するたびに再認識します。
4. 空や周囲の木などが残る場合は − 背景をクリック を選び、除きたい部分をクリックします。
5. 指定を間違えた場合は 指定点を1つ戻す で取り消します。調整後は クリック指定を終了 を押します。
6. 緑が残す対象、赤が除く背景になっていることを確認し、線画を生成する → を押します。

領域をブラシで直す

• ＋ 残す：消えてしまった脚・枝などを塗って残します。
• − 除く：残ってしまった背景や脚の間などを塗って除きます。
• 「修正ブラシの半径 (px)」で太さを調整し、修正が終わったら 修正終了 を押します。

「領域修正を戻す」で直前の修正を取り消し、「領域修正をリセット」でブラシ修正をリセットできます。「領域のしきい値」も調整できます。領域を変更した後は、線画を再生成してください。

STEP 03

線の仕上がりを決める

1. 「対象タイプ」で 人物・家具・植栽・動物・その他 を選びます。タイプを変更すると初期設定や高さも切り替わるため、寸法は最後に確認してください。
2. 「AI認識後に残す線」と「仕上がりプリセット」を選びます。
3. 線画を生成する → を押し、「線画」や「重ね合わせ」で結果を確認します。

「その他」は、人物・家具・植栽・動物に当てはまらない対象の汎用設定です。人物用の部位区分は使いません。

「標準」「すっきり」「細部を残す」のプリセットから調整できます。設定を変えた後は、もう一度「線画を生成する」を押して反映してください。

MATERIAL BOUNDARIES

部材の色分けを修正する

「外周＋部材の境界」で生成すると、部材候補が色分けされます。外周だけを作成した後から 色から部材境界を追加 を使い、外周を保持したまま境界を追加することもできます。

1. 表示を「部材の色分け」に切り替えます。
2. 「塗り替える部材」で部材1〜6を選び、色分けをブラシで編集 を押します。
3. 同じ部材にしたい範囲を同じ色で塗ります。対象の輪郭の外には反映されません。
4. 編集終了 を押し、修正を線画に反映 で境界線を更新します。

「部材指定ブラシの半径 (px)」で円の大きさを調整できます。細部は拡大して塗ると修正しやすくなります。「編集を1回戻す」で取り消し、「自動判定の色分けに戻す」でブラシ編集をリセットできます。

塗っていない範囲は自動判定の結果を保ちます。画像や対象領域を変更すると、部材編集はリセットされます。

EDITING TOOLS

線画を整え、不要な線を削除する

左側の「線画を整える」に補修・仕上げ・トリミングをまとめています。設定欄は画面の左側にあります。必要な項目を開いて操作してください。

線を滑らかにする

1. 「書き出し前の線の仕上げ」を開きます。
2. 「滑らかさ」を調整し、必要に応じて「大きな角を保持する」を選びます。
3. 生成した線を滑らかにする を押します。

拡大して形を確認し、必要なら「仕上げ前に戻す」で取り消します。トリミングで削った部分を確定する前に、滑らかさを整えておくと作業しやすくなります。

途切れた線をつなぐ

手動で線をつなぐ を押し、つなぎたい2点を順にクリックします。「補修を1つ戻す」で取り消せます。終えるときは「補修を終了」を押します。

4種類の削除方法

「不要な線をトリミング」を開いて「削除方法」を選び、トリミングを開始 を押します。編集は「線画」または「重ね合わせ」で行います。

画像は「区間を削除」の操作例です。範囲選択と消しゴムは、上の表に記載したドラッグ操作で使用します。

トリミングを1回戻す で取り消せます。範囲選択・消しゴムは1回のドラッグが1回の取り消しに対応します。終了は「トリミングを終了」または Esc。表示を動かすときは「手のひら移動」や Space＋ドラッグを使えます。

トリミング後も書き出し範囲と縮尺は保ちます。再生成や部材境界の更新を行うと削除・補修の結果はリセットされるため、対象領域と部材の調整を終えてから最終編集を行ってください。

AFTER STEP 03

輪郭内にグレーの面をつくる

線画を生成・編集した後、03と04の間にある「輪郭内にグレーの面をつくる」で設定します。線だけの表現と、面を重ねた表現を切り替えられます。

1. 「輪郭内の塗り」で グレーの面を作成 を選びます。
2. 「面の透明度」スライダーを動かします。0%で不透明、100%で透明になります。
3. ワークスペースの 線画 または 重ね合わせ で仕上がりを確認します。変更はすぐに反映され、再生成は不要です。
4. 塗りを外す場合は なし（線画のみ） に戻します。完成したら04で寸法を設定して保存します。

面と透明度の書き出し

SVGは面の透明度を保持します。DWG・DXFはグレーのハッチとして保存し、白い紙面での見た目に近い濃淡で再現します。CADでは透明な面にはならず、濃淡は段階的に変わります。「設定保存」には塗りのオン・オフと透明度も含まれます。

STEP 04

図面に書き出す

1. 「実際の高さ mm」に、対象の実際の高さを入力します。複数の対象を含む画像では全体の高さを使います。
2. 「縮尺 1 :」に分母を入力します。1:100なら「100」です。
3. 用途に合う「出力方式」を選び、下に表示される出力寸法を確認します。
4. 「共有ライブラリーでの名称」は任意です。空欄なら自動で名称を付けます。DWG・DXF・Illustrator用SVGの保存ボタンを押します。

形式を選ぶ

出力方式はDWG・DXF・SVG共通です。表示倍率を変えていても保存寸法は変わりません。Illustratorで紙面上のサイズにしたい場合は「紙面用」を選んでください。

AutoCADで開いた表示例

DWGで保存した線画をAutoCADで開いた例です。写真から作成したヤギの輪郭と内部の線が、図面上に表示されています。

SHARED LIBRARY

線画を共有・ダウンロードする

DWG・DXF・SVGを書き出すと、端末へのダウンロードとGoogle Driveへの共有保存が始まります。共有ライブラリーのページでは、保存した線画のプレビューとGoogle Driveの保存先リンクを確認できます。保存状況は書き出し欄に表示します。

• 分類は「対象タイプ」に合わせた人物・家具・植栽・動物・その他の5種類です。
• 同じブラウザで保存した同じ線画は、複数形式を1件にまとめます。
• 別の線画は、同じ名称でも別々に保存されます。
• 読み込んだ元の素材（写真）は、操作中の端末のブラウザ内でのみ表示・処理されます。サイトのサーバーや共有ライブラリーへ送信・保存されず、運営者や他の利用者には公開されません。共有されるのは、書き出した線画データです。

1. 上部の 共有ライブラリー を開きます。
2. 分類を選び、プレビューと名称を確認します。
3. 素材の「Google Driveで開く ↗」から保存先を開き、Google Drive上で必要なファイルをダウンロードします。「Google Driveの保存先を開く ↗」では共有フォルダーを開けます。

素材の削除を希望する場合は、素材名・素材IDを添えてコンタクトから依頼してください。共有素材の削除は管理者のみが行います。

共有保存に失敗しても端末へのダウンロードは開始されます。共有保存を再試行 で再送してください。ブラウザのCookieを無効にしている場合は、投稿の接続を準備できないことがあります。

共有データを閲覧できる範囲はサイトの公開設定に従います。一般公開すると他の利用者も利用できるため、共有してよい線画だけを書き出してください。

TROUBLESHOOTING

困ったときは